一、样式
样式是属性的集合,例如定义属性fontColor、fontSize、layout_width、layout_height等,以独立的资源文件存放在XML文件中,并设置样式的名称。
Android Style类似网页设计中的级联样式CSS设计思路,可以让设计与内容分离,并且可以方便的继承、覆盖、重用。
1.未使用Style
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- >
- <TextView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="#00FF00"
- android:text="@string/hello" />
- <TextView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="@string/hello" />
- <Button
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="@string/hello"
- />
- </LinearLayout>
下面看看,如何使用Style来改进。
2、使用Style
首先,在res/values/下创建Style XML资源文件,这里创建的Style资源文件名命名为styles.xml,这个可以自己自定义。
styles.xml内容如下:
- <?xml version="1.0" encoding="utf-8"?>
- <resources>
- <style name="wrap_content">
- <item name="android:layout_width">wrap_content</item>
- <item name="android:layout_height">wrap_content</item>
- </style>
- </resources>
使用样式:
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- >
- <TextView
- style="@style/wrap_content"
- android:textColor="#00FF00"
- android:text="@string/hello" />
- <TextView
- style="@style/wrap_content"
- android:text="@string/hello" />
- <Button
- style="@style/wrap_content"
- android:text="@string/hello"
- />
- </LinearLayout>
3、样式的继承
有两种方式来实现继承,一是通过style的parent属性,二是使用类似CSS中的命名规则来实现。
一、通过parent属性
修改styles.xml
- <?xml version="1.0" encoding="utf-8"?>
- <resources>
- <style name="wrap_content">
- <item name="android:layout_width">wrap_content</item>
- <item name="android:layout_height">wrap_content</item>
- </style>
- <style name="inherit" parent="wrap_content">
- <item name="android:textColor">#00FF00</item>
- </style>
- </resources>
引用方式:style="@style/inherit"
二、通过命名规则实现
- <?xml version="1.0" encoding="utf-8"?>
- <resources>
- <style name="wrap_content">
- <item name="android:layout_width">wrap_content</item>
- <item name="android:layout_height">wrap_content</item>
- </style>
- <style name="wrap_content.inherit">
- <item name="android:textColor">#00FF00</item>
- </style>
- </resources>
引用方式:style="@style/wrap_content.inherit"
二、主题
针对应用中所有Activity或者针对某个Activity设置样式,可以通过编辑AndroidManifest.xml来完成。
1.设置应用中所有Activity活动的主题
- <application android:theme="@style/wrap_content">
2.设置某个指定的Activity主题
- <activity android:theme="@style/wrap_content">
另外,android提供了许多自带的主题样式。例如Theme.Dialog、Theme.Translucent等等。使用方式也很简单
- <activity android:theme="@android:style/Theme.Dialog">
主题属性参数:http://android.toolib.net/reference/android/R.styleable.html#Theme
样式与主题参考:http://android.toolib.net/guide/topics/ui/themes.html