首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >自定义选项卡栏Swift

自定义选项卡栏Swift
EN

Stack Overflow用户
提问于 2015-07-27 01:30:49
回答 4查看 4.8K关注 0票数 3

嗨,我已经到处搜索了,但我仍然找不到任何可以帮助我完成这项任务的信息。如何使用Swift创建如下所示的自定义选项卡栏:

以下是指向选项卡栏外观的图像的链接:

选项卡栏看起来像这样,所选的选项卡看起来像中间的图标,我有这方面的所有资源,但我如何自定义我的选项卡栏使其看起来像这样?

EN

回答 4

Stack Overflow用户

发布于 2015-07-27 02:15:04

首先,您需要@2x和@3x形式的资产(如果您是在iOS 7之前的版本上开发,则为@1x)。图标需要是正方形与一组白色图标在下面的大小和图标与十六进制颜色#2E967E和背景阿尔法与大小:

  • 图标@2x=50x50
  • 图标@3x= 75x75

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

现在转到您的选项卡栏控制器,选择选项卡项,并在“图像”部分键入图像的名称相应的白色,然后选择它。然后对所选图像执行相同的操作,除了这一次,选择彩色图标。删除文本标签,转到标尺部分,修改顶部和底部图像插图(其中顶部图像=负底图像)以使图像居中。

最后,转到选项卡栏(通过在文档大纲中单击选项卡栏控制器Scene ->选项卡栏控制器->选项卡栏),然后转到属性检查器并单击Bar tint,然后将十六进制代码更改为47E9C3。取消选中“半透明”。

现在你应该做完了!

票数 2
EN

Stack Overflow用户

发布于 2015-07-27 01:51:46

在applicationDidFinishLaunchingWithOption中尝试此代码。"tabbarbg.png“镜像height=49。

代码语言:javascript
代码运行次数:0
运行
复制
 UITabBar.appearance().tintColor = UIColor.lightGrayColor()//selected tab color
 UITabBar.appearance().backgroundImage = UIImage(named:"tabbarbg.png")
 UITabBar.appearance().barTintColor = UIColor.whiteColor()
票数 1
EN

Stack Overflow用户

发布于 2015-07-27 01:36:13

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31639913

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档