TabBarItems 并设置它们的图像大小?
TabBarItems and setting their image sizes?
我目前正在为我的每个标签栏项目添加图片。我喜欢的一幅图像的尺寸比条形项目的面积大得多。当我在情节提要和 运行 模拟器中设置栏项目的图像时...带有该图像的栏按钮会覆盖整个屏幕。
现在我认为有一些自动方法可以让图像为每个栏按钮调整大小。遗憾的是,情况并非如此。有没有一种方法可以在加载标签栏时调整每个标签栏中图像的大小?
您应该为每个标签栏项目准备 3 个图像图标(1x, 2x and 3x)。
首先创建 3x 75w 75h 像素(最大:144 x 96)并将其保存为 iconTab0@3x.png.
然后将其调整为 50w 50h 像素(最大:96 x 64)并保存为 iconTab0@2x.png.
最后将其调整为 25w 25h 像素(最大:48 x 32)并保存为 iconTab0.png。
现在您只需 select 将这 3 张图像拖到您的图像资源中即可。
另一种选择是创建矢量图像 PDF。您所做的是将矢量图像调整为最小尺寸 (22x22) 并将其导出为 PDF 文件。您可以使用 Adobe Illustrator、Sketch 和许多其他矢量图像编辑工具来完成此操作。
然后将 PDF 文件添加到资产文件夹,并在属性检查器中将 "Scale Factors" 设置为 "Single Vector"。应该这样做!
使用 ios8
很容易做到这一点。在情节提要中,单击每个选项卡项(您要更改其图像的选项卡的单独控制器。
相应地设置 insets
...
有this issue though. Fixed with this.
@LeoDabus 提供了一个很好的答案。
要调整图像大小,一个简单好用的方法是:
- 将您的图像添加到 Assets.xcassets 文件夹中的 1x、2x、3x 框中。
- 然后,单击每个框中的图像并用双指点击 trackpad/right-click,这将显示此处的选项:
- 单击 'Open with External Editor',您将进入预览。
- 点击 'Tools',然后点击 'Adjust Size'。
- 根据您的要求调整图像的大小。然后点击 'Save' 并关闭 window。 Xcode 中的图像应该会自动更新。
我目前正在为我的每个标签栏项目添加图片。我喜欢的一幅图像的尺寸比条形项目的面积大得多。当我在情节提要和 运行 模拟器中设置栏项目的图像时...带有该图像的栏按钮会覆盖整个屏幕。
现在我认为有一些自动方法可以让图像为每个栏按钮调整大小。遗憾的是,情况并非如此。有没有一种方法可以在加载标签栏时调整每个标签栏中图像的大小?
您应该为每个标签栏项目准备 3 个图像图标(1x, 2x and 3x)。
首先创建 3x 75w 75h 像素(最大:144 x 96)并将其保存为 iconTab0@3x.png.
然后将其调整为 50w 50h 像素(最大:96 x 64)并保存为 iconTab0@2x.png.
最后将其调整为 25w 25h 像素(最大:48 x 32)并保存为 iconTab0.png。
现在您只需 select 将这 3 张图像拖到您的图像资源中即可。
另一种选择是创建矢量图像 PDF。您所做的是将矢量图像调整为最小尺寸 (22x22) 并将其导出为 PDF 文件。您可以使用 Adobe Illustrator、Sketch 和许多其他矢量图像编辑工具来完成此操作。
然后将 PDF 文件添加到资产文件夹,并在属性检查器中将 "Scale Factors" 设置为 "Single Vector"。应该这样做!
使用 ios8
很容易做到这一点。在情节提要中,单击每个选项卡项(您要更改其图像的选项卡的单独控制器。
相应地设置 insets
...
有this issue though. Fixed with this.
@LeoDabus 提供了一个很好的答案。
要调整图像大小,一个简单好用的方法是:
- 将您的图像添加到 Assets.xcassets 文件夹中的 1x、2x、3x 框中。
- 然后,单击每个框中的图像并用双指点击 trackpad/right-click,这将显示此处的选项:
- 单击 'Open with External Editor',您将进入预览。
- 点击 'Tools',然后点击 'Adjust Size'。
- 根据您的要求调整图像的大小。然后点击 'Save' 并关闭 window。 Xcode 中的图像应该会自动更新。