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:841298494,大家一起进步。
今日无推荐
- 客官,看完get之后记得点赞哟!
- 小伙伴你还想要别的知识,给小黑留言,小黑分享给你们😄
- 小黑的杂货铺,想要什么都有,客官来杯茶喝啊!
程序的道路上学习永不停止,探索随时进行。
Let’s go. Just do it. We can.