經過 30 天的每日耕讀，筆者從開發環境建置、常用及 Desktop 特有的元件，到 Compose 的幾個重要觀念，包括 Modifier、State，還有佈...
雖然 Jetpack Compose 可以從 Android 近乎無痛的用於 Desktop 開發，但實務上 Mobile 平台和 Desktop 環境還是有許...
自從在專案導入 TeamCity 後，就不再需要手動執行編譯和打包，除了可以省下開發者的時間外，也更容易管理應用程式的發佈檔案。不過其實 TeamCity 能幫...
雖然 Compose for Desktop 團隊已經把打包 App 的工作用 Gradle 簡化，但長期維護 App 時，總不能每次發佈新版本時，就手動執行...
在練習開發 Compose 時，都是直接用 IntelliJ IDEA 的 Run Configuration 直接把 App 跑起來，雖然方便，但若要讓所有使...
在開發 Desktop App 時，絕對不會只有刻 UI 這麼簡單，一定還有更多複雜的邏輯在背後運作，UI 只是觸發它們運作而已。而在現在 Web Servic...
除了滑鼠外，鍵盤也是使用者必用的輸入設備。在 Compose for Desktop 裡，以下三個地方會與鍵盤互動有關： 當使用者在 TextField 輸入...
對使用者的行為產生反應是 UI 很重要的功能之一，因此事件系統的豐富度與完整度就變成評估一個 UI 框架很重要的因子之一。在 Compose for Deskt...
Compose 除了在架構上有很高的彈性外，在外觀上也給開發者很大的自由。由於 Jetpack Compose 是先針對 Android 作業系統而設計的，因此...
說到底，其實所有應用程式的背後都跟資料有關。而 UI 的功能，就是將資料「呈現」給使用者看，或是讓使用者可以「操作」資料。所以 UI 往往不只是「靜態」的畫面，...
在研究 Compose 元件時，讀者應該有發現，每個元件都有 modifier 這個參數，有時要改變元件的外觀或行為時，就得透過這個參數。但到底 Modifie...
還記得即時通訊軟體（Instant Message，簡稱 IM）出現後，為了在收到訊息時有視覺上的提示，Desktop 上開始出現 Notification U...
在實作 Desktop App 時，有一種很特別的 UI 是 Tray，也就是在功能列上的小圖示。許多 App 會把一些小工具收在 Tray 裡，方便使用者可以...
研究了這麼多 Compose 元件，基本上這些元件不論是在外觀、行為和程式碼上，都與 Android 上相同。不過，畢竟 Desktop 環境跟 Mobile...
在排版 UI 時，有時會想要把元件群組、彼此堆疊，或有時就只是需要一個可以動態撐開的空間。在 Compose 的世界裡，有些排版元件的功能就是協助我們更快的做出...
雖然看了這麼多元件，但在實作 UI 時，通常會組合多個元件，為了讓 UI 清楚、易懂、好看，如何排版元件就變得很重要了！若讀者曾自行把多個元件放在 Window...
在寫 UI 的時候，除了顯示內容給使用者看的元件以外，接收使用者輸入的表單元件也很常見。在前面的筆記裡，已經整理過如 TextFiel、Button 等表單元件...
在與使用者互動的元件裡，Button 佔了很大的比重，用途也很廣泛。今天的耕讀筆記，就來綜覽一下 Compose 提供的 Button 元件，了解這系列的元件各...
在看完 Image 元件後，另一個跟它很像的元件就是 Icon，一般 Icon 大多用於標示和裝飾，可以讓 UI 看起來更美觀且精緻。今天的耕讀筆記就以 Ico...
在刻 UI 時，最常使用的元件除了文字以外，也很常用「圖片」！今天的耕讀筆記就以 Image 元件為主軸，研究一下其用法及相關設定。 Image 元件 在 UI...
Text 用於顯示文字，若是要讓使用者輸入文字呢？這時就會需要表單元件 TextField。在看完跟 Text 相關的元件後，我們接著看 TextField。今...
在看完 UI 外層的 Window 及 MenuBar 後，接下來持續往內看其他元件。在刻 UI 時，最常需要處理的應該就是「文字」吧？今天的耕讀筆記就以 Te...
若視 Window 為 UI 的最外層，那 MenuBar 應該就算是第二層吧？MenuBar 是 Desktop App 很重要的元素，一般來說整個 App...
要掌握 Compose，就得了解其元件庫有哪些元件可使用，以及各元件的使用方式。因此從今天開始，耕讀筆記將綜覽常用 UI 元件，了解各元件的名稱、可傳入的參數及...
在建立全新的 Compose for Desktop 專案後，我們只知道怎麼運行專案及預覽元件，對於應用程式組成及程式碼細節並不清楚。因此今天的耕讀筆記就要來閱...
安裝好 SDK、開發工具及外掛程式後，就完成了所有前置作業。耕讀筆記的第四步，就來初始化 Compose for Desktop 專案，並實際將專案運行起來。...
還記得在提到使用 Jetpack Compose 開發 UI 時的好處之一，就是「方便預覽」。若讀者試著在 Android Studio 裡建立一個全新的 Em...
為了讓寫好的程式碼能編譯執行，在安裝好開發工具後，我們還需要安裝 SDK。由於 Compose for Desktop 是運行在 JVM 平台上，需要的 SDK...
在學習一項新的軟體技術前，最重要的就是先建立好開發環境。一般來說開發環境包含兩塊：SDK 及開發工具（一般指 IDE）。由於我們使用的開發語言是 Kotlin，...
寫 UI 是精緻手工業 隨著軟體開發的演進，應用程式架構也跟著愈來愈精細。但不論架構再怎麼切分，UI（User Interface，應用程式介面）永遠都佔據著一...
聖佑
iThome鐵人賽
看影片追技術