聊聊Android切图

• 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