Swift UI专项训练34 TabBar底部导航栏
来源:互联网 发布:北京包租婆公寓知乎 编辑:程序博客网 时间:2024/05/04 04:38
TabBar大家应该不会陌生,也是我们经常接触的控件,与navigation类似。首先来看下它的属性:
Background用来摄住TabBar的背景图片。
Shadow设置阴影。
Selection用来设置TabBar选中后会出现的图片。
Style:用于设置TabBar的样式,默认的是白底,也可以设置成黑底。
Bar Tint:用于设置背景颜色
Item positioning:用于设置TabBar中item的位置。
TarBarItem就是TabBar上的按钮,现在我们来看看TarBarItem的属性:
Badge比较有意思,用于设置右上角的红圈数字,比如未读消息的数量。把它设为1看下效果:
System Item用于设置图标的样式,都是系统自带的样式,可以找到我们常用的五角星、放大镜。
当System Item设置为custom时我们就可以使用Selected Image了。
Title Position用于设置位置。
TabBar Controller包含了以个TabBar和多个UIViewController,通过底部TabBar来控制屏幕上的视图。我们可以在创建工程的时候直接创建Tabbed Application。
新工程点击运行就能看到效果:
如果要再加一个视图,那么直接拖一个View Controller进来,然后鼠标右键从tabbarcontroller视图拖到新加入的视图中去,然后松开鼠标,选择最后一个view controllers。再运行时就能看到三个视图了,接下来点击新加入的视图底部就能设置图标和标题。注意触控板模拟鼠标右键需要按住control按钮。之后我们可以设定一个第三张视图的按钮样式,效果如图:
- Swift UI专项训练34 TabBar底部导航栏
- Swift UI专项训练1 交互
- Swift UI专项训练1 交互
- Swift UI专项训练6 反向过渡
- Swift UI专项训练7 数据添加
- swift UI专项训练8 展示数据
- swift UI专项训练9 添加数据
- swift UI专项训练10 视图共性
- swift UI专项训练11 ActionSheet
- swift UI专项训练12 ActivityIndicator
- swift UI专项训练16 ProgressView进度条
- swift UI专项训练18 ToolBar工具条
- swift UI专项训练20 WebView浏览器
- swift UI专项训练21 网页浏览器
- swift UI专项训练26 控件综述
- swift UI专项训练33 Switch开关
- Swift UI专项训练35 UIAlertController
- swift UI专项训练39 用Swift实现摇一摇功能
- HDU 3974 线段树(将树映射到区间)
- ClassLoader的双亲代理机制和能否自定义一个java.lang.String类
- RPC框架protobuf-rpc-pro 实例
- 常量折叠
- Android Studio编译开源项目
- Swift UI专项训练34 TabBar底部导航栏
- Source Insight快捷键及使用技巧
- C++友元
- Leetcode: Rotate Array
- hdu 1695 莫比乌斯反演
- 1.2 作为一种技术的算法
- 代码实现WordPress归档页面模板
- 使用jquery.qrcode生成二维码
- 解析XML字符串,跨浏览器实例