在看完 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 專案,並實際將專案運行起來。...
為了讓寫好的程式碼能編譯執行,在安裝好開發工具後,我們還需要安裝 SDK。由於 Compose for Desktop 是運行在 JVM 平台上,需要的 SDK...
在學習一項新的軟體技術前,最重要的就是先建立好開發環境。一般來說開發環境包含兩塊:SDK 及開發工具(一般指 IDE)。由於我們使用的開發語言是 Kotlin,...
寫 UI 是精緻手工業 隨著軟體開發的演進,應用程式架構也跟著愈來愈精細。但不論架構再怎麼切分,UI(User Interface,應用程式介面)永遠都佔據著一...
那是什麼?為什麼是 UI? 當我腦海中有這兩個字的時候,沒有猶豫立即起身做到電腦前 Google,到底 UI 跟未來職涯有什麼關係?其實我知道 UI 就是使...
前面提到如何規劃擬定隱私三寶,今天就針對隱私策略的部分如何整合至產品的UI設計上呢?這會實際涵蓋Privacy by Design的概念,因並非UI設計專家(推...
最後一天~~~壓軸當然是要最好玩的東西啦,講完今天的內容,大家就可以在介面上自由的創作了! ♠♣今天的文章大綱♥♦ 線條 矩形 圓或橢圓與圓弧 多邊形 線...
終於進入最好玩的主題了,canvas就是可以在介面上做圖形出來,趕快滑下去看吧~~~ ♠♣今天的文章大綱♥♦ 建立畫布 文字輸出 背景顏色 影像插入 滑鼠繪製...
感人時刻 今天是鐵人賽30天的最後一天了,有種「嗯?30天了喔?」的奇妙感覺!畢竟已經習慣每天上來發文,也習慣隊友們每天互相提(恐)醒(嚇)發文!!! 突然有點...
今天的範例也有結合昨天的程式碼,要聊聊直接在介面上做增減,等不及的話就趕快往下滑吧~ ♠♣今天的文章大綱♥♦ 刪除項目 插入項目 綁定卷軸 刪除項目 im...
終於結束Text的部分啦~~~今天要來講Treeview,這個就是樹狀的意思,像樹一樣有層次感,可以把資料藏起來,也可以展開。 ♠♣今天的文章大綱♥♦ Tre...
今天的程式碼也超長的,因為範例有結合昨天的一起呈現,所以就越加越長了~ ♠♣今天的文章大綱♥♦ 儲存 開啟新檔 開啟舊檔 插入影像 儲存 import t...
前面完成了「CTA」區塊,今天來完成「Footer」的區塊。 數據收集 Footer的樣式 Background-color:$Secondary...
前面完成了「Plans」區塊,今天來完成「CTA」的區塊。 數據收集 CTA的樣式 Background-color:$Primary Pad...
Text會講三天,因為發現東西有點多,怕放在一篇會爆炸。 ♠♣今天的文章大綱♥♦ 復原與重複 搜尋 拼字check 復原與重複 import tkinte...
前面完成了「Reviews」區塊,今天來完成「Plans」的區塊。 數據收集 標題的樣式 Font-weight:Bold Font-size:3...
前面完成了「Carousel」區塊,今天來完成「Reviews」的區塊。 數據收集 card 標題的樣式 Font-weight:Regular F...
今天放假好開心,睡超飽的ヾ(^▽^))), 但是還是要起床發文啦~Text顧名思義就是可以輸入文字,鍵一個框框,就可以把文字輸入到裡面了。 ♠♣今天的文章大綱♥...
持續調整UI。今天加了不少動態的呈現效果,利用Tween的方法將原先靜態的UI調整後,看起來不像之前這麼死板。但呈現上若不是用影片,圖片是很難看出它動態呈現的細...
前面完成了「Steps」區塊,今天來完成「Carousel」的區塊。 數據收集 margin-top : 96px Carousel底下Backg...
前面完成了「Pros」區塊,今天來完成「Steps」的區塊。 數據收集 標題的樣式 Font-weight:Medium Font-size:24p...
第一次壓線發文耶,今天真的有點忙,到現在才發文。Menu就是功能表的表單,通常都會在介面的最上面,是很常見的工具喔~ ♠♣今天的文章大綱♥♦ Menu基本參數...
今天難得有足夠的時間可在Dungeon的專案進行調整,本來是想將時間花在整理行為的部份,但一直覺得目前的UI需要先行進入到下個階段,最後還是把時間投入到UI的修...