Android 样式 布局是根本

如果你曾经是一名

WEB 前台设计师，如果你曾经有过设计的功底，那么你很荣幸，

如果你切到

Android 平台中，以前的知识和经验都能很好的移植到 Android 平台中。本人以

为，学习是一个长期的积累过程，经验很重要，为什么有的人不管做神马生意都赚钱，因
为他有经验，经验加上变通，就是智慧。

布局是根本，不管在

WEB 设计还是在手机客户端设计中，都是如此。如果一开始局就

没有布好，就算你的细节做得再精美，到头来还是要重构。相比传统

WEB 设计中的布局，

Android 平台一样都不少，只是 WEB 设计的层布局，在 Android 中有了个新的叫法，叫帧
布局。布局在本篇中不是重点，因为和

WEB 中的概念几乎一样，所以一笔带过。

说实话，我还是比较喜欢

WEB 设计中的样式命名规范，简单，易用，最主要的是

WEB 的样式很好管理，不像 Android 样式文件分得很细，看起来比较零乱。如果你研究过
SDK 的 设 计 方 式 ， 你 会 发 现 一 个 按 钮 的 样 式 ， 分 得 很 细 ， 有
btn_default.xml，btn_default_small.xml 等二十几个样式文件。

下面我们模仿

SDK 的设计方式，自定义一个按钮样式文件 btn_default.xml，包含非焦

点，焦点，

pressed 三种不同状态。

1

1 

<?xml 

version="1.0" 

encoding="utf-8"?> 

 

 

 

 2 

<selector 

xmlns:android="http://schemas.android.com/apk/res/android">    

2

 3     <item android:state_pressed="true">     4         <shape>    

3

 5             <gradient       6                 android:startColor="#ff8c00"      

4

 7                 android:endColor="#FFFFFF"     8                 android:angle="270" />    

5

 9      10             <stroke      

6

11                 android:width="2dp"      12                 android:color="#dcdcdc" />    

7

13      14             <corners      

8

15                 android:radius="2dp" />    16      

9

17             <padding      18                 android:left="10dp"      

10

19                 android:top="10dp"    20                 android:right="10dp"      

11

21                 android:bottom="10dp" />    22      

12

23         </shape>    24      

13

25     </item>    26      

14

27     <item android:state_focused="true">    28         <shape>    

15

29             <gradient      30                 android:startColor="#ffc2b7"      

16

31                 android:endColor="#ffc2b7"    32                 android:angle="270" />    

17

33      34             <stroke      

18

35                 android:width="2dp"      36                 android:color="#dcdcdc" />    

19

37      38             <corners