商品簡介
本書共分為2篇：基礎篇(第1～22章)對Flutter開發中常用的每一個組件，例如MaterialApp、Scaffold、Container、MaterialButton、CheckBox、Switch、ListView等，系統講解從基本使用到如何配置，並深入分析每一個屬性，每一個環節都有對應的案例實現；實戰篇(第23章)綜合基礎篇的組件來實現一個類似抖音視頻類效果實戰案例，講解如何使用Flutter從0到1開發一個App。
本書由簡至繁提供了300多個示例，讀者可以一邊閱讀一邊練習，以掌握Flutter開發中使用的常見組件功能。本書提供的源碼基礎架構，讀者可以直接在此基礎上搭建企業級的應用。
本書面向Flutter初學者，Web前端、iOS開發、Android的開發人員，以及想更多瞭解Flutter並進階實戰的技術人員閱讀。
作者簡介
趙龍
一個愛騎自行車的程序員，也喜歡喝點茶，致力於分享自己的所感所悟，為移動應用程序開發生態圈的建設貢獻自己的一份力量。現任知輪科技大前端部門架構師，兼任山西軟為科技有限公司技術顧問，CSDN認證年度博客專家，CSDN知名專欄作者，網易云課堂“玩轉大前端”網校創始人。先後從事過 Java EE 、Android開發架構、iOS開發、小程序開發、產品設計、項目管理學等領域的工作，並在大量的實踐中積累了豐富的經驗，也形成了一套完整的移動互聯網開發解決方案，在各大技術社區分享了共1000多篇技術文章，並發布了“Flutter從簡到詳”系列視頻教程。
名人/編輯推薦
——劉全明，山西大學副教授
★Flutter作為新的跨平台開發技術，可以快速地構建高質量的原生用戶界面，高效滿足產品對移動UI的需求。 《Flutter組件精講與實戰》從單個組件的講解到一個綜合案例的實現，由淺入深，由簡入繁，一步步帶你了解Flutter的魅力所在。本書是初學者的入門寶典，也是進階者的得力助手。
——任超，微擎聯合創始人
★深耕一門技術，深耕一個行業。移動端開發經歷了從原生開發到混合開發，再到動態部署的演變過程，Flutter集各家所長提高了開發效率，並且免費開源，受到越來越多移動端開發工程師的青睞。 《Flutter組件精講與實戰》從技術層面由淺入深並結合實戰，對Flutter的特性做了很好的詮釋，對於初學者及想轉型的移動開發人員有很大的參考價值。
——劉鵬，傳智播客石家莊校區導9幣
★《Flutter組件精講與實戰》一書，內容豐富，結構清晰，值得每一個Flutter開發者仔細閱讀，書中介紹的每個組件都經過精挑細選，從實戰角度出發進行講解，具有很強的借鑒性和實際參考價值。本書最後以一個完整項目作為實戰案例，既是對前面所學知識的總結，也是讀者開發完整應用程序的新起點。
——老孟，《Flutter實戰入門》作者
★萬物皆有緣法，Flutter集百家之長，採用Dart語言構建高性能、跨平台的應用，本書的內容豐富全面，採用舉一反三、類比推理、由簡至繁的方式引導讀者，尤其是矩陣、繪製、動畫方面圖文並茂、非常精彩，值得入手。
——李明杰，叩丁狼教育創始人
★Flutter使用的Dart語言集各家所長於一身，用來快速高效地構建應用。在Flutter中更是一切皆為組件，組件的精通使用好比武功中的外家功夫，將組件的原理透徹理解好比內家功夫，內外兼修，方可開發出高效應用，本書就是內外兼修的一本秘籍。
——許小珍，資深研發工程師
序
前言
Flutter是谷歌公司的移動UI框架，可以快速在iOS和Android上構建高質量的原生用戶界面。現在，主流的移動開發平台是Android和iOS，每個平台上的開發技術不一樣，如在 Android 中支持Java與Kotlin，而在iOS中支持ObjectC與Swift，針對每一個開發平台都需要特定的人員開發。
輕鬆時別忘了努力，忙碌時別忘了夢想，萬物皆有裂痕，那是光照進來的地方。
在本書的每一章、每一節落筆前的構思時，筆者都在考慮如何才能把各個知識點由簡到詳並更有條理地論述，也在考慮如何才能以簡單易懂的方式使讀者快速理解每個知識點並在實際開發項目中使用。
本書共分兩篇，基礎篇對橫向分析的組件進行精講分析； 實戰篇對縱向的App主體結構進行搭建。基礎篇每一個環節都有對應的示例，由簡至繁共提供了300多個示例，讀者可以一邊閱讀一邊練習，以掌握Flutter開發中所使用的常見組件的功能，通過這一套組件示例的淬煉，可以使讀者在Flutter開發中得心應手。實戰篇系統講解一個App從創建項目到項目UI系統搭建完成，讀者可以通過本書思路與實戰內容學會從0架構一個App。
本書提供了源碼基礎架構，讀者可以直接在此基礎上搭建企業級應用。
本書主要內容
本書主要從兩方面詳細講解Flutter的組件，基礎篇（第1~22章）對Flutter開發中常用的每一個組件，系統講解從基本使用到如何配置，並深入分析每一個屬性； 實戰篇（第23章）綜合基礎篇的組件實現一個類似抖音視頻類應用效果實戰案例，講解如何使用Flutter從0到1開發一個App。
第1章簡述Flutter與Dart的發展歷程，以及Dart語言的核心基礎。
第2章介紹MaterialApp組件的使用場景及設計理念，通過Demo實例詳細講解MaterialApp與CupertinoApp的基本使用、路由功能配置、主題ThemeData的詳細配置使用、多主題配色功能、多語言環境等。
第3章分析Scaffold組件的使用場景，通過圖文方式綜述Scaffold組件的基本組成部分及適用場景，將會分析講解FloatingActionButton懸浮按鈕的詳細配置、側拉頁面Drawer的配置使用、BottomNavigationBar配置底部導航欄菜單。
第4章是對標題欄AppBar的詳細分析，會講解AppBar的基本使用配置、TabBar實現多標籤欄配置、TabPageSelector等。
第5章詳細分析文本顯示組件Text，詳細講解Text的使用、寬高度適配、文本樣式的配置、自定義字體、富文本RichText及流式佈局的文本標籤等。
第6章詳細講解文本輸入框TextField組件，詳細講解TextField的輸入格式限制、邊框樣式InputDecoration、提示文本、文本控制器TextEditingController、焦點控制、光標樣式配置、鍵盤配置及一個搜索框的實現等。
第7章綜述容器Container組件的使用場景、寬高設定、內外邊距設定、背景圖片、背景陰影、圓角邊框、演變樣式、AnimatedContainer動畫組件、自定義打洞效果與手撕優惠券的效果、ConstrainedBox等。
第8章詳細分析按鈕MaterialButton組件，詳細講解MaterialButton、其他常見的Button組件、懸浮按鈕的旋轉變換、IconButton系列按鈕、自定義動畫效果按鈕AnimatedButton、自定義進度圓圈交互的動畫按鈕等。
第9章詳細分析UI佈局組件，內容涉及線性佈局Column與Row、幀佈局Stack、彈性佈局Flex、流式佈局Wrap、基於Wrap實現的Tag標籤、流式佈局Flow、自定義圓形動態彈出菜單、自定義類似開源中國的圓形動態菜單、自定義向上彈出的動態菜單等。
第10章講解圖片組件Image，內容涉及Image組件的基本使用、Image組件多種創建方式、加載網絡圖片、加載本地圖片、圖像混合模式BlendMode分析、圓角圖片的加載、CachedNetworkImage組件的使用分析、加載圓角圖片、高斯模糊效果、將Widget保存為圖片、圖片添加水印、縮放圖片、拖動圖片等。
第11章講解複選框CheckBox組件，內容涉及CheckBox基本創建、使用及常用屬性配置、CheckboxListTitle組件使用分析、自定義美化複選框效果等。
第12章講解單選框Radio組件，內容涉及Radio組件的基本使用、自定義Radio單選框效果、RadioListTitle基本使用、優惠券選擇彈框。
第13章講解開關Switch組件，Switch的基本使用及SwitchListTitle組件的使用。
第14章講解手勢處理系列組件，內容涉及GestureDetector組件、Ink與InkWell組件的使用分析、InkResponse組件使用分析等。
第15章講解滑動視圖ScrollView系列組件，涉及SingleChildScrollView、NestedScrollView組件與SliverAppBar組件使用分析、CustomScrollView組件、滑動折疊效果的AppBar案例、NotificationListener、輪子滾動ListWheelScrollView、自定義抽屜效果DragContainer組件等。
第16章講解列表ListView組件，內容涉及ListView組件的基本使用、控制器ScrollController的分析、ListView結合RefreshIndicator實現下拉刷新、SmartRefresher組件實現下拉刷新與上拉加載更多效果等。
第17章講解九宮格組件GridView，內容包括GridView組件的使用場景及常用的構建方式等。
第18章講解Clip裁剪組件系列組件，涉及矩形裁剪ClipRect、圓角矩形裁剪ClipRRect、橢圓形裁剪ClipOval、路徑裁剪ClipPath及自定義五角星評分組件等。
第19章講解Matrix4矩陣，涉及Matrix4矩陣簡述、Transform組件的綜合使用、通過Matrix4實現平移、旋轉、縮放等。
第20章講解繪圖專題，涉及基本圖形的繪製、Path構建各種自定義圖形、貝塞爾曲線繪製、繪製文本、繪製圖片及繪製動畫的實現等。
第21章為動畫專題，內容涉及Animated系列的動畫組件、Tween系列的動畫、自定義抖動動畫組件ShakeAnimationWidget、自定義閃光過渡動畫、Hero切換過渡動畫、Material motion規範的預構建動畫等。
第22章講解其他常用Widget，本章為其他常用組件的補充描述章節，內容涉及WidgetsBindingObserver、FittedBox、FutureBuilder、刷新圓圈組件等。
第23章為綜合案例實戰內容，類似抖音視頻播放類App的UI構建，內容涉及項目打包版本配置、基礎框架的封裝、權限請求封裝、啟動項配置、廣告倒計時頁面、視頻播放列表的首頁頁面、下拉自動回彈的個人中心頁面等。
本書源代碼
掃描下方二維碼，即可下載本書源代碼。
本書源代碼下載
致謝
在本書完稿之際，回顧6個多月的寫作時光，為自己的黃金時間分割方法，為自己的堅持，為每週的騎行釋放，為自己的不為環境變化而放棄的執著而感到欣慰與自豪。
感謝我的家人，在本書的創作期間，給予我奮鬥的精神力量與生活方面無微不至的照顧，使我能夠全身心地利用每一天的每一分鐘。
感恩我曾經所經歷過的、揮灑過汗水和青春的學校與公司，以及項目中的每個人與每件事情，這些都是我生命中的記憶，是記憶也是每天的動力。
同時要感謝我的工作夥伴Java大神劉俊亮、李少卿所提的方向建議，Android大神馬岩松、班磊及iOS大神魏賢對本書的糾錯。
最後感謝清華大學出版社的趙佳霓編輯，本書能夠順利出版離不開她細心、負責任的工作態度。
由於作者寫作水平與時間有限，書中難免存在不妥之處，請讀者見諒，並提寶貴意見。
趙龍2021年7月
目次
目錄
基礎篇
第1章Flutter與Dart語言
1.1Dart語言概述
1.2Flutter概述
1.3Flutter的編譯模式
1.4Dart與Flutter的語法基礎概述
1.4.1Dart語言的基本數據類型
1.4.2Dart語言的變量
1.4.3Dart語言的方法
1.4.4Dart語言的Map、List、Set
1.4.5Dart語言的流程控制
1.4.6Dart語言的異步編程
1.5Android Studio的調試技巧
1.5.1斷點調試
1.5.2Flutter Inspector視圖定位工具
1.5.3Flutter Performance內存管理工具
1.5.4Flutter 常用命令
第2章MaterialApp組件的精通使用分析
2.1MaterialApp組件精通使用的簡單描述
2.2MaterialApp基本使用
2.3MaterialApp組件的路由routes配置概述
2.4路由routes配置
2.5路由配置404
2.6路由觀察者
2.6.1基本使用
2.6.2route 解析
2.6.3NavigatorObservers實戰
2.6.4動態路由實戰
2.6.5自定義動態路由實戰
2.6.6自定義圓形過渡效果路由
2.6.7特殊情況動態路由實戰
2.6.8關閉當前頁面
2.7樣式ThemeData精講
2.7.1brightness 屬性分析
2.7.2primarySwatch屬性分析
2.7.3primaryColor屬性分析
2.7.4accentColor屬性分析
2.7.5與觸覺顯示相關屬性分析
2.7.6其他主題概述
2.8多主題適配
2.8.1一行代碼將App渲染成灰色
2.8.2淺談Provider進行狀態管理
2.8.3Provider進行多數據模型狀態管理
2.9多語言環境配置
2.9.1配置日期組件顯示中文
2.9.2配置應用不適配的系統語言默認為英文
2.9.3保存用戶對應用程序語言環境的偏好設置
2.9.4應用內切換語言環境然後動態更新當前語言環境
2.9.5應用內顯示文字適配多語言環境
2.10StatefulWidget、Context、State
2.11語義設計Semantics
2.12Widget的分析
第3章Scaffold組件的詳細綜述
3.1Scaffold的基本使用
3.2FloatingActionButton的詳細配置
3.2.1FloatingActionButton的類型
3.2.2FloatingActionButton的常用屬性使用分析
3.2.3FloatingActionButton的shape屬性分析
3.3Drawer配置側拉頁面
3.3.1用戶信息組件UserAccountsDrawerHeader
3.3.2DrawerHeader
3.3.3單擊按鈕打開與關閉側拉頁面
3.4BottomNavigationBar配置底部導航欄菜單
3.4.1items屬性分析
3.4.2type屬性分析
3.4.3bottomNavigationBar結合獨立的StatefulWidget使用
3.4.4bottomNavigationBar頁面保活解決方案
3.5BottomAppBar配置底部導航欄菜單
3.6底部標籤欄bottomSheet
第4章AppBar組件的詳細綜述
4.1AppBar的基本使用
4.1.1title屬性分析
4.1.2線性佈局Row在屬性title中的使用
4.1.3Row標籤結合PageView實現滑動切換
4.1.4Row標籤結合TabBarView實現滑動切換
4.1.5MediaQuery解析
4.2TabBar結合TabBarView
4.3AppBar的bottom屬性
4.4AppBar的leading屬性
4.5AppBar的actions屬性
4.5.1Icon的樣式配置
4.5.2AppBar的iconTheme與actionsIconTheme
4.6AppBar的flexibleSpace屬性
4.7SliverAppBar使用分析
4.8FlexibleSpaceBar使用分析
4.9SliverAppBar經典佈局效果
4.10AppBar、SliverAppBar對比
4.11AppBar的shape屬性分析
第5章文本顯示Text組件
5.1文本顯示組件的基本使用
5.2樣式組件TextStyle的使用分析
5.2.1樣式組件TextStyle的inherit
5.2.2樣式組件TextStyle的顏色配置
5.2.3文字大小fontSize
5.2.4文字粗細設置fontWeight
5.2.5文字斜體設置
5.2.6文字間距設置
5.2.7文字基線textBaseline分析
5.2.8裝飾decoration分析
5.2.9自定義字體fontFamily配置
5.2.10字體列表fontFamilyFallback配置
5.2.11字體陰影shadows配置
5.2.12文本高度height配置
5.3Text中文字對齊方式
5.3.1文字過長顯示省略號
5.3.2文字自動換行設置
5.3.3彈性佈局綜述
5.4富文本RichText組件的使用分析
5.5富文本RichText使用案例
5.6文本標籤
5.6.1文本標籤構建
5.6.2文本標籤結合流式佈局使用
5.7AnimatedDefaultTextStyle的使用分析
第6章文本輸入框TextField組件
6.1TextField組件的基本使用
6.1.1輸入的文字不可見
6.1.2設置輸入的英文首字母大寫
6.1.3設置彈出的鍵盤類型
6.1.4鍵盤回車鍵的樣式與功能
6.1.5鍵盤回車鍵切換輸入框
6.1.6FocusNode輸入框焦點事件的捕捉與監聽
6.1.7TextField 輸入文本對齊配置
6.2TextField組件的設置及允許輸入的文本格式
6.2.1輸入字數限制
6.2.2輸入行數限制
6.2.3只允許輸入數字
6.2.4只允許輸入英文字母A~Z的大小寫
6.2.5自定義TextInputFormatter
6.3TextField組件InputDecoration
6.3.1TextField組件去掉默認的下畫線
6.3.2TextField邊框裝飾OutlineInputBorder
6.3.3TextField邊框裝飾線的顏色配置
6.3.4TextField不可編輯
6.4TextField組件配置提示文本
6.4.1TextField的labelText使用
6.4.2TextField的preIcon使用
6.4.3TextField的countText使用
6.4.4TextField的helperText與errorText
6.5TextField組件控制器TextEditingController
6.6TextField組件光標樣式配置
6.7一個搜索框
6.7.1搜索框SearchStaticBar組件構建
6.7.2搜索輸入框SearchTextFieldBar組件構建
6.7.3搜索輸入框使用案例
第7章Container組件
7.1Container組件的基本使用
7.1.1Container的大小限定分析
7.1.2Container自適應包裹子Widget
7.2Container組件的內外邊距
7.2.1EdgeInsets分析
7.2.2Padding分析
7.2.3Container在ListView中對子item自適應包裹
7.3Container組件decoration應用
7.3.1BoxDecoration在Container中的應用分析
7.3.2BoxDecoration在Container中的配置陰影
7.3.3BoxDecoration在Container中的配置漸變過渡樣式
7.3.4BoxDecoration配置背景圖像
7.3.5BoxDecoration的shape屬性配置使用
7.3.6ShapeDecoration在Container中的使用分析
7.4自定義ShapeBorder
7.4.1打洞效果
7.4.2手撕優惠券的效果
7.5AnimatedContainer的基本使用
7.6ConstrainedBox組件的使用分析
第8章按鈕組件
8.1MaterialButton的使用分析
8.1.1ButtonThemeData的使用分析
8.1.2各種Color的使用分析
8.1.3MaterialButton的回調函數說明
8.1.4MaterialButton的shape使用分析
8.1.5MaterialButton的寬和高分析
8.1.6MaterialButton的子Widget分析
8.1.7MaterialButton的內邊距分析
8.1.8RaisedButton的使用分析
8.1.9FlatButton的使用分析
8.1.10OutlineButton的使用分析
8.2FloatingActionButton
8.2.1屬性mini分析
8.2.2屬性shape分析
8.2.3標籤樣式
8.2.4與Scaffold的底部bottomNavigationBar綜合使用
8.2.5兩個頁面的過渡動畫
8.2.6懸浮按鈕的旋轉變換
8.2.7懸浮按鈕實現向上彈出的菜單效果
8.2.8帶有加載進度的ProgressButton按鈕使用
8.3IconButton系列
8.3.1PopupMenuButton按鈕的使用
8.3.2實現類似微信首頁右上角的小彈框
8.4自定義動畫效果按鈕AnimatedButton
8.5自定義進度交互的動畫按鈕
8.5.1實現背景填充效果的按鈕
8.5.2AnimatedStatusButton的自定義分析
第9章UI佈局
9.1線性佈局Column
9.1.1Column中子Widget的對齊方式分析
9.1.2Column中子Widget按比例分佈
9.1.3Column的寬與高自適應
9.2線性佈局Row
9.2.1Row中子Widget的對齊方式分析
9.2.2Row中子Widget按比例分佈
9.3彈性佈局Flex
9.4流式佈局Wrap
9.5基於Wrap實現的tag標籤使用
9.6流式佈局Flow
9.6.1初探FlowDelegate
9.6.2圓形動態彈出菜單
9.6.3類似開源中國的圓形動態菜單
9.6.4向上彈出的動態菜單
9.7層疊佈局Stack
9.7.1Positioned分析
9.7.2Stack中使用Align
第10章圖片Image組件
10.1加載資源圖片
10.2加載不同分辨率資源圖片
10.3Android與iOS中屏幕分辨率簡析
10.3.1分辨率
10.3.2屏幕尺寸
10.3.3屏幕密度
10.3.4Android中的屏幕像素密度(dip與dp)
10.3.5dip與ppi的區別
10.3.6rpx
10.3.7vw、vh
10.3.8Android中的圖片加載
10.3.9iOS中的圖片加載
10.3.10Flutter程序最終加載圖片
10.3.11Flutter中獲取屏幕相關信息
10.3.12asset靜態方法參數分析使用
10.4通過Image組件加載圖片
10.4.1通過FileImage加載手機存儲目錄下的圖片
10.4.2Android與iOS平台下的存儲目錄分析
10.4.3獲取手機的存儲目錄空間路徑
10.4.4清除數據和清除緩存的區別
10.5通過FadeInImage組件加載圖片
10.6通過DecorationImage組件加載圖片
10.7Image.network的使用
10.8加載圓角圖片
10.9RawImage的使用分析
10.10高斯模糊效果
10.11將Widget保存為圖片
10.12圖片添加水印
10.13縮放圖片、拖動圖片
10.14為圖片添加水波紋單擊事件
第11章複選框CheckBox組件
11.1複選框CheckBox的基本使用
11.2CheckboxListTitle的基本使用
11.3實現圓形的複選框
11.4一個註冊頁面
11.4.1在頁面initState之前的準備
11.4.2在build函數中的構建
第12章單選框Radio組件
12.1單選框Radio的基本使用
12.2單選框Radio屬性使用分析
12.3RadioListTitle組件的使用分析
12.4一個優惠券選擇彈框
12.4.1優惠券數據的模擬
12.4.2底部彈框的顯示
12.4.3優惠券彈框UI構建
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。