iT邦幫忙

desktop相關文章
共有 37 則文章
鐵人賽 Software Development DAY 30

技術 第 30 天:Compose for Desktop 學習資源

經過 30 天的每日耕讀,筆者從開發環境建置、常用及 Desktop 特有的元件,到 Compose 的幾個重要觀念,包括 Modifier、State,還有佈...

鐵人賽 Software Development DAY 29

技術 第 29 天:Compose 多平台差異

雖然 Jetpack Compose 可以從 Android 近乎無痛的用於 Desktop 開發,但實務上 Mobile 平台和 Desktop 環境還是有許...

鐵人賽 Software Development DAY 28

技術 第 28 天:使用 Qodana 檢查程式碼

自從在專案導入 TeamCity 後,就不再需要手動執行編譯和打包,除了可以省下開發者的時間外,也更容易管理應用程式的發佈檔案。不過其實 TeamCity 能幫...

鐵人賽 Software Development DAY 27

技術 第 27 天:建置 CI 流程

雖然 Compose for Desktop 團隊已經把打包 App 的工作用 Gradle 簡化,但長期維護 App 時,總不能每次發佈新版本時,就手動執行...

鐵人賽 Software Development DAY 26

技術 第 26 天:打包應用程式

在練習開發 Compose 時,都是直接用 IntelliJ IDEA 的 Run Configuration 直接把 App 跑起來,雖然方便,但若要讓所有使...

鐵人賽 Software Development DAY 25

技術 第 25 天:結合(Multiplatform)Library

在開發 Desktop App 時,絕對不會只有刻 UI 這麼簡單,一定還有更多複雜的邏輯在背後運作,UI 只是觸發它們運作而已。而在現在 Web Servic...

鐵人賽 Software Development DAY 24

技術 第 24 天:事件處理之鍵盤互動

除了滑鼠外,鍵盤也是使用者必用的輸入設備。在 Compose for Desktop 裡,以下三個地方會與鍵盤互動有關: 當使用者在 TextField 輸入...

鐵人賽 Software Development DAY 23

技術 第 23 天:事件處理之滑鼠互動

對使用者的行為產生反應是 UI 很重要的功能之一,因此事件系統的豐富度與完整度就變成評估一個 UI 框架很重要的因子之一。在 Compose for Deskt...

鐵人賽 Software Development DAY 22

技術 第 22 天:佈景主題

Compose 除了在架構上有很高的彈性外,在外觀上也給開發者很大的自由。由於 Jetpack Compose 是先針對 Android 作業系統而設計的,因此...

鐵人賽 Software Development DAY 21

技術 第 21 天:狀態管理

說到底,其實所有應用程式的背後都跟資料有關。而 UI 的功能,就是將資料「呈現」給使用者看,或是讓使用者可以「操作」資料。所以 UI 往往不只是「靜態」的畫面,...

鐵人賽 Software Development DAY 20

技術 第 20 天:解析 Modifier

在研究 Compose 元件時,讀者應該有發現,每個元件都有 modifier 這個參數,有時要改變元件的外觀或行為時,就得透過這個參數。但到底 Modifie...

鐵人賽 Software Development DAY 19

技術 第 19 天:Desktop 特有元件之 Notification

還記得即時通訊軟體(Instant Message,簡稱 IM)出現後,為了在收到訊息時有視覺上的提示,Desktop 上開始出現 Notification U...

鐵人賽 Software Development DAY 18

技術 第 18 天:Desktop 特有元件之 Tray

在實作 Desktop App 時,有一種很特別的 UI 是 Tray,也就是在功能列上的小圖示。許多 App 會把一些小工具收在 Tray 裡,方便使用者可以...

鐵人賽 Software Development DAY 17

技術 第 17 天:Desktop 特有元件之 Tooltip

研究了這麼多 Compose 元件,基本上這些元件不論是在外觀、行為和程式碼上,都與 Android 上相同。不過,畢竟 Desktop 環境跟 Mobile...

鐵人賽 Software Development DAY 16

技術 第 16 天:排版元件之 Surface、Box 與 Spacer

在排版 UI 時,有時會想要把元件群組、彼此堆疊,或有時就只是需要一個可以動態撐開的空間。在 Compose 的世界裡,有些排版元件的功能就是協助我們更快的做出...

鐵人賽 Software Development DAY 15

技術 第 15 天:排版元件之 Column、Row

雖然看了這麼多元件,但在實作 UI 時,通常會組合多個元件,為了讓 UI 清楚、易懂、好看,如何排版元件就變得很重要了!若讀者曾自行把多個元件放在 Window...

鐵人賽 Software Development DAY 14

技術 第 14 天:常用 UI 元件之表單元件

在寫 UI 的時候,除了顯示內容給使用者看的元件以外,接收使用者輸入的表單元件也很常見。在前面的筆記裡,已經整理過如 TextFiel、Button 等表單元件...

鐵人賽 Software Development DAY 13

技術 第 13 天:常用 UI 元件之 Button

在與使用者互動的元件裡,Button 佔了很大的比重,用途也很廣泛。今天的耕讀筆記,就來綜覽一下 Compose 提供的 Button 元件,了解這系列的元件各...

鐵人賽 Software Development DAY 12

技術 第 12 天:常用 UI 元件之 Icon

在看完 Image 元件後,另一個跟它很像的元件就是 Icon,一般 Icon 大多用於標示和裝飾,可以讓 UI 看起來更美觀且精緻。今天的耕讀筆記就以 Ico...

鐵人賽 Software Development DAY 11

技術 第 11 天:常用 UI 元件之 Image

在刻 UI 時,最常使用的元件除了文字以外,也很常用「圖片」!今天的耕讀筆記就以 Image 元件為主軸,研究一下其用法及相關設定。 Image 元件 在 UI...

鐵人賽 Software Development DAY 10

技術 第 10 天:常用 UI 元件之 TextField

Text 用於顯示文字,若是要讓使用者輸入文字呢?這時就會需要表單元件 TextField。在看完跟 Text 相關的元件後,我們接著看 TextField。今...

鐵人賽 Software Development DAY 9

技術 第 9 天:常用 UI 元件之 Text

在看完 UI 外層的 Window 及 MenuBar 後,接下來持續往內看其他元件。在刻 UI 時,最常需要處理的應該就是「文字」吧?今天的耕讀筆記就以 Te...

鐵人賽 Software Development DAY 8

技術 第 8 天:常用 UI 元件之 MenuBar

若視 Window 為 UI 的最外層,那 MenuBar 應該就算是第二層吧?MenuBar 是 Desktop App 很重要的元素,一般來說整個 App...

鐵人賽 Software Development DAY 7

技術 第 7 天:常用 UI 元件之 Window

要掌握 Compose,就得了解其元件庫有哪些元件可使用,以及各元件的使用方式。因此從今天開始,耕讀筆記將綜覽常用 UI 元件,了解各元件的名稱、可傳入的參數及...

鐵人賽 Software Development DAY 6

技術 第 6 天:解析預設專案架構

在建立全新的 Compose for Desktop 專案後,我們只知道怎麼運行專案及預覽元件,對於應用程式組成及程式碼細節並不清楚。因此今天的耕讀筆記就要來閱...

鐵人賽 Software Development DAY 5

技術 第 5 天:初始化專案

安裝好 SDK、開發工具及外掛程式後,就完成了所有前置作業。耕讀筆記的第四步,就來初始化 Compose for Desktop 專案,並實際將專案運行起來。...

鐵人賽 Software Development DAY 4

技術 第 4 天:安裝 Compose Multiplatform IDE Support 外掛程式

還記得在提到使用 Jetpack Compose 開發 UI 時的好處之一,就是「方便預覽」。若讀者試著在 Android Studio 裡建立一個全新的 Em...

鐵人賽 Software Development DAY 3

技術 第 3 天:安裝 JDK

為了讓寫好的程式碼能編譯執行,在安裝好開發工具後,我們還需要安裝 SDK。由於 Compose for Desktop 是運行在 JVM 平台上,需要的 SDK...

鐵人賽 Software Development DAY 2

技術 第 2 天:安裝 IntelliJ IDEA

在學習一項新的軟體技術前,最重要的就是先建立好開發環境。一般來說開發環境包含兩塊:SDK 及開發工具(一般指 IDE)。由於我們使用的開發語言是 Kotlin,...

鐵人賽 Software Development DAY 1

技術 第 1 天:踏上探索 Compose for Desktop 的旅程

寫 UI 是精緻手工業 隨著軟體開發的演進,應用程式架構也跟著愈來愈精細。但不論架構再怎麼切分,UI(User Interface,應用程式介面)永遠都佔據著一...