情境 我們先前也提到一些圖片處理的相關防禦性 CSS,例如關於圖片比例的 object-fit 等等。這些屬性能夠幫助我們在圖片容器改變的時候,防止圖片的比例變...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
第二篇 : 讓虛擬鍵盤做簡單運算 本篇會延續第一篇完成的進度繼續進行並介紹如何將輸入的數值做計算 成品效果 製作教學 使用積木 首先再...
程式語言在某種分類上可以分為低階語言與高階語言。低階語言(如C語言)提供了從作業系統規畫一塊記憶體來用的功能,不過程式也要自己負責在記憶體不用時還回去給作業系統...
之前討論了 Autofac套件內部是如何運作的,稍微了解整個流程,雖然不是百分百都將所有細節都展現出來,但也可以了解近七、八成的主要執行方式。 這篇是探討,利...
情境 圖片和文字通常是相輔相成的存在。現代的網頁上面有許多的圖片,一方面是為了讓畫面看起來更多元、豐富,另一方面,圖片也能夠幫助瀏覽者一眼看出作者想要表達的內容...
Medium 好讀版 如果我們想實作從清單刪除日記的行為,首先就是要讓清單可以變動內容。 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純...
空島跳躍者(2) 上篇內容我們已經做到了基本的跳躍如上 若跟不上進度的可以回去複習喔~ 本篇內容 在本篇我們會讓角色可以操控以及繪製地圖! 首先讓角色可以...
Medium 好讀版 今天的文章將延續上一篇「生氣紀錄本」的應用,將 remember 的行為以視覺化呈現。還沒讀過的同學,建議可以先到上一篇瀏覽範例程式...
情境 圖片在現代網站上面所扮演的角色越來越重要。我記得有一陣子很常看見大圖片當作網站背景的設計: 或是卡片式的排版也總是會需要搭配圖片: 你能看見多遠的未來...
第二篇:油漆桶遊戲-實作篇 大綱 遊戲內容 製造地圖 選擇數字 遊戲運作 在arcade運作遇到的限制 成果預覽 選擇數字後 可以切換到相對應的顏色...
Medium 好讀版 remember 會把物件儲存在 Composition 內,當 recomposition 期間 remember 所在的 sco...
談到復古遊戲,你會想到哪個角色?是愛鑽水管的瑪利歐?超Q的泡泡龍?帥炸的魂斗羅?還是把怪物變成雪人的雪人兄弟?你知道嗎?他們都是橫向捲軸遊戲! 橫向捲軸遊戲 這...
昨天我們談到了 Factory模式,工廠可以生產實作同個介面 IShape的各種形狀。假設今天再多一個條件是「顏色」,而店家會去販售特定形狀的卡片搭配特定顏色的...
情境 在上一篇當中我們討論了固定高度在某些特定情境下有可能產生內溶溢出的問題。我相信我們的讀者一定也很能夠舉一反三,既然固定高度下,內容過長有可能會溢出,那換個...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
Medium 好讀版 在今天的文章中,我們來一起瞭解 composable 的 lifecycle,以及 Compose 如何決定 composable...
情境 不知道大家有沒有設計過官網或是活動頁的經驗呢? 主頁橫幅(Hero Section)往往是針對網站訪問者遇到的第一視覺頁面,其目的是要提出一個該網站最重要...
迷宮產生器 迷宮是一種老少咸宜的益智遊戲擁有令人眼花撩亂的路線經過一番思考後,抵達終點總是讓人充滿成就感 但每次都要製作新的迷宮,有一點小麻煩 有沒有可能...
情境 決定畫面的平衡有許多要考慮的因素,除了過長的內容會造成畫面破版之外,反過來,如果過短的內容是不是也會造成視覺上的不協調呢? 你能看見多遠的未來呢? 看看下...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
第一篇 : 如何創建虛擬鍵盤 本篇將介紹如何建立虛擬鍵盤。並帶領大家了解虛擬鍵盤的應用。 為何需要虛擬鍵盤? 方便性 虛擬鍵盤的出現讓我們可以實現...
情境 我們用下面這個垂直下拉選單來說明這個情境: 上圖示我們常見的下拉選單形式,這些選單有一些選項,例如我們可以對這個帳號做一些設定、登出、查看自己的個人資料...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
情境 如下圖,網站中有這樣一塊又一塊的圖形設計,稱之為「卡片」。近年來 卡片式設計 在網站上越來越常見。 矩形的卡片設計能夠順利的與不同視窗大小做搭配,因此無論...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
間距、間距、間距! 情境 在討論今天的主題之前,我們先來看看下面這張圖: 第一張圖的情境,有可能是在介面上我們試圖要做一些不可逆的操作,例如你要去刪除某篇文章...
Medium 好讀版 在 Composable functions 裡,如果有 state 會由多個函式讀取或修改,就應該放在 common ancest...
情境 今天我們來討論一個常見的設計,標題與圖示。下面這是一張很常見的卡片式設計,看起來很正常不是嗎? 我們在生活當中很常遇到類似這樣的設計,就是在一個卡片式的...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...