Android：UI控件风格与主题、selector、Theme

注：默认设置放在最后。

1.颜色xml：values-->resources-->color.xml

1 2 3 4 5 6

<?xml version= "1.0"  encoding= "utf-8" ?> <resources>      <color name= "yellow" >#FFFF00</color>      <color name= "zise" >#D15FEE</color>      <color name= "lightblue" >#8DB6CD</color> </resources>

2.颜色selector：Color List-->selector-->/color/xxx.xml

1 2 3 4 5 6

<?xml version= "1.0"  encoding= "utf-8" ?> <selector xmlns:android= "http://schemas.android.com/apk/res/android" >      <item android:state_pressed= "true"          android:color= "@color/yellow" />      <item android:color= "@color/zise" /> </selector>

3.尺寸（文件大小、控件大小等）dimens:values-->dimens.xml

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<resources>      <!-- Default screen margins, per the Android Design guidelines. -->      <dimen name= "activity_horizontal_margin" >16dp</dimen>      <dimen name= "activity_vertical_margin" >16dp</dimen>      <dimen name= "btn_head_width" >100dp</dimen>      <dimen name= "btn_head_high" >100dp</dimen>      <dimen name= "edit_width" >200dp</dimen>      <dimen name= "edit_high" >60dp</dimen>      <dimen name= "edit_width_xhdpi" >60dp</dimen>      <dimen name= "edit_high_xhdpi" >160dp</dimen>      <dimen name= "textsize" >20dp</dimen>                                <dimen name= "EditText_layout_marginTop" >80dp</dimen>      <dimen name= "textView_layout_marginTop" >26dp</dimen> </resources>

4.背景图片:Drawable-->selector-->/drawable/xxx.xml

1 2 3 4 5 6

<?xml version= "1.0"  encoding= "utf-8" ?> <selector xmlns:android= "http://schemas.android.com/apk/res/android"  >      <item android:state_pressed= "true"          android:drawable= "@drawable/ic_pressed" ></item>      <item android:drawable= "@drawable/ic_default" ></item> </selector>

5.主题相关

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

常用的系统主题： 1 . 没有标题：     @android :style/Theme.Black.NoTitleBar 2 . 全屏幕     @android :style/Theme.Black.NoTitleBar.Fullscreen 3 . 透明     @android :style/Theme.Translucent 4 . 桌面壁纸作为背景     @android :style/Theme.Wallpaper 5 . 对话框     @android :style/Theme.Dialog      对Activity的生命周期是否有影响？ 练习：第一个Activity中有两个按钮，        一个弹出对话框主题的Activity，        另一个弹出对话框，测试二者对        第一个Activity生命周期是否有影响。              弹出对话框主题的Activity：        暂停状态，onPause()  弹出对话框      生命周期没有影响         使用场景： 1 . 对话框主题的Activity     例如：在桌面弹出短信内容对话框     对话框后面的Activity是其他App的，这时必须使用对话框主题的     Activity 2 . 对话框        需要使用Activity中的成员变量时

6.设置一按钮点击时图片和文字颜色都有高亮效果

1 2 3 4 5 6 7 8 9 10 11 12 13

<TextView              android:id= "@+id/home_tv_city"              android:layout_width= "wrap_content"              android:layout_height= "wrap_content"              android:layout_alignParentLeft= "true"              android:layout_centerVertical= "true"              android:drawableLeft= "@drawable/selector_home_citymore"              android:drawablePadding= "4dp"              android:gravity= "center"              android:paddingRight= "12dp"              android:text= "厦门"              android:textColor= "@color/selector_home_city"              android:textSize= "20sp"  />

res/drawable/selector_home_citymore.xml代码:

1 2 3 4 5 6

<?xml version= "1.0"  encoding= "utf-8" ?> <selector xmlns:android= "http://schemas.android.com/apk/res/android"  >      <item android:state_pressed= "true"          android:drawable= "@drawable/home_morecity_pre" ></item> <item android:drawable= "@drawable/home_morecity_nor" ></item> </selector>

res/color/selector_home_city.xml代码:

1 2 3 4 5 6

<?xml version= "1.0"  encoding= "utf-8" ?> <selector xmlns:android= "http://schemas.android.com/apk/res/android" >      <item android:state_pressed= "true"          android:color= "@color/cyan" />      <item android:color= "@color/white" /> </selector>

7.创建一个shape的selector

1 2 3 4 5 6 7 8 9 10 11

<?xml version= "1.0"  encoding= "utf-8" ?> <selector xmlns:android= "http://schemas.android.com/apk/res/android" >        <item android:state_pressed= "true" ><shape>              <solid android:color= "@color/gray_text"  />          </shape></item>      <item><shape>              <solid android:color= "@color/touming"  />          </shape></item>   </selector>

8.代码编写selector

范例:

布局xml代码:

1 2 3 4 5 6 7 8

<TextView          android:id= "@+id/TextView_title"          android:layout_width= "wrap_content"          android:layout_height= "wrap_content"          android:focusable= "true"          android:drawableTop= "@drawable/selector_tabwidget_icon"          android:textAlignment= "center"          />

selector的xml代码:

1 2 3 4 5 6 7 8 9 10 11 12

<?xml version= "1.0"  encoding= "utf-8" ?> <selector xmlns:android= "http://schemas.android.com/apk/res/android"  >      <!-- Non focused states -->      <item android:state_focused= "false"  android:state_selected= "false"  android:state_pressed= "false"  android:drawable= "@drawable/contact"  />      <item android:state_focused= "false"  android:state_selected= "true"  android:state_pressed= "false"  android:drawable= "@drawable/contact_sel"  />      <!-- Focused states -->      <item android:state_focused= "true"  android:state_selected= "false"  android:state_pressed= "false"  android:drawable= "@drawable/contact_sel"  />      <item android:state_focused= "true"  android:state_selected= "true"  android:state_pressed= "false"  android:drawable= "@drawable/contact_sel"  />      <!-- Pressed -->      <item android:state_selected= "true"  android:state_pressed= "true"  android:drawable= "@drawable/contact_sel"  />      <item android:state_pressed= "true"  android:drawable= "@drawable/contact_sel"  /> </selector>

selector的java代码:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

StateListDrawable drawable =  new  StateListDrawable();          //Non focused states          drawable.addState( new  int []{-android.R.attr.state_focused, -android.R.attr.state_selected, -android.R.attr.state_pressed},                  getResources().getDrawable(R.drawable.contact));          drawable.addState( new  int []{-android.R.attr.state_focused, android.R.attr.state_selected, -android.R.attr.state_pressed},                  getResources().getDrawable(R.drawable.contact_sel));          //Focused states          drawable.addState( new  int []{android.R.attr.state_focused,-android.R.attr.state_selected, -android.R.attr.state_pressed},                  getResources().getDrawable(R.drawable.contact_sel));          drawable.addState( new  int []{android.R.attr.state_focused,android.R.attr.state_selected, -android.R.attr.state_pressed},                  getResources().getDrawable(R.drawable.contact_sel));          //Pressed          drawable.addState( new  int []{android.R.attr.state_selected, android.R.attr.state_pressed},                  getResources().getDrawable(R.drawable.contact_sel));          drawable.addState( new  int []{android.R.attr.state_pressed},                  getResources().getDrawable(R.drawable.contact_sel));                      TextView textView = (TextView) findViewById(R.id.TextView_title);                             textView.setCompoundDrawablesWithIntrinsicBounds( null , drawable,  null ,  null );

本文转自 glblong 51CTO博客，原文链接：http://blog.51cto.com/glblong/1208480，如需转载请自行联系原作者