主题文章

> 教程

[制作教程] 【每周一招,教你玩转MIUI主题】第十二招:教你如何适配1080

发布时间: 2015-05-05 14:30

      随着米3的1080p分辨率的出现,我们现在做的720P主题或多或少都会在1080P上出现一些BUG。那么对于暂时还没有设备测试的设计师和制作者们想必是一个比较头疼的事情。所以这周我就教大家在没有设备的基础上如何能比较有效的解决1080主题的适配问题。下面将采用Q&A的方式讲解。

Image title

Q :拨号键盘错位。

A:dialer_buttons.png 这张图片为png,需要重做1080尺寸,720的尺寸放大1.4倍,图放入xxhdpi

Image title


Q: 分页指示器错位

A:大部分主题出现,1080重做,720的尺寸放大1.4倍,图放入xxhdpi

Image title


Q:quickcontact_track_background.9.png 高度不够,导致错位

A:需要做1080的尺寸,把720尺寸放大1.4倍,图放入xxhdpi

Image title


Q:进度条内容区偏移,开关,进度条等都会出现此问题。

A:每一组部件不论在720还是1080,都应齐全,才能保证在不同分辨率下等比压缩。

Image title


Q:收起拨号盘按钮2态被拉伸

A:适配1080的pressed状态,或者把720的normal状态补全。

Image title

Q:两行联系人时,TAB栏会遮挡住下面的最近联系人。

A:title_bar_bg_one_row.9.png ,title_bar_bg_two_row.9.png,title_bar_bg_three_row.9.png 这三张图另 做1080尺寸,720的尺寸放大1.35倍,图放入xxhdpi

Image title

Q:小豆豆文字及图标错位

A:关于小豆豆的制作,不仅要放入 常态 与 二态,还要有disable(不可按)状态,

想要在多分辨率不错位,三态缺一不可。


      总结:将720移植到1080与当前 720主题适配480主题所出现的问题都类似,相比形状复杂的主题,只是单独替换橙色的主题更容易出现问题,因为有些作者只是在720中放入了二态(pressed)图片,却没有放入常态(normal)图片,所导致的就是在不同分辨率下系统不能都等比压缩,从而出现错位现象,一般存在disable,normal,pressed的系列图,都需要配套出现,不能只出现一个状态。

亲,你需要登录后才能对该作品进行评论喔!

登录 立即注册