Swift   发布时间:2022-03-31  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Swift UI专项训练34 TabBar底部导航栏大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

    TabBar大家应该不会陌生,也是我们经常接触的控件,与navigation类似。首先来看下它的属性: BACkground用来摄住TabBar的背景图片。 Shadow设置阴影。 SELEction用来设置TabBar选中后会出现的图片。 Style:用于设置TabBar的样式,默认的是白底,也可以设置成黑底。 Bar Tint:用于设置背景颜色 Item positioning:用于设
@H_450_10@

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专项训练34 TabBar底部导航栏所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。