移动端APP设计学习笔记整理:2、写布局与切图常见注意点

 

系列博文

移动端APP设计学习笔记整理:1、设计规范-IOS&Android系统

 

1、切底图最好上下左右像素格保持一样

切底图最好上下左右像素格一样长,至少保持上下一样长、左右一样长,这样方便代码居中、代码适配

例如,我们要实现登录注册按钮,设计图如下图:

移动端APP设计学习笔记整理:2、写布局与切图常见注意点_第1张图片

切的底图,在蓝湖上是这样的,上下的像素格不一致

移动端APP设计学习笔记整理:2、写布局与切图常见注意点_第2张图片

那么我们的 xml 代码实现,如下:

实现的效果,如下图

移动端APP设计学习笔记整理:2、写布局与切图常见注意点_第3张图片

由于切图上下的像素格,不是一样长的,所以文字不会居中!

 

实现方式1:让 UI 切底图,上下的像素格一样长、左右的像素格一样长

移动端APP设计学习笔记整理:2、写布局与切图常见注意点_第4张图片

 

方式2:根据蓝湖上面的标注,进行实现

移动端APP设计学习笔记整理:2、写布局与切图常见注意点_第5张图片


 

你可能感兴趣的:(安卓开发)