iT邦幫忙

ui相關文章
共有 223 則文章
鐵人賽 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 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,應用程式介面)永遠都佔據著一...

鐵人賽 自我挑戰組 DAY 3

技術 第 03 話 資料蒐集完了,那怎麼切入新領域?

那是什麼?為什麼是 UI? 當我腦海中有這兩個字的時候,沒有猶豫立即起身做到電腦前 Google,到底 UI 跟未來職涯有什麼關係?其實我知道 UI 就是使...

鐵人賽 自我挑戰組 DAY 29

技術 Day 29 隱私規劃與UI設計定義實作

前面提到如何規劃擬定隱私三寶,今天就針對隱私策略的部分如何整合至產品的UI設計上呢?這會實際涵蓋Privacy by Design的概念,因並非UI設計專家(推...

鐵人賽 自我挑戰組 DAY 30
一起用python寫UI 系列 第 30

技術 Day30 用python寫UI-Canvas(二)

最後一天~~~壓軸當然是要最好玩的東西啦,講完今天的內容,大家就可以在介面上自由的創作了! ♠♣今天的文章大綱♥♦ 線條 矩形 圓或橢圓與圓弧 多邊形 線...

鐵人賽 自我挑戰組 DAY 29
一起用python寫UI 系列 第 29

技術 Day29 用python寫UI-聊聊Canvas(一)

終於進入最好玩的主題了,canvas就是可以在介面上做圖形出來,趕快滑下去看吧~~~ ♠♣今天的文章大綱♥♦ 建立畫布 文字輸出 背景顏色 影像插入 滑鼠繪製...

鐵人賽 Modern Web DAY 30

技術 【設計+切版30天實作】|Day30 - 最後一天了嗚嗚嗚的30天參賽心得

感人時刻 今天是鐵人賽30天的最後一天了,有種「嗯?30天了喔?」的奇妙感覺!畢竟已經習慣每天上來發文,也習慣隊友們每天互相提(恐)醒(嚇)發文!!! 突然有點...

鐵人賽 自我挑戰組 DAY 28
一起用python寫UI 系列 第 28

技術 Day28 用python寫UI-聊聊Treeview(二)

今天的範例也有結合昨天的程式碼,要聊聊直接在介面上做增減,等不及的話就趕快往下滑吧~ ♠♣今天的文章大綱♥♦ 刪除項目 插入項目 綁定卷軸 刪除項目 im...

鐵人賽 自我挑戰組 DAY 27
一起用python寫UI 系列 第 27

技術 Day27 用python寫UI-聊聊Treeview(一)

終於結束Text的部分啦~~~今天要來講Treeview,這個就是樹狀的意思,像樹一樣有層次感,可以把資料藏起來,也可以展開。 ♠♣今天的文章大綱♥♦ Tre...

鐵人賽 自我挑戰組 DAY 26
一起用python寫UI 系列 第 26

技術 Day26 用python寫UI-聊聊Text(三)

今天的程式碼也超長的,因為範例有結合昨天的一起呈現,所以就越加越長了~ ♠♣今天的文章大綱♥♦ 儲存 開啟新檔 開啟舊檔 插入影像 儲存 import t...

鐵人賽 自我挑戰組 DAY 25
一起用python寫UI 系列 第 25

技術 Day25 用python寫UI-聊聊Text(二)

Text會講三天,因為發現東西有點多,怕放在一篇會爆炸。 ♠♣今天的文章大綱♥♦ 復原與重複 搜尋 拼字check 復原與重複 import tkinte...

鐵人賽 Modern Web DAY 26

技術 【設計+切版30天實作】|Day26 - Reviews區塊 - 卡片可以因應不同用途而千變萬化

前面完成了「Carousel」區塊,今天來完成「Reviews」的區塊。 數據收集 card 標題的樣式 Font-weight:Regular F...

鐵人賽 自我挑戰組 DAY 24
一起用python寫UI 系列 第 24

技術 Day24 用python寫UI-聊聊Text(一)

今天放假好開心,睡超飽的ヾ(^▽^))), 但是還是要起床發文啦~Text顧名思義就是可以輸入文字,鍵一個框框,就可以把文字輸入到裡面了。 ♠♣今天的文章大綱♥...

鐵人賽 Mobile Development DAY 27

技術 Dungeon Mizarka 027

持續調整UI。今天加了不少動態的呈現效果,利用Tween的方法將原先靜態的UI調整後,看起來不像之前這麼死板。但呈現上若不是用影片,圖片是很難看出它動態呈現的細...

鐵人賽 Modern Web DAY 24

技術 【設計+切版30天實作】|Day24 - Steps區塊 - 如何做出漸層背景?

前面完成了「Pros」區塊,今天來完成「Steps」的區塊。 數據收集 標題的樣式 Font-weight:Medium Font-size:24p...

鐵人賽 自我挑戰組 DAY 23
一起用python寫UI 系列 第 23

技術 Day23 用python寫UI-聊聊Menu

第一次壓線發文耶,今天真的有點忙,到現在才發文。Menu就是功能表的表單,通常都會在介面的最上面,是很常見的工具喔~ ♠♣今天的文章大綱♥♦ Menu基本參數...

鐵人賽 Mobile Development DAY 25

技術 Dungeon Mizarka 025

今天難得有足夠的時間可在Dungeon的專案進行調整,本來是想將時間花在整理行為的部份,但一直覺得目前的UI需要先行進入到下個階段,最後還是把時間投入到UI的修...