直播原始碼網站，各式各樣的淡入淡出動畫
直播原始碼網站，各式各樣的淡入淡出動畫實現的相關程式碼
第一個
class AnimatedContainerApp extends StatefulWidget {
@override
_AnimatedContainerAppState createState() => _AnimatedContainerAppState();
}
class _AnimatedContainerAppState extends State<AnimatedContainerApp> {
bool _visible = true;
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: AnimatedOpacity(
//opacity=0.0透明
//opacity=1.0完全顯示
opacity: _visible ? 1.0 : 0.0,
duration: Duration(milliseconds: 500),
// The green box must be a child of the AnimatedOpacity widget.
child: Container(
width: 200.0,
height: 200.0,
color: Colors.blue,
),
),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.play_arrow),
onPressed: () {
setState(() {
_visible = !_visible;
});
},
),
),
);
}
}
第二個
lass AnimatedContainerApp extends StatefulWidget {
@override
_AnimatedContainerAppState createState() => _AnimatedContainerAppState();
}
class _AnimatedContainerAppState extends State<AnimatedContainerApp> {
bool _visible = true;
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Stack(
children: <Widget>[
AnimatedOpacity(
opacity: _visible ? 1.0 : 0.0,
duration: Duration(milliseconds: 3000),
// The green box must be a child of the AnimatedOpacity widget.
child: Container(
width: 350.0,
height: 350.0,
color: Colors.blue.withOpacity(0.2),
child: Text('1'),
alignment: Alignment.bottomRight,
),
curve: Curves.linear,
),
AnimatedOpacity(
opacity: _visible ? 1.0 : 0.0,
duration: Duration(milliseconds: 2500),
// The green box must be a child of the AnimatedOpacity widget.
child: Container(
width: 300.0,
height: 300.0,
color: Colors.blue.withOpacity(0.3),
child: Text('2'),
alignment: Alignment.bottomRight,
),
curve: Curves.linear,
),
AnimatedOpacity(
opacity: _visible ? 1.0 : 0.0,
duration: Duration(milliseconds: 2500),
// The green box must be a child of the AnimatedOpacity widget.
child: Container(
width: 250.0,
height: 250.0,
color: Colors.blue.withOpacity(0.4),
child: Text('3'),
alignment: Alignment.bottomRight,
),
curve: Curves.linear,
),
AnimatedOpacity(
opacity: _visible ? 1.0 : 0.0,
duration: Duration(milliseconds: 2000),
// The green box must be a child of the AnimatedOpacity widget.
child: Container(
width: 200.0,
height: 200.0,
color: Colors.blue.withOpacity(0.5),
child: Text('4'),
alignment: Alignment.bottomRight,
),
curve: Curves.linear,
),
AnimatedOpacity(
opacity: _visible ? 1.0 : 0.0,
duration: Duration(milliseconds: 1500),
// The green box must be a child of the AnimatedOpacity widget.
child: Container(
width: 150.0,
height: 150.0,
color: Colors.blue.withOpacity(0.6),
alignment: Alignment.bottomRight,
child: Text('5'),
),
curve: Curves.linear,
),
AnimatedOpacity(
opacity: _visible ? 1.0 : 0.0,
duration: Duration(milliseconds: 1000),
// The green box must be a child of the AnimatedOpacity widget.
child: Container(
width: 100.0,
height: 100.0,
color: Colors.blue.withOpacity(0.64),
alignment: Alignment.bottomRight,
child: Text('6'),
),
curve: Curves.linear,
),
AnimatedOpacity(
opacity: _visible ? 1.0 : 0.0,
duration: Duration(milliseconds: 500),
// The green box must be a child of the AnimatedOpacity widget.
child: Container(
width: 50.0,
height: 50.0,
alignment: Alignment.bottomRight,
color: Colors.blue.withOpacity(0.98),
child: Text('7'),
),
curve: Curves.linear,
),
],
),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.play_arrow),
onPressed: () {
setState(() {
_visible = !_visible;
});
},
),
),
);
}
}
第三個
class _AnimatedContainerAppState extends State<AnimatedContainerApp> {
bool _visible = true;
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: AnimatedOpacity(
//opacity=0.0透明
//opacity=1.0完全顯示
opacity: _visible ? 1.0 : 0.0,
duration: Duration(milliseconds: 500),
// The green box must be a child of the AnimatedOpacity widget.
child: AnimatedContainer(
width: _visible ? 200.0 : 100.0,
height: _visible ? 100.0 : 200.0,
color: _visible ? Colors.red : Colors.blue,
duration: Duration(seconds: 2),
curve: Curves.ease,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Icon(Icons.ac_unit),
Icon(Icons.ac_unit),
Icon(Icons.ac_unit),
],
),
),
),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.play_arrow),
onPressed: () {
setState(() {
_visible = !_visible;
});
},
),
),
);
}
}
以上就是 直播原始碼網站，各式各樣的淡入淡出動畫實現的相關程式碼，更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69978258/viewspace-2850433/，如需轉載，請註明出處，否則將追究法律責任。
相關文章
- 直播網站原始碼，css實現狀態平滑的動畫網站原始碼CSS動畫
- 用Alt碼打出Pi以及各式各樣的符號符號
- 直播原始碼網站，各類進度條的設定與調整原始碼網站
- 直播網站原始碼，CardView如何顯示出底背景樣式？網站原始碼View
- MySQL8升級遇到的各式各樣問題MySql
- 直播原始碼網站，自定義平臺介面，完成各項內容更改原始碼網站
- 直播原始碼網站，點選分享按鈕，分享到各個渠道功能的實現原始碼網站
- 影片直播網站原始碼，uni-app左右平分九宮格樣式網站原始碼APP
- 網站原始碼密碼修改？怎樣修改網站模板的內容？網站原始碼密碼
- 直播網站原始碼，centos7修改密碼網站原始碼CentOS密碼
- 直播網站程式原始碼，FlowLayoutManager 流式佈局網站原始碼
- 直播原始碼網站，各個分類之間用橫線或者豎線隔開原始碼網站
- 直播原始碼網站，直播間小遊戲java遞迴的實現方式原始碼網站遊戲Java遞迴
- 直播平臺原始碼，各個樣式的訊息通知欄顯示方式原始碼
- 各式各樣的極品程式設計師 你屬於哪一種程式設計師
- 直播原始碼網站，任意更改底部圖示顏色原始碼網站
- app直播原始碼，等待時的載入動畫（交錯載入動畫）APP原始碼動畫
- 原始碼網站原始碼網站
- 直播原始碼網站，實現文字自動翻轉效果原始碼網站
- 直播網站程式原始碼，【openpyxl】只讀模式、只寫模式網站原始碼模式
- 直播網站原始碼，修改el-input邊框顏色網站原始碼
- 直播網站原始碼，vue工具類，時間格式化網站原始碼Vue
- 直播帶貨原始碼，Android 簡單動畫播放原始碼Android動畫
- 直播網站原始碼，安卓防止輸入框自動彈出網站原始碼安卓
- 影片直播網站原始碼，flutter 頂部滾動欄頁面網站原始碼Flutter
- 怎樣修改網站主頁原始碼，如何編輯網站的HTML檔案網站原始碼HTML
- H5直播原始碼具有怎樣的優勢？H5原始碼
- 直播原始碼網站，實現對話方塊的左滑動刪除原始碼網站
- 直播網站原始碼，點選EditText以外的區域，鍵盤隱藏消失網站原始碼
- 直播網站原始碼，Android中點選圖片放大的簡單方法網站原始碼Android
- 直播網站原始碼，接收方收到的資訊等於緩衝區長度網站原始碼
- 線上教育直播原始碼+技術支援，打造多樣化的直播平臺原始碼
- 直播原始碼網站，自定製配置頁面佈局和寫法原始碼網站
- 直播網站程式原始碼，採用Redis實現購物車功能網站原始碼Redis
- 直播網站原始碼，js動態追加 初始化下拉選項網站原始碼JS
- 直播網站原始碼，寫一個android底部導航欄框架網站原始碼Android框架
- 各網站收藏網站
- 原來如此！直播原始碼技術是這樣做的，直播互動篇原始碼