iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Mobile Development

Flutter App 開發實戰 系列

希望跟網友一起開發一款真正要上架且有使用者的app,過程中可能包含 ui 配置設計,第三方套件的使用,自己開發特別的view ,firebase的使用,及開發上可能會遇到的問題等等,來記錄我開發的心路歷程

鐵人鍊成 | 共 30 篇文章 | 14 人訂閱 訂閱系列文 RSS系列文
DAY 21

客製功能 Draggable [Day 21]

自訂元件系列的文章因為因應需求,需要製造一個可以拖曳按鈕的元件,裡面存放可以被拖曳的按鈕,以及一個可以隨意擺放按鈕的區塊,這個區塊本身可能有兩種模式編輯模式跟顯...

2020-09-21 ‧ 由 Leo 分享
DAY 22

客製功能 DragTarget | 屬性 [Day 22]

製作了一個放置 darggableButton 的地方後,接下來我們要製作可以任意擺放按鈕位置的元件,這時我們就會需要使用到 DragTarget 來幫助我們完...

2020-09-22 ‧ 由 Leo 分享
DAY 23

客製功能 DragTarget | 範例 [Day 23]

前一篇介紹了 DragTarget 的屬性,今天讓我們用範例來了解要怎麼來使用它 範例 新增一個 StatefulWidget 來顯示 target var...

2020-09-23 ‧ 由 Leo 分享
DAY 24

客製功能 DragTarget | 實作 [Day 24]

延續前面的文章,再了解了 DragTarget 的用法後,今天希望可以做出一個元件,draggableButton 在拖入 target 時能在 target...

2020-09-24 ‧ 由 Leo 分享
DAY 25

客製功能 DragTarget | 位置修正[Day 25]

在昨天成功做出拖曳放置位置的元件後,發現元件放置後出現的位置跟本來預想的不同,猜測可能的原因有可能是在放置時讀取到的位置是整個畫面的位置,所以才與放置時的地方不...

2020-09-25 ‧ 由 Leo 分享
DAY 26

客製功能 CustomPainter | 範例 [Day 26]

在成功放置按鈕在自訂的 Frame 上後我們需要一個網格讓我們知道實際的比例和讓按鈕有個固定的比例大小,所以我們需要在 Frame 上繪製網格提供給使用者參考,...

2020-09-26 ‧ 由 Leo 分享
DAY 27

客製功能 CustomPainter | 實作 [Day 27]

再暸解了 CustomPainter 如何使用後我們可以來嘗試做出網格 網格實作 先定義網格大小與寬高個數,在個別畫出直、橫線段 class SpacePai...

2020-09-27 ‧ 由 Leo 分享
DAY 28

客製功能 | 按鈕對齊格線 [Day 28]

user 在使用時發現目前做出來的網格只有觀看的作用只能當作參考,draggable button 的按鈕沒有辦法對齊到線上,應使用者的要求我們今天就要為網格加...

2020-09-28 ‧ 由 Leo 分享
DAY 29

客製功能 | 按鈕大小 [Day 29]

在按鈕成功對齊隔線後,我們希望按鈕的大小能夠與網格符合,這樣之後這個按鈕編輯的頁面在其他地方出現時,網格的格數就能夠當成我們的一個參考,能夠在不同地方時擁有相同...

2020-09-29 ‧ 由 Leo 分享
DAY 30

客製功能 | 顯示模式 [Day 30]

編輯完成後使用者可能需要顯示正常的樣子,去除掉網格與灰背景和增加按鈕實際被點擊時該執行什麼動作。 改變狀態 增加 Frame 的狀態有編輯跟預覽模式,Fram...

2020-09-30 ‧ 由 Leo 分享