自定义标签栏Swift

时间:2015-07-26 17:30:49

标签: ios swift uitabbarcontroller uitabbar tabbar

您好我已经搜遍过,我仍然找不到任何可以帮助我完成这项任务的信息。如何使用Swift创建一个看起来像这样的自定义标签栏:

以下是标签栏外观图像的链接: http://2.bp.blogspot.com/-QlGT8CjZqJw/VbUZDwlRXzI/AAAAAAAAEHg/zqT_1Valsvo/s1600/Tab%2Bbar.png

标签栏看起来像这样,选中的标签看起来像中间的图标,我有这个的所有资产,但我如何自定义我的标签栏看起来像这样?

4 个答案:

答案 0 :(得分:2)

首先,您需要@ 2x和@ 3x表单中的资源(如果您在iOS 7之前开发,则需要@ 1x)。图标需要是方形的,下面的尺寸是一组白色图标,图标是十六进制颜色#2E967E,背景alpha是大小:

  • icon @ 2x = 50x50
  • icon @ 3x = 75x75

您需要转到images.xcassets并创建六个新图像集。其中3套用于白色图标,3套用于彩色。对于所有六个图像集,请转到属性检查器中最右边的图标(看起来像滑块),并将渲染模式更改为"原始图像"

现在转到标签栏控制器,选择标签项,然后在"图像"中输入相应白色的图像名称。部分,然后选择它。然后对所选图像执行相同操作,但此时选择彩色图标。删除文本标签,然后转到标尺部分并修改顶部和底部图像插图(顶部一个=负底部一个)以使图像居中。

最后,转到标签栏(通过单击标签栏控制器场景 - >标签栏控制器 - >文档大纲中的标签栏),然后转到属性检查器并单击栏色调,并更改十六进制代码到47E9C3。取消选中半透明。

现在你应该完成!

答案 1 :(得分:1)

在applicationDidFinishLaunchingWithOption中尝试此代码。 “tabbarbg.png”图片高度= 49。

 UITabBar.appearance().tintColor = UIColor.lightGrayColor()//selected tab color
 UITabBar.appearance().backgroundImage = UIImage(named:"tabbarbg.png")
 UITabBar.appearance().barTintColor = UIColor.whiteColor()

答案 2 :(得分:0)

您需要在单独的软件中自己创建图标,然后在Images.xcassets中导入它们,然后使用main.storyboard应用它们

答案 3 :(得分:0)

为标签栏视图控制器设置图像非常容易,只需要为要使用的选项卡设置不同的图像即可。首先打开你的故事板并选择标签[即,标签栏视图控制器,然后是导航控制器,然后是视图控制器,如果你设置你将获得标签]并在条形项中提供图像。它显示在图像中 enter image description here

如果您想使用不同的图像制作选定的标签,只需在app delegate中描述

ListView

这段用于更改所选标签的代码在目标C