flutter RotationTransition實(shí)現(xiàn)旋轉(zhuǎn)動(dòng)畫(huà)
本文實(shí)例為大家分享了flutter RotationTransition實(shí)現(xiàn)旋轉(zhuǎn)動(dòng)畫(huà)的具體代碼,供大家參考,具體內(nèi)容如下
flutter 動(dòng)畫(huà)狀態(tài)監(jiān)聽(tīng)器
AnimationController
//動(dòng)畫(huà)控制器
AnimationController controller;
//AnimationController是一個(gè)特殊的Animation對(duì)象,在屏幕刷新的每一幀,就會(huì)生成一個(gè)新的值,
// 默認(rèn)情況下,AnimationController在給定的時(shí)間段內(nèi)會(huì)線性的生成從0.0到1.0的數(shù)字
//用來(lái)控制動(dòng)畫(huà)的開(kāi)始與結(jié)束以及設(shè)置動(dòng)畫(huà)的監(jiān)聽(tīng)
//vsync參數(shù),存在vsync時(shí)會(huì)防止屏幕外動(dòng)畫(huà)(動(dòng)畫(huà)的UI不在當(dāng)前屏幕時(shí))消耗不必要的資源
//duration 動(dòng)畫(huà)的時(shí)長(zhǎng),這里設(shè)置的 seconds: 2 為2秒,當(dāng)然也可以設(shè)置毫秒 milliseconds:2000.
controller =
AnimationController(duration: const Duration(seconds: 2), vsync: this);
//動(dòng)畫(huà)開(kāi)始、結(jié)束、向前移動(dòng)或向后移動(dòng)時(shí)會(huì)調(diào)用StatusListener
controller.addStatusListener((status) {
if (status == AnimationStatus.completed) {
//動(dòng)畫(huà)從 controller.reverse() 反向執(zhí)行 結(jié)束時(shí)會(huì)回調(diào)此方法
print("status is completed");
// controller.reset(); 將動(dòng)畫(huà)重置到開(kāi)始前的狀態(tài)
//開(kāi)始執(zhí)行
//controller.forward();
} else if (status == AnimationStatus.dismissed) {
//動(dòng)畫(huà)從 controller.forward() 正向執(zhí)行 結(jié)束時(shí)會(huì)回調(diào)此方法
print("status is dismissed");
//controller.forward();
}else if (status == AnimationStatus.forward) {
print("status is forward");
//執(zhí)行 controller.forward() 會(huì)回調(diào)此狀態(tài)
}else if (status == AnimationStatus.reverse) {
//執(zhí)行 controller.reverse() 會(huì)回調(diào)此狀態(tài)
print("status is reverse");
}
});
AnimationController 的常用操作說(shuō)明

flutter AnimationStatus 動(dòng)畫(huà)狀態(tài)說(shuō)明

1 flutter RotationTransition實(shí)現(xiàn)旋轉(zhuǎn)動(dòng)畫(huà)

//動(dòng)畫(huà)控制器
AnimationController controller;
//AnimationController是一個(gè)特殊的Animation對(duì)象,在屏幕刷新的每一幀,就會(huì)生成一個(gè)新的值,
// 默認(rèn)情況下,AnimationController在給定的時(shí)間段內(nèi)會(huì)線性的生成從0.0到1.0的數(shù)字
//用來(lái)控制動(dòng)畫(huà)的開(kāi)始與結(jié)束以及設(shè)置動(dòng)畫(huà)的監(jiān)聽(tīng)
//vsync參數(shù),存在vsync時(shí)會(huì)防止屏幕外動(dòng)畫(huà)(動(dòng)畫(huà)的UI不在當(dāng)前屏幕時(shí))消耗不必要的資源
//duration 動(dòng)畫(huà)的時(shí)長(zhǎng),這里設(shè)置的 seconds: 2 為2秒,當(dāng)然也可以設(shè)置毫秒 milliseconds:2000.
controller =
AnimationController(duration: const Duration(seconds: 2), vsync: this);
//動(dòng)畫(huà)開(kāi)始、結(jié)束、向前移動(dòng)或向后移動(dòng)時(shí)會(huì)調(diào)用StatusListener
controller.addStatusListener((status) {
if (status == AnimationStatus.completed) {
//動(dòng)畫(huà)從 controller.forward() 正向執(zhí)行 結(jié)束時(shí)會(huì)回調(diào)此方法
print("status is completed");
} else if (status == AnimationStatus.dismissed) {
//動(dòng)畫(huà)從 controller.reverse() 反向執(zhí)行 結(jié)束時(shí)會(huì)回調(diào)此方法
print("status is dismissed");
} else if (status == AnimationStatus.forward) {
print("status is forward");
//執(zhí)行 controller.forward() 會(huì)回調(diào)此狀態(tài)
} else if (status == AnimationStatus.reverse) {
//執(zhí)行 controller.reverse() 會(huì)回調(diào)此狀態(tài)
print("status is reverse");
}
});
執(zhí)行動(dòng)畫(huà)的 widget
//旋轉(zhuǎn)
Widget buildRotationTransition() {
return Center(
child: RotationTransition(
//設(shè)置動(dòng)畫(huà)的旋轉(zhuǎn)中心
alignment: Alignment.center,
//動(dòng)畫(huà)控制器
turns: controller,
//將要執(zhí)行動(dòng)畫(huà)的子view
child: Container(
width: 100,
height: 100,
color: Colors.grey,
),
),
);
}
}
2 flutter RotationTransition實(shí)現(xiàn)無(wú)限循環(huán)旋轉(zhuǎn)動(dòng)畫(huà)

實(shí)現(xiàn)方法 就是在動(dòng)畫(huà)結(jié)束的時(shí)候再開(kāi)啟動(dòng)畫(huà)
//動(dòng)畫(huà)開(kāi)始、結(jié)束、向前移動(dòng)或向后移動(dòng)時(shí)會(huì)調(diào)用StatusListener
controller.addStatusListener((status) {
if (status == AnimationStatus.completed) {
//動(dòng)畫(huà)從 controller.forward() 正向執(zhí)行 結(jié)束時(shí)會(huì)回調(diào)此方法
print("status is completed");
//重置起點(diǎn)
controller.reset();
//開(kāi)啟
controller.forward();
} else if (status == AnimationStatus.dismissed) {
//動(dòng)畫(huà)從 controller.reverse() 反向執(zhí)行 結(jié)束時(shí)會(huì)回調(diào)此方法
print("status is dismissed");
} else if (status == AnimationStatus.forward) {
print("status is forward");
//執(zhí)行 controller.forward() 會(huì)回調(diào)此狀態(tài)
} else if (status == AnimationStatus.reverse) {
//執(zhí)行 controller.reverse() 會(huì)回調(diào)此狀態(tài)
print("status is reverse");
}
});
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- flutter實(shí)現(xiàn)帶刪除動(dòng)畫(huà)的listview功能
- Flutter實(shí)戰(zhàn)教程之酷炫的開(kāi)關(guān)動(dòng)畫(huà)效果
- 利用Flutter實(shí)現(xiàn)“孔雀開(kāi)屏”的動(dòng)畫(huà)效果
- 如何使用Flutter實(shí)現(xiàn)58同城中的加載動(dòng)畫(huà)詳解
- flutter PositionedTransition實(shí)現(xiàn)縮放動(dòng)畫(huà)
- flutter FadeTransition實(shí)現(xiàn)透明度漸變動(dòng)畫(huà)
- Flutter路由的跳轉(zhuǎn)、動(dòng)畫(huà)和傳參詳解(最簡(jiǎn)單)
- Flutter 用自定義轉(zhuǎn)場(chǎng)動(dòng)畫(huà)實(shí)現(xiàn)頁(yè)面切換
相關(guān)文章
Android實(shí)現(xiàn)監(jiān)聽(tīng)電話呼叫狀態(tài)的方法
這篇文章主要介紹了Android實(shí)現(xiàn)監(jiān)聽(tīng)電話呼叫狀態(tài)的方法,涉及Android權(quán)限控制及電話狀態(tài)監(jiān)聽(tīng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
Android 自定義Switch開(kāi)關(guān)按鈕的樣式實(shí)例詳解
本文主要講的是在Android原生Switch控件的基礎(chǔ)上進(jìn)行樣式自定義,內(nèi)容很簡(jiǎn)單,但是在實(shí)現(xiàn)的過(guò)程中還是遇到了一些問(wèn)題,在此記錄下來(lái),需要的朋友參考下吧2017-12-12
Android開(kāi)發(fā)實(shí)現(xiàn)ListView異步加載數(shù)據(jù)的方法詳解
這篇文章主要介紹了Android開(kāi)發(fā)實(shí)現(xiàn)ListView異步加載數(shù)據(jù)的方法,結(jié)合具體實(shí)例形式分析了Android操作ListView實(shí)現(xiàn)異步加載數(shù)據(jù)的具體步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-11-11
Android應(yīng)用中實(shí)現(xiàn)手勢(shì)控制圖片縮放的完全攻略
這篇文章主要介紹了Android應(yīng)用中實(shí)現(xiàn)手勢(shì)控制圖片縮放的完全攻略,采用了Matrix矩陣的方法,實(shí)例講解了包括觸摸點(diǎn)設(shè)置與各種沖突的處理等方面,相當(dāng)全面,需要的朋友可以參考下2016-04-04
Android仿一號(hào)店貨物詳情輪播圖動(dòng)畫(huà)效果
這篇文章主要為大家詳細(xì)介紹了Android-仿一號(hào)店貨物詳情輪播圖動(dòng)畫(huà)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06
Android?SharedPreferences性能瓶頸解析
這篇文章主要為大家介紹了Android?SharedPreferences性能瓶頸解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02
android開(kāi)發(fā)中使用java觀察者模式
遇到android程序中后入棧的一個(gè)Activity需要更新之前一個(gè)或者兩個(gè)以上Activity中的數(shù)據(jù)時(shí)使用,或者需要在adapter中修改Activity或者fragment的數(shù)據(jù)和ui等2014-02-02

