ios --- Tabbar 的图标模糊问题
ios --- Tabbar 的图标模糊问题
1054949000 发表于3年前
ios --- Tabbar 的图标模糊问题
  • 发表于 3年前
  • 阅读 31
  • 收藏 1
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

需要两张图片,一张30*30的 tabbar.png ;另一张60*60的 tabbar@2x.png 。


最近在项目开发过程中,遇到一个问题,十分蛋疼---UITabbar自定义的图标模糊,刚开始用的是34*33的尺寸,太大,后来去官网核对了下,是30*30的。但奇怪的是用这个尺寸的图标,UITabbar选项在被选择的时候,图标边缘很模糊:
          ios <wbr>--- <wbr>UITabbar <wbr>的图标模糊问题

     开始是怀疑尺寸的问题,试了各种尺寸都不行,后来也试了各种颜色的,结果也是模糊。从网上查了很多资料,也都解决不了问题,直到今天,无意中发现了真相,其实很简单,这牵扯到了Ios 系统的机制问题。

      每个UITabbar图标都需要两种图片,一张灰色或黑色背景,30*30左右,一张纯白色背景,30*30到60*60间的尺寸都行,比如:
       ios <wbr>--- <wbr>UITabbar <wbr>的图标模糊问题                ios <wbr>--- <wbr>UITabbar <wbr>的图标模糊问题

        在图片命名的时候,必须遵守一个条件,第一张图片名字是name.png,第二张图片名字必须是name@2x.png,(注意都是英文标点,x小写),
        显示在UITabbar上的图标大小,会随着name@2x.png 图标大小而改变,目前还不清楚这种机制的来龙去脉,希望了解的通知下
        这样设置后,图标就清晰了,效果如下
          ios <wbr>--- <wbr>UITabbar <wbr>的图标模糊问题
共有 人打赏支持
粉丝 7
博文 38
码字总数 914
×
1054949000
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: