【发布时间】:2015-10-16 20:39:24
【问题描述】:
您好,我已经搜索了所有内容,但仍然找不到任何可以帮助我完成这项任务的信息。我将如何使用 Swift 创建一个看起来像这样的自定义标签栏:
标签栏看起来像这样,选定的标签看起来像中间图标,我拥有所有的资源,但是如何自定义标签栏看起来像这样?
【问题讨论】:
标签: ios swift uitabbarcontroller uitabbar tabbar
您好,我已经搜索了所有内容,但仍然找不到任何可以帮助我完成这项任务的信息。我将如何使用 Swift 创建一个看起来像这样的自定义标签栏:
标签栏看起来像这样,选定的标签看起来像中间图标,我拥有所有的资源,但是如何自定义标签栏看起来像这样?
【问题讨论】:
标签: ios swift uitabbarcontroller uitabbar tabbar
首先,您需要@2x 和@3x 形式的资产(如果您在iOS 7 之前开发,则需要@1x)。图标必须是方形的,带有一组以下尺寸的白色图标,以及带有十六进制颜色#2E967E 的图标和带有大小的背景 alpha:
您需要转到images.xcassets 并创建六个新图像集。其中 3 套用于白色图标,3 套用于彩色图标。对于所有六个图像集,转到属性检查器中最右侧的图标(看起来像一个滑块)并将渲染模式更改为“原始图像”
现在转到您的标签栏控制器,选择标签项目,并在“图像”部分输入相应的图像名称白色,然后选择它。然后对所选图像执行相同操作,但这次选择了彩色图标。删除文本标签,然后进入标尺部分,修改顶部和底部的图像插入(其中顶部一个=负底部一个),使图像居中。
最后,转到标签栏(通过单击文档大纲中的标签栏控制器场景->标签栏控制器->标签栏),转到属性检查器并单击栏色调,并将十六进制代码更改为@ 987654323@。取消选中半透明。
现在你应该完成了!
【讨论】:
在 applicationDidFinishLaunchingWithOption 中试试这个代码。 “tabbarbg.png”图片高度=49。
UITabBar.appearance().tintColor = UIColor.lightGrayColor()//selected tab color
UITabBar.appearance().backgroundImage = UIImage(named:"tabbarbg.png")
UITabBar.appearance().barTintColor = UIColor.whiteColor()
【讨论】:
您需要自己在单独的软件中创建图标,然后将它们导入 Images.xcassets,然后使用 main.storyboard 应用它们
【讨论】:
为标签栏视图控制器设置图像非常容易,您只需要为要使用的标签提供不同的图像。首先打开你的故事板并选择标签[即,标签栏视图控制器,然后是导航控制器,然后是视图控制器,如果你设置了你将获得标签]并在栏项目中提供图像..如图所示
如果您想使用不同的图像制作选定的选项卡,只需在应用程序委托中描述它
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
[[UITabBar appearance] setTintColor:[UIColor blackColor]];
[[UITabBar appearance] setSelectionIndicatorImage:[UIImage imageNamed:@"image1"]];}
这段用于更改所选标签的代码在目标C中
【讨论】: