聊聊Android切图

16lz 2022-01-13

Android切图尺寸所代表的意义
- Android默认有五种大小规格分别是mdpi hdpi xhdpi xxhdpi xxxdpi
- 尺寸对应关系
  
  文件夹尺寸倍数关系
  mdpi 480X320 1.0
  hdpi 800X480 1.5
  xhdpi 1280X720(720p) 2.0
  xxhdpi 1920X1080(1080p) 3.0
  xxxhdpi 3840X2160(4k) 4.0
如果你想一套图能够即适合iOS又能够适配Android那么请用二倍二倍二倍图来做
为什么呢？
俗称的
iOS 2倍图在iPhone6分辨率上1334X750
Android上2倍图是xhdpi 对应的分辨率1280X720
他们的分辨率是非常接近的，
所以，一倍图就能够最好的适配iOS和Android。
….
请用2倍图做设计稿
请用2倍图做设计稿
请用2倍图做设计稿
切图方法规范
- sktch默认自带Android和iOS切图的
命名方法规范
- 个人觉得文件命名就应该做到
  - 见名知意*
  - 用最少的词表达最清晰的含义
  - 用英语不要用拼音
  - 不要用有空格，逗号，点等特殊字符（只能是数字，26英文小写，下划线(是_不是-也不是——）
  - 全部用小写英语（不要大写）
  - 单词之间用下划线区分

一些命名的不成文规定
一般意义上命名一般都遵循以下规则
一个图必然有以下几个因素在哪儿？是什么？干什么的？什么状态？
于是就可以这样命名
(在哪儿)(是什么)(干什么)_(什么状态)
例如
home_tab_mine_checked
mine_menu_setting
命名方法
- 静态命名
```
组件            命名         举个栗子     
```
  按钮（button） btn btn_login
  图标（icon） ic ic_setting
  背景（background） bg bg_login
  底栏（TabLayout） tab tab
  Logo logo logo_ezbuy
  顶栏菜单(menu) menu memu_setting
  默认图 default default_avatar

动态命名（所谓动态就是同一个区域有不同的状态，例如一个按钮有按压和正常状态，一个选项有选中和非选中状态）

状态组件命名举个栗子
按压 _normal, _pressed btn_login_normal btn_login_pressed
可用 _enable _unable bg_pay_enable bg_pay_unable
选中 _checked _unchcked tab_prime_checked tab_prime_unchecked
功能命名
```
功能性组件                   命名                                  举个栗子                  
```
Home页面上的按钮 home_btn_... home_btn_search
Home页面上tab栏状态 home_tab_ … _checked/unchecked home_tab_prime_checked home_tab_prime_unchecked

请注意

最终给到开发的需要按照不同规格的资源，进行文件夹分类。具体请参考res目录下drawable

更多相关文章

随机推荐