iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 835 瀏覽

鐵人賽 Software Development DAY 12

傳教士的 Compose for Desktop 耕讀筆記系列第 12 篇

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

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

聖佑 ‧ 2022-09-18 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 911 瀏覽

鐵人賽 Software Development DAY 11

傳教士的 Compose for Desktop 耕讀筆記系列第 11 篇

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

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

聖佑 ‧ 2022-09-17 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 1124 瀏覽

鐵人賽 Software Development DAY 10

傳教士的 Compose for Desktop 耕讀筆記系列第 10 篇

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

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

聖佑 ‧ 2022-09-16 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 1 留言 1007 瀏覽

鐵人賽 Software Development DAY 9

傳教士的 Compose for Desktop 耕讀筆記系列第 9 篇

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

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

聖佑 ‧ 2022-09-15 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 1542 瀏覽

鐵人賽 Software Development DAY 8

傳教士的 Compose for Desktop 耕讀筆記系列第 8 篇

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

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

聖佑 ‧ 2022-09-14 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 1367 瀏覽

鐵人賽 Software Development DAY 7

傳教士的 Compose for Desktop 耕讀筆記系列第 7 篇

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

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

聖佑 ‧ 2022-09-13 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 877 瀏覽

鐵人賽 Software Development DAY 6

傳教士的 Compose for Desktop 耕讀筆記系列第 6 篇

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

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

聖佑 ‧ 2022-09-12 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 1305 瀏覽

鐵人賽 Software Development DAY 5

傳教士的 Compose for Desktop 耕讀筆記系列第 5 篇

技術第 5 天：初始化專案

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

聖佑 ‧ 2022-09-11 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 3650 瀏覽

鐵人賽 Software Development DAY 3

傳教士的 Compose for Desktop 耕讀筆記系列第 3 篇

技術第 3 天：安裝 JDK

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

聖佑 ‧ 2022-09-09 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 2291 瀏覽

鐵人賽 Software Development DAY 2

傳教士的 Compose for Desktop 耕讀筆記系列第 2 篇

技術第 2 天：安裝 IntelliJ IDEA

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

聖佑 ‧ 2022-09-08 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 2044 瀏覽

鐵人賽 Software Development DAY 1

傳教士的 Compose for Desktop 耕讀筆記系列第 1 篇

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

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

聖佑 ‧ 2022-09-07 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 1196 瀏覽

鐵人賽自我挑戰組 DAY 3

進擊的轉職-平面設計邁向前端工程師之奇幻旅程系列第 3 篇

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

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

Tim Hsu ‧ 2022-09-03

0 Like 0 留言 2158 瀏覽

鐵人賽自我挑戰組 DAY 29

規劃產品服務設計隱私建立安全數位生活系列第 29 篇

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

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

Leodaddy ‧ 2021-10-13

1 Like 0 留言 2527 瀏覽

鐵人賽自我挑戰組 DAY 30

一起用python寫UI 系列第 30 篇

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

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

Firenze ‧ 2021-10-15

1 Like 0 留言 3578 瀏覽

鐵人賽自我挑戰組 DAY 29

一起用python寫UI 系列第 29 篇

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

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

Firenze ‧ 2021-10-14

2 Like 1 留言 1337 瀏覽

鐵人賽 Modern Web DAY 30

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 30 篇

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

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

烙詩 ‧ 2021-10-14 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

1 Like 0 留言 5572 瀏覽

鐵人賽自我挑戰組 DAY 28

一起用python寫UI 系列第 28 篇

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

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

Firenze ‧ 2021-10-13

1 Like 0 留言 10835 瀏覽

鐵人賽自我挑戰組 DAY 27

一起用python寫UI 系列第 27 篇

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

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

Firenze ‧ 2021-10-12

1 Like 0 留言 3961 瀏覽

鐵人賽自我挑戰組 DAY 26

一起用python寫UI 系列第 26 篇

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

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

Firenze ‧ 2021-10-11

1 Like 0 留言 1202 瀏覽

鐵人賽 Modern Web DAY 29

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 29 篇

技術【設計+切版30天實作】｜Day29 - Footer區塊 - 切出最後一步，看似不起眼但必須存在的footer

前面完成了「CTA」區塊，今天來完成「Footer」的區塊。數據收集 Footer的樣式 Background-color：$Secondary...

烙詩 ‧ 2021-10-13 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

2 Like 1 留言 878 瀏覽

鐵人賽 Modern Web DAY 28

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 28 篇

技術【設計+切版30天實作】｜Day28 - CTA區塊 - 超快速切出簡約CTA，讓使用者註冊起來！！

前面完成了「Plans」區塊，今天來完成「CTA」的區塊。數據收集 CTA的樣式 Background-color：$Primary Pad...

烙詩 ‧ 2021-10-12 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

2 Like 0 留言 2284 瀏覽

鐵人賽自我挑戰組 DAY 25

一起用python寫UI 系列第 25 篇

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

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

Firenze ‧ 2021-10-10

1 Like 0 留言 1037 瀏覽

鐵人賽 Modern Web DAY 27

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 27 篇

技術【設計+切版30天實作】｜Day27 - Plans區塊 - 怎麼做出背景陰影？原來陰影還可以調數據！

前面完成了「Reviews」區塊，今天來完成「Plans」的區塊。數據收集標題的樣式 Font-weight：Bold Font-size：3...

烙詩 ‧ 2021-10-11 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

2 Like 0 留言 1243 瀏覽

鐵人賽 Modern Web DAY 26

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 26 篇

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

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

烙詩 ‧ 2021-10-10 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

2 Like 1 留言 3017 瀏覽

鐵人賽自我挑戰組 DAY 24

一起用python寫UI 系列第 24 篇

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

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

Firenze ‧ 2021-10-09

0 Like 0 留言 815 瀏覽

鐵人賽 Mobile Development DAY 27

FPS dungeon crawler game devlog 系列第 27 篇

技術 Dungeon Mizarka 027

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

ApprenticeGC ‧ 2021-10-09

1 Like 0 留言 3517 瀏覽

鐵人賽 Modern Web DAY 25

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 25 篇

技術【設計+切版30天實作】｜Day25 - Carousel區塊 - 把Carousel Caption和Indicators改成心目中理想的模樣

前面完成了「Steps」區塊，今天來完成「Carousel」的區塊。數據收集 margin-top : 96px Carousel底下Backg...

烙詩 ‧ 2021-10-09 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

1 Like 0 留言 1025 瀏覽

鐵人賽 Modern Web DAY 24

30天以設計＋切版實作（Adobe XD、Bootstrap 5）系列第 24 篇

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

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

烙詩 ‧ 2021-10-08 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社

2 Like 0 留言 1716 瀏覽

鐵人賽自我挑戰組 DAY 23

一起用python寫UI 系列第 23 篇

技術 Day23 用python寫UI-聊聊Menu

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

Firenze ‧ 2021-10-08

0 Like 0 留言 655 瀏覽

鐵人賽 Mobile Development DAY 25

FPS dungeon crawler game devlog 系列第 25 篇

技術 Dungeon Mizarka 025

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

ApprenticeGC ‧ 2021-10-07

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

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

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

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

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

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

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

技術 第 5 天：初始化專案

技術 第 3 天：安裝 JDK

技術 第 2 天：安裝 IntelliJ IDEA

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

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