原创 Flutter 131: 圖解 AnimatedList 動畫列表

    小菜在使用列表加載數據項時,爲了提高用戶瀏覽體驗,在增加刪除 Item 項時適當增加一點小動畫,於是小菜通過 AnimatedList 簡單嘗試一下; AnimatedList 源碼分析 const AnimatedList({

原创 初識 AspectJ ~

    小菜在嘗試 Android 性能優化過程中,需要統計的監測各個方法執行調用時間,以及對應 Systrace 生成時;較爲優雅的方式就是採用 AOP 切片模式,而 AOP 模式中較爲成熟和簡單的當屬 AspectJ;小菜進行簡單集成與

原创 Flutter 130: 圖解 DraggableScrollableSheet 可手勢滑動的菜單欄

    小菜發現在長期未登陸小米應用市場時,再次登陸會有可滑動的半屏底部菜單,供用戶方便下載和推廣;而在 Flutter 中這個半屏底部菜單並不是一個簡單的 BottomSheet 完成的,可以通過 DraggableScrollableS

原创 【HarmonyOS 專題】02 搭建簡單登錄頁面

    小菜在搭建完 HarmonyOS 環境之後,有很長時間沒有研究過 HarmonyOS,DevEco Studio 已經更新了多個版本,小菜在升級完 IDE 開發工具之後,還未仔細學習官方文檔,僅以 Android 爲基礎嘗試嘗試簡單

原创 Flutter 129: 圖解 ToggleButtons 按鈕切換容器組

    小菜前兩天剛學習了 ButtonBar 按鈕容器,今天順便學習一下 ToggleButtons 按鈕切換容器組,其切換效果可以應用在日常 TabBar 切換位置; ToggleButtons 源碼分析 const ToggleBut

原创 Flutter 128: 圖解 ColorTween 顏色補間動畫 & ButtonBar 按鈕容器

    小菜在嘗試做主題顏色切換時,希望背景色有一個自然的過渡過程,於是瞭解到 ColorTween 顏色補間差值器,配合 AnimationController 實現兩種顏色間的自然過渡;小菜簡單嘗試一下; ColorTween 源碼分析

原创 Flutter 127: 圖解基礎 Image 小組件

    Image 圖片作爲日常中最常用的 Widget 卻也是最容易忽略的,小菜在日常中通常僅用到 Image 展示圖片屬性,但是 Image 本身非常強大,有很多小菜所不熟知的屬性特徵;今天小菜重新認識一下 Image Widget;

原创 Flutter 126: 圖解自定義兩側對齊 ACETabBar 標籤導航欄

    小菜在實踐學習過程中,需要把 TabBar 標籤欄默認居左,而 TabBar 默認是居中狀態;小菜藉此機會學習一下 TabBar 源碼,稍微調整一下對齊方式; ACETabBar ACETabBarAlignType 對齊方式   

原创 Flutter 125: 圖解自傳 ACE_ICON.ttf 圖標庫

    小菜在學習過程中通常會需要大量的小圖標,而多數的 Icon 都是經過設計同學優化過的,而如何採用類似系統 Icons 方式,此時可以通過自傳類似字體庫的 ttf 圖標庫的方式來完成; ACE_ICON     小菜推薦兩個網站可以用

原创 Flutter 124: 日常問題小結 (三) 自定義 Dialog 二三事

    針對日常不同的需求,我們時常需要自定義 Dialog,而小菜在嘗試過程中遇到一些小問題,簡單記錄總結一下; Dialog Q1. 軟鍵盤遮擋含文本框對話框     小菜在自定義含有文本框的 Dialog 時,文本框獲取焦點時,軟鍵盤

原创 Flutter 123: 圖解簡易 GroupList 二級分組列表

    小菜在實踐過程中,想實現一個可選的二級分組列表,pub.dev 插件庫中已經有很多類似功能的插件,小菜還是準備從自己角度嘗試實現一個簡單的二級分組列表; 列表分爲兩級,默認均摺疊 一級列表和二級列表均可選中和取消 二級列表數據可以

原创 【Dart 專題】Map 集合小結~

    Map 在日常生活中最常見的集合方式,而 Dart 中的 Map 相較於 Android 中的 Map 略有不同,使用會更加靈活;小菜今天儘可能系統的學習一下; Map     Map 是一個 key-value 鍵值對的集合對象,

原创 Flutter 122: 圖解自定義半遮擋頭像 SeriesCircleProfile & CircleAvatar

    小菜在學習過程中,想實現一行半遮擋的用戶頭像的功能,橫向展示過程中,具體包括 右側頭像逐個半遮擋左側頭像 和 左側頭像逐個半遮擋右側頭像 兩種展示; 可展示本地圖或網絡圖; 可自定義末尾圖標; 可自定義邊框樣式;     整個自

原创 Flutter 121: 圖解簡易 Slider 滑動條

    小菜在業務開發過程中會自定義 Slider 滑動條,而在自定義之前,小菜先簡單瞭解一下 Flutter 自帶的 Slider; Slider 源碼分析 const Slider({ Key key, @require

原创 【Dart 專題】Generics 泛型 <T>

    小菜在 Android 開發過程中,會通過重載實現根據不同的參數類型生成類似方法,進一步可以通過 泛型 進一步提取基類方法;而對於 Dart 而言,爲了解決多種方式構造對象的場景,也可以通過 泛型 來提取基類;今天小菜簡單學習一下