ios - 自定义标签栏 Swift

Question

您好，我已经进行了全面搜索，但仍然找不到任何可以帮助我完成此任务的信息。我如何使用 Swift 创建一个看起来像这样的自定义标签栏:

这是标签栏外观图片的链接:

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

Answer 1

首先，您需要@2x 和@3x 形式的 Assets (@1x 如果您正在为 iOS 7 之前的开发)。图标需要与一组具有以下尺寸的白色图标和具有十六进制颜色的图标 #2E967E 和具有尺寸的背景 alpha 组成正方形:

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

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

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

最后，转到标签栏(通过单击 Tab Bar Controller Scene -> Tab Bar Controller -> Tab Bar in the Document Outline)，然后转到属性检查器并单击 bar tint，并将十六进制代码更改为 47E9C3。取消选中半透明。

现在你应该完成了!