新建一個(gè)Flutter工程，android模塊。
王益ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！
1，只有一個(gè)Activity組件，它是Dart層繪制Widget的容器。
2，Application配置FlutterApplication。
應(yīng)用Application配置io.flutter.app.FlutterApplication類，App首次啟動(dòng)時(shí)，初始化。
調(diào)用FlutterMain.startInitialization()方法。
initConfig方法，從AndroidManfest.xml配置的applicaion節(jié)點(diǎn)獲取meta-data數(shù)據(jù)，初始化以下默認(rèn)值。
這些值都是使用中用到的name，例如，抽取apk中asset資源時(shí)，flutter_assets打包目錄，打包產(chǎn)物data名稱。
initResources方法， 初始化資源。
在Flutter打包apk的asset目錄下，包括fluttter_asset目錄/資源項(xiàng)，將資源從apk中抽取，保存在 Context.getDir("flutter", 0) 目錄下。
/data/user/0/包名/app_flutter目錄。
在目錄中創(chuàng)建一個(gè)時(shí)間戳文件，根據(jù)apk版本和包信息記錄的lastUpdateTime更新時(shí)間，第二次啟動(dòng)時(shí)，若apk未更新，不需要再次抽取。
加載so庫(kù)，libflutter.so，System.loadLibrary()。
主頁(yè)面繼承FlutterActivity，配置啟動(dòng)模式singleTop。
FlutterActivity類在io.flutter.app包， (區(qū)別io.flutter.embedding.android包)， 組件生命周期委托給FlutterActivityDelegate類。
組件啟動(dòng)，onCreate方法。
FlutterMain.ensureInitializationComplete方法，確保資源成功抽取完成，創(chuàng)建FlutterView視圖(io.flutter.view)，繼承SurfaceView類，setContentView方法，設(shè)置組件主布局即FlutterView視圖。
最后，根據(jù)Bundle路徑，runBundle()加載運(yùn)行，
調(diào)用FlutterView的runFromBundle方法，入口點(diǎn)在dart的main方法，
通過(guò)FlutterNativeView，調(diào)用FlutterJNI的native方法。
nativeRunBundleAndSnapshotFromLibrary方法。
任重而道遠(yuǎn)
1.動(dòng)畫(huà)原理：在一段時(shí)間內(nèi)快速的多次改變UI外觀，由于人眼會(huì)產(chǎn)生視覺(jué)暫留所以最終看到的就是一個(gè)連續(xù)的動(dòng)畫(huà)。
UI的一次改變稱為一個(gè)動(dòng)畫(huà)幀，對(duì)應(yīng)一次屏幕刷新。
FPS：幀率，每秒的動(dòng)畫(huà)幀數(shù)。
flutter動(dòng)畫(huà)分為兩類：
常見(jiàn)動(dòng)畫(huà)模式：
是一個(gè)抽象類，主要的功能是保存動(dòng)畫(huà)的值和狀態(tài)。常用的一個(gè)Animation類是Animation double ,是一個(gè)在一段時(shí)間內(nèi)依次生成一個(gè)區(qū)間之間的值的類，可以是線性或者曲線或者其他。
可以生成除double之外的其他類型值，如：Animation Color 或 Animation Size 。
是一個(gè)動(dòng)畫(huà)控制器，控制動(dòng)畫(huà)的播放狀態(tài)，在屏幕刷新的每一幀，就會(huì)生成一個(gè)新的值。
包含動(dòng)畫(huà)的啟動(dòng)forward()、停止stop() 、反向播放 reverse()等方法，在給定的時(shí)間段內(nèi)線性的生成從0.0到1.0（默認(rèn)區(qū)間）的數(shù)字。
curve:描述動(dòng)畫(huà)的曲線過(guò)程。
curvedAnimation:指定動(dòng)畫(huà)的曲線。
常用Curve：
繼承自Animatable T ，表示的就是一個(gè) Animation 對(duì)象的取值范圍，只需要設(shè)置開(kāi)始和結(jié)束的邊界值(值也支持泛型)。 它唯一的工作就是定義輸入范圍到輸出范圍的映射。
例如，Tween可能會(huì)生成從紅到藍(lán)之間的色值，或者從0到255。
Tween.animate:返回一個(gè)Animation。
映射過(guò)程：
1). Tween.animation通過(guò)傳入 aniamtionController 獲得一個(gè)_AnimatedEvaluation 類型的 animation 對(duì)象(基類為 Animation)， 并且將 aniamtionController 和 Tween 對(duì)象傳入了 _AnimatedEvaluation 對(duì)象。
2). animation.value方法即是調(diào)用 _evaluatable.evaluate(parent)方法， 而 _evaluatable 和 parent 分別為 Tween 對(duì)象和 AnimationController 對(duì)象。
3). 這里的 animation 其實(shí)就是前面的 AnimationController 對(duì)象， transform 方法里面的 animation.value則就是 AnimationController 線性生成的 0.0~1.0 直接的值。 在 lerp 方法里面我們可以看到這個(gè) 0.0~1.0 的值被映射到了 begin 和 end 范圍內(nèi)了。
接收一個(gè)TickerProvider類型的對(duì)象，它的主要職責(zé)是創(chuàng)建Ticker。
防止屏幕外動(dòng)畫(huà)消耗資源。
[圖片上傳失敗...(image-115b94-1636441483468)]
過(guò)程：
回調(diào)：
不使用addListener()和setState()來(lái)給widget添加動(dòng)畫(huà)。
使用AnimatedWidget，將widget分離出來(lái)，創(chuàng)建一個(gè)可重用動(dòng)畫(huà)的widget，AnimatedWidget中會(huì)自動(dòng)調(diào)用addListener()和setState()
AnimatedModalBarrier、DecoratedBoxTransition、FadeTransition、PositionedTransition、RelativePositionedTransition、RotationTransition、ScaleTransition、SizeTransition、SlideTransition
如何渲染過(guò)渡，把渲染過(guò)程也抽象出來(lái)：
AnimatedBuilder的示例包括: BottomSheet、 PopupMenu、ProgressIndicator、RefreshIndicator、Scaffold、SnackBar、TabBar。
MaterialPageRoute：平臺(tái)風(fēng)格一致的路由切換動(dòng)畫(huà)
CupertinoPageRoute：左右切換風(fēng)格
自定義：PageRouteBuilder
1.要?jiǎng)?chuàng)建交織動(dòng)畫(huà)，需要使用多個(gè)動(dòng)畫(huà)對(duì)象（Animation）。
2.一個(gè)AnimationController控制所有的動(dòng)畫(huà)對(duì)象。
3.給每一個(gè)動(dòng)畫(huà)對(duì)象指定時(shí)間間隔（Interval）
可以同時(shí)對(duì)其新、舊子元素添加顯示、隱藏動(dòng)畫(huà).
當(dāng)AnimatedSwitcher的child發(fā)生變化時(shí)（類型或Key不同），舊child會(huì)執(zhí)行隱藏動(dòng)畫(huà)，新child會(huì)執(zhí)行執(zhí)行顯示動(dòng)畫(huà)。
希望大家支持一下，感謝
此控件比較簡(jiǎn)單，按鈕的功能可劃分為UI樣式與事件回調(diào)
這里將幾種不同的按鈕一起運(yùn)行，做下對(duì)比動(dòng)圖如下：
這里對(duì)五種按鈕進(jìn)行column居中排列如下
Text用于顯示簡(jiǎn)單樣式文本，它包含一些控制文本顯示樣式的一些屬性。
TextStyle用于指定文本顯示的樣式如顏色、字體、粗細(xì)、背景等。
TextStyle更多屬性設(shè)置如下：
如果我們需要對(duì)一個(gè)Text內(nèi)容的不同部分按照不同的樣式顯示，即富文本，這時(shí)就可以使用TextSpan，它代表文本的一個(gè)“片段”。
如上述，我們當(dāng)然也可以在上述鏈接上添加手勢(shì)事件，后續(xù)會(huì)提到。
在widget樹(shù)中，文本的樣式默認(rèn)是可以被繼承的，因此，如果在widget樹(shù)的某一個(gè)節(jié)點(diǎn)處設(shè)置一個(gè)默認(rèn)的文本樣式，那么該節(jié)點(diǎn)的子樹(shù)中所有文本都會(huì)默認(rèn)使用這個(gè)樣式，而DefaultTextStyle正是用于設(shè)置默認(rèn)文本樣式的。
舉例如下：
在Tree中從上往下高效傳遞數(shù)據(jù)的基類widget , 定義為:abstract class InheritedWidget extends ProxyWidget
Flutter的響應(yīng)式開(kāi)發(fā)與React類似，數(shù)據(jù)都是自頂向下的。
假設(shè)有祖先組點(diǎn)A，中間經(jīng)過(guò)結(jié)點(diǎn)B, C，然后到結(jié)點(diǎn)D，D需要從A中獲取數(shù)據(jù)f，那按照自頂向下數(shù)據(jù)流轉(zhuǎn)，f需要依次傳遞給B及C，最后才到C。這樣開(kāi)發(fā)極為不靈活，成本也比較高。所有Flutter需要有跨結(jié)點(diǎn)(只能是祖先后代節(jié)點(diǎn)，不能跨兄弟節(jié)點(diǎn))高效傳遞數(shù)據(jù)的方案。
大體意思如下:
InheritedWidget 是在樹(shù)中高效向下傳遞信息的基類部件；
調(diào)用[BuildContext.inheritFromWidgetOfExactType]方法可以從 BuildContext 中獲取到最近的 InheritedWidget 類型的實(shí)例；
在 InheritedWidget 類型的控件被引用,也就是調(diào)用過(guò) inheritFromWidgetOfExactType 方法后,當(dāng) InheritedWidget 自身狀態(tài)改變時(shí)，會(huì)導(dǎo)致引用了 InheritedWidget 類型的子控件重構(gòu)(rebuild)。
這里隨便定義一個(gè)人 Person 類。
創(chuàng)建一個(gè)類繼承 InheritedWidget，并實(shí)現(xiàn) updateShouldNotify 方法。
之前說(shuō)到調(diào)用[BuildContext.inheritFromWidgetOfExactType]方法可以從 BuildContext 中獲取到最近的 InheritedWidget 類型的實(shí)例，所以此處定義一個(gè)靜態(tài)的 of 方法，通過(guò)傳入的 context 獲取到最近的 InheriedDataWidget 實(shí)例。
1.定義數(shù)據(jù)模型
這里隨便定義一個(gè) Person 類。
2.自定義 InheritedWidget 控件類
創(chuàng)建一個(gè)類繼承 InheritedWidget，并實(shí)現(xiàn) updateShouldNotify 方法。
之前說(shuō)到調(diào)用[BuildContext.inheritFromWidgetOfExactType]方法可以從 BuildContext 中獲取到最近的 InheritedWidget 類型的實(shí)例，所以此處定義一個(gè)靜態(tài)的 of 方法，通過(guò)傳入的 context 獲取到最近的 InheriedDataWidget 實(shí)例。
3.InheriedDataWidget 的使用
InheriedDataWidget 使用起來(lái)也很簡(jiǎn)單，它本身也是一個(gè)控件，只要在任意一個(gè)頁(yè)面的子控件調(diào)用其構(gòu)造方法就行，這里我們定義一個(gè)形如的 Widget 樹(shù)。
WidgetA 是一個(gè) StatefulWidget 類型的控件，可以調(diào)用 setState 刷新，如果是繼承人 Stateless 類型的控件,那我們也可以通過(guò) Stream 或者其他方式刷新數(shù)據(jù)，感興趣的請(qǐng)看[什么是 Stream? Dart
WidgetA1_1 類
WidgetA1_2 類
WidgetA1_3 類
當(dāng)我們點(diǎn)擊 floatingActionButton 的時(shí)候，WidgetA1, WidgetA1_1， WidgetA1_2 的控件都會(huì)更新 Person 的信息，而且每點(diǎn) floatingActionButton 一次， 當(dāng)我們點(diǎn)擊 floatingActionButton 的時(shí)候，WidgetA1, WidgetA1_1， WidgetA1_2 的控件都會(huì)更新 Person 的信息，而且每點(diǎn) floatingActionButton 一次，都會(huì)輸出：
如果我們?cè)噲D在和 WidgetA 的同一層級(jí)的兄弟節(jié)點(diǎn)去訪問(wèn) InheriedDataWidget 的 Person 數(shù)據(jù)，是不行的，因?yàn)楦腹?jié)點(diǎn)中并沒(méi)有插入 InheriedDataWidget。
把 WidgetB 和 WidgetA 保持同一節(jié)點(diǎn)
這也體現(xiàn)了 Inheried(遺傳) 這一單詞的特性，遺傳只存在于父子。兄弟不存在遺傳的關(guān)系。
這種數(shù)據(jù)共享的方式在某些場(chǎng)景還是很有用的，就比如說(shuō)全局主題，字體大小，字體顏色的變更，只要在 App 根層級(jí)共享出這些配置數(shù)據(jù)，然后在觸發(fā)數(shù)據(jù)改變之后，所有引用到這些共享數(shù)據(jù)的地方都會(huì)刷新，這換主題，字體是不是就很輕松，事實(shí)上 Theme.of(context).primaryColor 之流就是這么干的。
以上就是有關(guān)InheritedWidget的使用。
自己也是從事Android開(kāi)發(fā)5年有余了；整理了一些Android開(kāi)發(fā)技術(shù)核心筆記和面經(jīng)題綱，有關(guān)更多Android開(kāi)發(fā)進(jìn)階技術(shù)資料、面經(jīng)題綱、核心技術(shù)筆記； 想要進(jìn)階自己、拿高薪的同學(xué)請(qǐng)私信我回復(fù)“核心筆記”或“面試”領(lǐng)取！
1、創(chuàng)建MyFlutterView繼承NSObject并遵守FlutterPlatformView協(xié)議
2、實(shí)現(xiàn)自定義初始化方法，并實(shí)現(xiàn)?FlutterPlatformView協(xié)議方法
轉(zhuǎn)自
在 Flutter 中，有兩類常用的 Widget：
在開(kāi)發(fā)過(guò)程中，我們經(jīng)常需要繼承它們兩來(lái)實(shí)現(xiàn)自己的 Widget。
一個(gè) StatelessWidget 是不能被改變的，比如： Icon 、 Text 等。
如果你的控件一旦顯示，就不需要再做任何的變更，那么你應(yīng)該使用 StatelessWidget 。
實(shí)現(xiàn)一個(gè)自己的 StatelessWidget 很簡(jiǎn)單。
當(dāng)你看到下面這個(gè)例子?時(shí)，你就知道它有多簡(jiǎn)單了。
看，只要在 build() 中返回你的視圖就可以了。
一個(gè) StatefulWidget 是有狀態(tài)的，可變的。
它可以改變自己的外觀，以響應(yīng)用戶的操作或者數(shù)據(jù)的變化。
比如： CheckBox 、 Switch ..
我們之所以能夠改變一個(gè) StatefulWidget ，是因?yàn)樗幸粋€(gè)設(shè)置狀態(tài)的函數(shù)：
調(diào)用這個(gè)函數(shù)后，就會(huì)觸發(fā) StatefulWidget 的視圖樹(shù)重建。
因此，當(dāng)我們需要一個(gè)可交互的，即能根據(jù)用戶操作或數(shù)據(jù)變化而改變視圖的 Widget 時(shí)，那就得用上 StatelessWidget 了。
現(xiàn)在，來(lái)創(chuàng)建一個(gè)自定義的 StatefulWidget：
從上面的例子中可以看到， StatefulWidget 會(huì)要求提供一個(gè)含有視圖樹(shù)的 State 。
既然 State 能夠控制一個(gè)視圖的狀態(tài)，那它肯定會(huì)有一系列的生命周期。
上圖就是 State 的生命周期圖。
重慶分公司
重慶分公司
