<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                ## DecoratedBox DecoratedBox可以在其子widget繪制前(或后)繪制一個裝飾Decoration(如背景、邊框、漸變等)。DecoratedBox定義如下: ``` const DecoratedBox({ Decoration decoration, DecorationPosition position = DecorationPosition.background, Widget child }) ``` - decoration:代表將要繪制的裝飾,它類型為Decoration,Decoration是一個抽象類,它定義了一個接口 `createBoxPainter()`,子類的主要職責是需要通過實現它來創建一個畫筆,該畫筆用于繪制裝飾。 - position:此屬性決定在哪里繪制Decoration,它接收DecorationPosition的枚舉類型,該枚舉類兩個值: - background:在子widget之后繪制,即背景裝飾。 - foreground:在子widget之上繪制,即前景。 #### BoxDecoration 我們通常會直接使用`BoxDecoration`,它是一個Decoration的子類,實現了常用的裝飾元素的繪制。 ``` BoxDecoration({ Color color, //顏色 DecorationImage image,//圖片 BoxBorder border, //邊框 BorderRadiusGeometry borderRadius, //圓角 List<BoxShadow> boxShadow, //陰影,可以指定多個 Gradient gradient, //漸變 BlendMode backgroundBlendMode, //背景混合模式 BoxShape shape = BoxShape.rectangle, //形狀 }) ``` 各個屬性名都是自解釋的,詳情讀者可以查看API文檔,我們看一個示例: ``` DecoratedBox( decoration: BoxDecoration( gradient: LinearGradient(colors:[Colors.red,Colors.orange[700]]), //背景漸變 borderRadius: BorderRadius.circular(3.0), //3像素圓角 boxShadow: [ //陰影 BoxShadow( color:Colors.black54, offset: Offset(2.0,2.0), blurRadius: 4.0 ) ] ), child: Padding(padding: EdgeInsets.symmetric(horizontal: 80.0, vertical: 18.0), child: Text("Login", style: TextStyle(color: Colors.white),), ) ) ``` 效果如下: ![](https://box.kancloud.cn/47017753e77ab5880b44a99f8ac58a7f_360x122.png) 怎么樣,通過BoxDecoration,我們實現了一個漸變按鈕的外觀,但此示例還不是一個標準的按鈕,因為它還不能響應點擊事件,我們將在本章末尾來實現一個完整的GradientButton。
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看