Android UI切图命名规范

最终命名=前缀+位置/组件/用途+后缀

前缀

前缀原始说明示例
icicon主要用于布局和子布局的图标ic_launcher
bgbackground要用于布局和子布局的背景bg_welcome
btnbutton主要用于按钮的表示,有时会在ic和btn之间犹豫,简单的区分即是功能视图,如果一个view执行的时back或者confirm或者cancel的功能,则命名上则应该使用btnbtn_ok
imgimage主要用于静态图片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用于后缀背景当不在前缀命名时,添加到后缀命名
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值