自定义选项卡栏 Swift

Question

嗨，我已经搜索了所有的信息，但仍然找不到任何有助于我完成此任务的信息。我该如何使用Swift创建一个类似于这样的自定义选项卡栏：

这是选项卡栏的图像链接：

选项卡栏将看起来像这样，所选选项卡将看起来像中间的图标，我拥有所有这些资源，但我该如何自定义我的选项卡栏以实现这个效果？

- BillJang

Answer 1

首先，您需要@2x和@3x形式的资源（如果您正在为iOS 7之前的版本开发，则需要@1x）。图标需要是白色图标和带有十六进制颜色#2E967E和背景透明度的图标，并且大小应该为以下尺寸：

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

您需要转到images.xcassets并创建六个新的图像集。其中三个集将用于白色图标，另外三个则用于彩色图标。对于所有六个图像集，请转到属性检查器中最右边的图标（看起来像滑块）并将渲染模式更改为“原始图像”

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

最后，前往选项卡栏（通过单击文档大纲中的Tab Bar Controller Scene-> Tab Bar Controller-> Tab Bar），转到属性检查器并单击栏色调，将十六进制代码更改为47E9C3。取消选择半透明。

现在您应该完成了！

- SentientBacon

Answer 2

在applicationDidFinishLaunchingWithOption中尝试此代码。"tabbarbg.png"图像高度为49。

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

- Avijit Nagare

Answer 3

您需要在另一款软件中自己创建图标，然后将它们导入到Images.xcassets中，最后在main.storyboard中应用它们。

- Viren Sareen

Answer 4

设置选项卡视图控制器的图像非常容易，您只需要为要使用的选项卡准备不同的图像即可。首先打开您的故事板并选择选项卡 [即选项卡视图控制器，然后是导航控制器，最后是视图控制器，如果您设置好了，您将获得选项卡] 并在条目中提供图像.. 如图所示

如果您想使所选选项卡具有不同的图像，只需在应用程序委托中描述即可。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
[[UITabBar appearance] setTintColor:[UIColor blackColor]];
[[UITabBar appearance] setSelectionIndicatorImage:[UIImage imageNamed:@"image1"]];}

这段用于更改所选标签的代码是使用Objective C编写的

- Deepakraj Murugesan