零、前言
FlutterUnit終於和大家見面了，這將是【張風捷特烈】長期維護的一個專案
歡迎star : github.com/toly1994328…
可以在github 倉庫裡下載apk體驗 :
| FlutterUnit.apk 下載 |
FlutterUnit mac版 下載 |
Github倉庫地址 |
 |
 |
 |
一、元件的展示頁面
1. 首頁與元件收錄
- Flutter一共有356+元件，目前收錄
元件213個，並根據個人感覺進行評星
- 將元件分為
七種家族，對應七種顏色，上tab欄，點選切換七種家族元件。
2. 元件詳情頁
- 其中每個都有至少一個演示展現和程式碼展示，對於重要的元件會詳細展現。
- 希望儘量做到細緻，如果有需要補充，歡迎聯絡我。或進行pr
3. 元件的可操作性
最重要的是: 所有的演示展現都是Flutter的元件形成的，而非圖片，這就意味著可操作性更高。- 對一些操作互動的元件或有可操作性的某些元件，
提供操作演示
4. 相關元件的關聯切換
相關元件通過link to 可以進行切換, 滿足你的探索欲。- 維護了一個link to 的棧，可以退出時返回上一個元件。
5. 程式碼的檢視和分享
激動人心的是，你可以通過右側的圖示展開/隱藏 實現下面效果的程式碼
並且支援分享，如果你想親自體驗，so，easy ! 而且程式碼高亮樣式可以自定義。
二、收藏集
收藏夾設計的初衷是: Flutter中的元件非常多，分類頁並不明確
作為集卡癖的我很想有個收藏的介面，讓我能自由收藏分類。
應用中預設給出了12種分類方式，也就是12個收藏夾，且210+元件已錄入相應收藏夾
當然你可以自由的建立、修改、刪除它們。收藏集還可以指定顏色用以區分。
1.收藏集
- 支援新增收藏集，可指定
顏色和簡介
- 支援修改收藏集
- 支援刪除收藏集，刪除後，原先被收藏的元件將會移除。
4. 元件的收藏與取消操作
資料庫表採用widget與category一對多的結構，收錄元件。
在每個詳情頁的右滑選單中可以檢視當前元件的收藏資訊，
點選收藏夾名稱時時可以切換該元件是否收錄。在收藏夾裡面可以左滑刪除
5.整體效果
對收藏夾頁面整體進行優化，效果如下，保留了預設收藏集。
點選收藏夾會進入收藏的內容，每個item也可以點選進入詳情頁。
6.彩蛋: 左右滑欄
很多朋友反映左右滑欄與系統的側滑返回衝突，所以特意設定了滑欄的小彩蛋
主頁長按底部左側按鈕可開啟左側滑欄
主頁長按底部右側按鈕可開啟右側滑欄
詳情頁長按頂部房子按鈕可開啟右側滑欄
| 長按右選單滑頁 |
長按左選單滑頁 |
詳情內長按展示收藏選單 |
 |
 |
 |
三、搜尋與全域性配置
1.搜尋功能
由於Flutter中Widget比較雜亂，不太好分類，所以搜尋是非常重要的
另外可以根據星級進行過濾，支援多選。
2. 顏色主題
只提供八種顏色，可在右滑選單頁的我的主題配置,可以擴充
3.字型配置
支援全域性字型設定,可以擴充
4.item樣式設定
支援item樣式設定，可以擴充，支援徵集
5.程式碼皮膚風格設定
支援程式碼風格設定
7.關於我與專案
四、FlutterUnit 2.0 展望
後面將是一些集錄，需要更多的Flutter愛好者參與，計劃方案將陸續釋出。
尾聲
歡迎Star和關注FlutterUnit 的發展，讓我們一起攜手，成為Unit一員。
另外本人有一個Flutter微信交流群，歡迎小夥伴加入，共同探討Flutter的問題，期待與你的交流與切磋。
@張風捷特烈 2019.04.04 未允禁轉
我的公眾號:程式設計之王
聯絡我--郵箱:1981462002@qq.com --微信:zdl1994328
~ END ~
最後， Flutter Widget 圖鑑 奉上
目前只畫了十張，大概100多個元件，過過眼也好。後面有時間會更新。
原圖資源也放在 FlutterUnit 中 : 如發現錯誤歡迎聯絡我及時改正。
