app直播原始碼，AnimatedOpacity 漸變元件淺析

app直播原始碼，AnimatedOpacity 漸變元件淺析

一、AnimatedOpacity 屬性

AnimatedOpacity 用於動態展示元件的透明度。它實現的是將其子元件的透明度動態地從初始值過渡到指定值的動畫效果。

先來看一下它的原始碼：

  const AnimatedOpacity({
    super.key,
    this.child,    // 要控制透明度的子元件
    required this.opacity,   // 透明度，0 ~ 1 直接
    super.curve,   // 動畫曲線，預設是線性的Curves.linear，可以使用 Curves 來構建曲線效果
    required super.duration,   // 動畫時間
    super.onEnd,   // 動畫結束的回撥方法
    this.alwaysIncludeSemantics = false, // 是否總是包含語義資訊，預設是 false。這個主要是用於輔助訪問的，如果是 true，則不管透明度是多少，都會顯示語義資訊（可以輔助朗讀），這對於視障人員來說會更友好。
  })

二、AnimatedOpacity 使用

上面簡單的說明了一些 AnimatedOpacity 的相關屬性，現在我們來使用一下

          Center(
            child: Stack(children: [
              Text("我能變圖片哦"),
              AnimatedOpacity(
                opacity: _opacity,
                duration: const Duration(seconds: 3),
                curve: Curves.easeInOut,
                child: Image.asset(
                  "assets/images/back_img.png",
                  width: 200,
                  height: 200,
                  fit: BoxFit.cover,
                ),
              ),
            ]),
          ),

 以上就是app直播原始碼，AnimatedOpacity 漸變元件淺析， 更多內容歡迎關注之後的文章