今天在底部工具栏添加图片时发现图片模糊而且有锯齿,开始一直以为是美工给的图片有问题,后来发现是要设置两种图片:

比如  index.png(默认30 * 30),indexSelected(选中后的图片 30 * 30);

index@2x(默认 60 * 60),indexSelected@2x(选中后的图片 60 * 60);

下面贴一下创建导航控制器和设置图标的代码(swift):

//3.创建首页导航控制器

        let vwIndex=index();

        let navIndex=UINavigationController(rootViewController: vwIndex);

        navIndex.title="首页";

        navIndex.tabBarItem.image=UIImage(named: "index.png")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal);

        navIndex.tabBarItem.selectedImage=UIImage(named: "indexSelected.png")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal);

 

下面是效果图:

 

关于swift 底部工具栏图标锯齿模糊问题。

 

至于为什么只有一种图片会锯齿的原因,我在网上找了一些资料,大概是这个意思,底部工具栏的图标支持大小大概在 30-60之间,当设置了两种图标大小后,手机会自动适配到 30 - 60 之间最合适的尺寸。

 

相关文章:

  • 2021-09-19
  • 2021-11-08
  • 2022-01-29
  • 2021-06-01
  • 2021-06-14
  • 2021-08-01
  • 2022-12-23
  • 2021-11-02
猜你喜欢
  • 2021-07-27
  • 2021-08-10
  • 2022-12-23
  • 2021-11-11
  • 2022-01-11
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案