最终命名=前缀+位置/组件/用途+后缀
前缀
前缀 | 原始 | 说明 | 示例 |
---|---|---|---|
ic | icon | 主要用于布局和子布局的图标 | ic_launcher |
bg | background | 要用于布局和子布局的背景 | bg_welcome |
btn | button | 主要用于按钮的表示,有时会在ic和btn之间犹豫,简单的区分即是功能视图,如果一个view执行的时back或者confirm或者cancel的功能,则命名上则应该使用btn | btn_ok |
img | image | 主要用于静态图片 | img_avatar |
位置、组件、用途
位置标识 | 说明 | 示例 |
---|---|---|
common | 公共标识 | img_common_bg(共同背景) |
tab | 选项卡 | ic_tab_setting (设置) |
notify | 状态栏、通知栏 | btn_notify_download (通知栏下载按钮) |
dialog | 对话框 | bg_dialog_blur (模糊化的对话框背景) |
menu | 菜单 | bg_menu_save (保存菜单背景) |
anim | 用于动画 | img_anim_loading01 (loading帧动画第一帧) |
pop | 用于弹出框 | img_pop_bg (弹出框背景,区别于dialog) |
mask | 用于遮罩层 | img_dialog_mask (对话框上层遮罩) |
circle | 圆圈 | img_circle_avatar (圆形头像) |
后缀
后缀 | 说明 | 示例 |
---|---|---|
normal | 默认状态 | btn_cancel_normal (取消按钮默认状态时) |
pressed | 按下状态 | btn_cancel_pressed (取消按钮按下状态时) |
focused | 获得焦点 | btn_cancel_focused (取消按钮获得焦点、高亮时) |
selected | 选中状态 | btn_cancel_selected (取消按钮选中时) |
enabled | 不能点击 | btn_cancel_enabled (取消按钮不可用时) |
white | 白色 | bg_white (白色) |
tra | 透明度 | bg_banner_green_tra30 (banner中绿色背景指定30%透明) |
level | 层次、水平 | img_status_level60 (状态为60的时候) |
bg | 用于后缀背景 | 当不在前缀命名时,添加到后缀命名 |