欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Flutter實現(xiàn)旋轉(zhuǎn)掃描效果

 更新時間:2022年01月21日 10:34:10   作者:易寒  
這篇文章主要介紹了通過Flutter RotationTransition實現(xiàn)雷達(dá)旋轉(zhuǎn)掃描的效果,文中的示例代碼講解詳細(xì),感興趣的同學(xué)可以動手試一試

效果圖:

1 .測試Demo啟動文件

main() {
  runApp(MaterialApp(
    home: SignSwiperPage(),
  ));
}

class SignSwiperPage extends StatefulWidget {
  @override
  _SignSwiperPageState createState() => _SignSwiperPageState();
}

class _SignSwiperPageState extends State<SignSwiperPage>
    with SingleTickerProviderStateMixin {

}

接下來的代碼都在 _SignSwiperPageState中編寫

2 .動畫控制器用來實現(xiàn)旋轉(zhuǎn)

//動畫控制器
  AnimationController _animationController;

  @override
  void initState() {
    super.initState();

    //創(chuàng)建
    _animationController = new AnimationController(
        vsync: this, duration: Duration(milliseconds: 2000));
    //添加到事件隊列中
    Future.delayed(Duration.zero, () {
      //動畫重復(fù)執(zhí)行
      _animationController.repeat();
    });
  }

  @override
  void dispose() {
    //銷毀
    _animationController.dispose();
    super.dispose();
  }

3 .旋轉(zhuǎn)掃描效果

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Swiper Demo"),
      ),
      backgroundColor: Colors.white,
      //居中
      body: Center(
        //層疊布局
        child: Stack(
          children: [
            //第一層的背景 圓形剪裁
            ClipOval(
              child: Container(
                width: 200,
                height: 200,
                color: Colors.green,
              ),
            ),
            //第二層的掃描
            buildRotationTransition(),
          ],
        ),
      ),
    );
  }

RotationTransition用來實現(xiàn)旋轉(zhuǎn)動畫

RotationTransition buildRotationTransition() {
    //旋轉(zhuǎn)動畫 
    return RotationTransition(
      //動畫控制器
      turns: _animationController,
      //圓形裁剪
      child: ClipOval(
        //掃描漸變
        child: Container(
          width: 200,
          height: 200,
          decoration: BoxDecoration(
            //掃描漸變
            gradient: SweepGradient(colors: [
              Colors.white.withOpacity(0.2),
              Colors.white.withOpacity(0.6),
            ]),
          ),
        ),
      ),
    );
  }

到此這篇關(guān)于Flutter實現(xiàn)旋轉(zhuǎn)掃描效果的文章就介紹到這了,更多相關(guān)Flutter旋轉(zhuǎn)掃描效果內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 淺談Android安全風(fēng)險與防范措施

    淺談Android安全風(fēng)險與防范措施

    這篇文章主要介紹了淺談Android安全風(fēng)險與防范措施,對安全感興趣的同學(xué)可以參考下
    2021-04-04
  • Android 運(yùn)用@JvmName解決函數(shù)簽名沖突問題詳解

    Android 運(yùn)用@JvmName解決函數(shù)簽名沖突問題詳解

    JvmName注解是Kotlin提供的一個可以變更編譯器輸出的注解,這里簡單的介紹一下其使用規(guī)則,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步
    2022-07-07
  • android網(wǎng)絡(luò)圖片查看器簡單實現(xiàn)代碼

    android網(wǎng)絡(luò)圖片查看器簡單實現(xiàn)代碼

    這篇文章主要為大家詳細(xì)介紹了android網(wǎng)絡(luò)圖片查看器的簡單實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • Android實現(xiàn)C/S聊天室

    Android實現(xiàn)C/S聊天室

    這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)C/S聊天室的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-01-01
  • Android架構(gòu)組件Room指南

    Android架構(gòu)組件Room指南

    Room是Google推出的Android架構(gòu)組件庫中的數(shù)據(jù)持久化組件庫, 也可以說是在SQLite上實現(xiàn)的一套ORM解決方案。下面通過本文給大家介紹Android架構(gòu)組件Room指南,需要的朋友參考下吧
    2017-12-12
  • Android自定義控件之三點(diǎn)循環(huán)縮放效果

    Android自定義控件之三點(diǎn)循環(huán)縮放效果

    這篇文章主要為大家詳細(xì)介紹了Android自定義控件之三點(diǎn)循環(huán)縮放效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-10-10
  • Android ListView控件使用方法

    Android ListView控件使用方法

    這篇文章主要為大家詳細(xì)介紹了Android ListView控件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • Unity同步/異步調(diào)用Android的方法實例

    Unity同步/異步調(diào)用Android的方法實例

    unity在Android端開發(fā)的時候,免不了要調(diào)用Java,下面這篇文章主要給大家介紹了關(guān)于Unity同步/異步調(diào)用Android的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2021-08-08
  • 分析Android內(nèi)存泄漏的幾種可能

    分析Android內(nèi)存泄漏的幾種可能

    Java內(nèi)存泄漏指的是進(jìn)程中某些對象(垃圾對象)已經(jīng)沒有使用價值了,但是它們卻可以直接或間接地引用到gc roots導(dǎo)致無法被GC回收。本文詳細(xì)羅列了Android內(nèi)存泄漏的八種可能,有需要的可以參考下。
    2016-07-07
  • Android自定義加載控件實現(xiàn)數(shù)據(jù)加載動畫

    Android自定義加載控件實現(xiàn)數(shù)據(jù)加載動畫

    這篇文章主要為大家詳細(xì)介紹了Android自定義加載控件實現(xiàn)數(shù)據(jù)加載動畫的相關(guān)資料,仿美團(tuán)、京東數(shù)據(jù)加載動畫、小人奔跑動畫,感興趣的小伙伴們可以參考一下
    2016-04-04

最新評論