Unity_UIWidgets - 组件AppBar

Unity_UIWidgets - 组件AppBar

• 各位伙伴，周日愉快啊~~~小黑睡醒了，给大家来分享知识啦
• 上周给大家一个组件Scafflod，那我们之后就来挨个介绍他其中的组件吧。
• 那既然是一个界面，那我们从上到下开始吧！先给大家介绍**AppBar**，Lets go。

AppBar

应用程序栏，处于APP最上方的内容

构造

构造png观看

使用代码

 #region AppBar
        	private AppBar _AppBar()
        	{
            		return new AppBar(
                    		key: null,
                    		
/*领导者，在最前边*/		leading: new Text("this is leading"),

/*默认leading领先*/  		automaticallyImplyLeading: true,

       /*本页标题*/  		title: new Text("this is title"),
       
       /*活动列表*/  		actions: new List<Widget>
       /*在标题栏*/  		{
       /*的右上角*/      		new Text("this is actions"),
                    		},
                    		
/*弹性空间,在左下角*/		flexibleSpace: new Text("this is flexibleSpace"),

/*底部内容*/        		bottom: new PreferredSize(
                        		child: new Text("this is bottom"),
/*优选尺寸,通过它可以增加AppBar的总高度*/  preferredSize: new Size(15f, 15f)
                    		),
                    		
    /*AppBar高度*/  		elevation: 50f,
    
        /*外形框*/  		shape: new Border(new BorderSide(color: Colors.red)),
        
      /*背景颜色*/  		backgroundColor: Colors.green,
      
  /*背景颜色亮度*/  		brightness: Unity.UIWidgets.service.Brightness.light,
  
  /*图标主题控制*/  		iconTheme: new IconThemeData(),
  
  /*动作图标主题*/  		actionsIconTheme: new IconThemeData(),
  
  /*文本主题控制*/  		textTheme:new TextTheme(),
  
  /*是否为主要的*/  		primary:false,
  
/*标题文本是否居中*/		centerTitle:true,

    /*标题de间距*/		titleSpacing:20f,
    
  /*工具栏透明度*/  		toolbarOpacity: 1f,
  
    /*底部透明度*/  		bottomOpacity: 0.5f
                	);
        	}
        #endregion

使用效果

所有的组件效果小黑全部用的是Text文本，小伙伴也可以换成别的，看各自的需求是什么，就替换成什么
有不懂的可以留言询问，我们一起探讨

AppBar使用结束

AppBar这个组件其实有很多花样可以玩出来的，不过需要我们自己去摸索探究，暂时小黑的技术水平还不是太好，日后慢慢的上来了给大家写几个好看的拿来使用。

结语

图标Icon

• 在今天写AppBar的时候发现我的项目中还没有Icon图标加入，下一篇文章小黑会给大家先讲一下如何使用Icon。
• 那今天的知识分享就到这里啦

QQ

• 小黑的QQ：841298494，大家一起进步。

今日无推荐

• 客官，看完get之后记得点赞哟！
• 小伙伴你还想要别的知识，给小黑留言，小黑分享给你们😄
• 小黑的杂货铺，想要什么都有，客官来杯茶喝啊!

程序的道路上学习永不停止，探索随时进行。
Let’s go. Just do it. We can.