样式(Style)和主题(Theme)资源——样式资源

        样式和主题资源都是用于对Android应用进行“美化”的,只要充分利用Android应用的样式和主题资源,开发者可以开发出各种风格的Android应用。

        样式资源:

        如果我们经常需要对某个类型的组件指定大致相似的格式,比如字体、颜色、背景色等,如果每次都要为View组件重复指定这些属性,无疑会有大量的工作量,而且不利于项目后期的维护。

        类似于World、World也提供了样式来管理格式:一个样式等于一组格式的集合,如果设定某段文本使用某个样式,那么该样式的所有格式都会整体应用于这段文本。Android的样式与此类似,Android样式也包含一组格式,为一个组件设置某个样式时,该样式所包含的全部格式将会应用于该组件。

         提示:一个样式相当于多个格式的集合,其他UI组件通过style属性来指定样式,这就相当于把该样式包含的所有格式同时应用于该UI组件。

         Android的样式资源文件也放在/res/values 目录下,样式资源文件的根元素是<resources.../>元素,该元素内可包含多个<style.../>子元素,每个<style.../>元素定义一个样式。<style.../>元素指定如下两个属性。

  • name:指定样式的名称。
  • parent:指定该样式所继承的父样式。当继承某个父样式时,该样式将会获得父样式中定义的全部样式。当然,当前样式也可覆盖父样式中指定的格式。

      <style.../>元素内包含多个<item.../>子元素,每个<item.../>子元素定义一个格式项。

       例如为应用定义如下样式文件。

      程序清单:\res\values\my_style.xml

      

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 定义一个样式,指定字体大小、字体颜色 -->
   <style name="style1">
       <item name="android:textSize">20sp</item>
       <item name="android:textColor">#00d</item>
   </style>
   <!-- 定义一个 样式,继承前一个样式-->
   <style name="style2" parent="@style/style1" >
       <item name="android:background">#ee6</item>
       <item name="android:padding">8dp</item>
       <!-- 覆盖样式中指定的属性 -->
       <item name="android:textColor" >#000</item>
   </style>
</resources>

上面的样式资源只能怪定义了两个样式,其中第二个样式继承了第一个样式,而且第二个样式中的textColor属性覆盖了父样式中的textColor属性。

    一旦定义了上面的样式资源之后,接下来就可以在XML资源中按如下语法格式来使用样式了:

     @[<package_name>:]style/file_name

     下面是该示例中的界面布局文件,该布局文件中包含两个文本框,这两个文本框分别使用两个样式。

     

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
   >
  <!-- 指定使用style1的样式 -->
  <EditText android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:text="样式1的格式"
      style="@style/style1"/>
   <!-- 指定使用style2的样式 -->
   <EditText android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:text="样式2的格式"
       style="@style/style2"/>
</LinearLayout>

    上面的界面布局文件中并未为两个文本框指定任何格式,只是为它们分别指定了使用style1、style2的样式,这两个样式包含的格式就会应用到这两个文本框。运行上面的程序,将看到如图6.10所示的界面。

     

   

 

posted @ 2013-11-24 10:39  TealerProg  Views(672)  Comments(0Edit  收藏  举报