Android学习笔记styletheme浅尝

   在应用程序开发中&＃xff0c;其中最重要的就是用户界面的设计&＃xff0c;一个好的应用必然有一个好的用户体验&＃xff0c;在Android OS中Style风格的设计是提高用户体验的关键技术之一。在Android中有两种方式的风格Style和Theme

   1. 什么是Style&＃xff1f;

   Style&＃xff1a;是为View和window定义其视觉与风格的属性集合。它遵循的是与Web设计中层叠样式设计非常相似的设计理念--将内容与风格分开&＃xff0c;如我们设计一个button&＃xff0c;我们可以将button这个控件我们将其功能与它的视觉效果分开设计。所以在定义Style文件时要与layout中.xml文件分开。一般我们保存在/res/values文件下。

   2. 什么是Theme&＃xff1f;

   Theme&＃xff1a;它是一种适用于整个Activity或者Application的Sytle&＃xff0c;也就是说Android所提供的两种Style&＃xff0c;style是应用在控件之上&＃xff0c;而theme是应用在整个窗体之上。

  Style的实现&＃xff1a;我们以自定义一个对话框为例&＃xff08;在API Demo里有很多很好的例子&＃xff09;效果如图&＃xff1a;

  首先我们要设计一个呈现给用户的对话框的风格&＃xff0c;这里通过xml画一个简单的图形&＃xff0c;在/res/drawble下建一个bg.xml文件&＃xff1a;

  <?xml version&＃61;"1.0" encoding&＃61;"utf-8"?><br><shape xmlns:android&＃61;"http://schemas.android.com/apk/res/android"><br><solid android:color&＃61;"#99cc33"/><br><stroke android:width&＃61;"3dp" color&＃61;"#ffff8080"/><br><corners android:radius&＃61;"3dp" <br>android:topLeftRadius&＃61;"20dp"/><br><padding android:left&＃61;"10dp" <br>android:top&＃61;"10dp"<br>android:right&＃61;"10dp" <br>android:bottom&＃61;"10dp" /><br></shape>

   这是一个简单的画图效果&＃xff0c;通过它我们可以设计我们的窗口风格&＃xff0c;从SDK文档中我们可以看到它所有的属性&＃xff1a;

  <?xml version&＃61;"1.0" encoding&＃61;"utf-8"?><br><shape xmlns:android&＃61;"http://schemas.android.com/apk/res/android"<br>android:shape&＃61;["rectangle" | "oval" | "line" | "ring"] ><br><gradient<br>android:angle&＃61;"integer"<br>android:centerX&＃61;"integer"<br>android:centerY&＃61;"integer"<br>android:centerColor&＃61;"integer"<br>android:endColor&＃61;"color"<br>android:gradientRadius&＃61;"integer"<br>android:startColor&＃61;"color"<br>android:type&＃61;["linear" | "radial" | "sweep"]<br>android:usesLevel&＃61;["true" | "false"] /><br><solid<br>android:color&＃61;"color" /><br><stroke<br>android:width&＃61;"integer"<br>android:color&＃61;"color"<br>android:dashWidth&＃61;"integer"<br>android:dashGap&＃61;"integer" /><br><padding<br>android:left&＃61;"integer"<br>android:top&＃61;"integer"<br>android:right&＃61;"integer"<br>android:bottom&＃61;"integer" /><br><corners<br>android:radius&＃61;"integer"<br>android:topLeftRadius&＃61;"integer"<br>android:topRightRadius&＃61;"integer"<br>android:bottomLeftRadius&＃61;"integer"<br>android:bottomRightRadius&＃61;"integer" /><br></shape><br>

  在定义这个xml文件的时候需要注意一点就是shape必须为跟节点&＃xff0c;它主要属性为android:shape&＃xff0c;用来定义填充view的图形形状&＃xff1a;

             "rectangle" &＃xff1a;矩形

         "oval"           &＃xff1a;椭圆

         "line"            &＃xff1a;水平线

         "ring"            &＃xff1a;环形

  用来定义渐变颜色

  android:angle: 用来定义颜色渐变的角度&＃xff0c;为integer类型&＃xff0c;0表示从左到右&＃xff0c;90表示从下到上&＃xff0c;该值必须为45的倍数&＃xff1b;

  android:centerX:为渐变色中心相对X抽的位置范围从0到1.0,如果android&＃xff1a;type&＃61;"linear"时,该属性不可用&＃xff1b;

  android:centerY:为渐变色中心相对Y抽的位置范围从0到1.0,如果android&＃xff1a;type&＃61;"linear"时,该属性不可用&＃xff1b;

  android:centerColor:为可选值&＃xff0c;中间色用来分开开始与结束色.

  定义填充色

  定义边色以及边的形式为虚线还是实线以及粗细

  当shape为矩形时定义其四角为圆形角

以上简单介绍了下shape的应用&＃xff0c;在定义完装载我们的view的窗口后我们定义其风格&＃xff0c;在/res/values下建立一个styles.xml文件&＃xff0c;如下&＃xff1a;

 <?xml version&＃61;"1.0" encoding&＃61;"utf-8"?><br><resources><br><br><br></resources>

其中resources为根节点&＃xff0c;第一个定义了其应用程序的风格&＃xff0c;也就是activity的风格&＃xff0c;而这里我们继续了android中Dialog的风格&＃xff0c; name属性为我们定义的风格名称&＃xff0c;parent的值为继承的风格的位置&＃xff1b;

下有个item元素&＃xff0c;如第二个风格Text&＃xff0c;这个是我们建立的用来实现TextView的风格&＃xff0c;该下的元素item就是TextView的属性&＃xff0c;每个item对应一个属性&＃xff1b;

style样式的使用&＃xff1a;

layout布局文件下建立一个.xml文件&＃xff1a;

<TextView xmlns:android&＃61;"http://schemas.android.com/apk/res/android" <br>style&＃61;"&＃64;style/Text"<br>android:text&＃61;"This is a generic shape defined in XML.file location: res/drawable/filename.xml<br>The filename will be used as the resource ID. <br>compiled resource datatype: <br>Resource pointer to a ShapeDrawable. <br>resource reference: <br>In Java: R.drawable.filename<br>In XML: &＃64;[package:]drawable/filename <br>"/>

style&＃61;"&＃64;style/Text"就实现了其风格的引用&＃xff1b;

最后建立我们的Activity&＃xff1a;

import android.app.Activity;<br>import android.os.Bundle;<br>public class CustomDialogActivity extends Activity {<br>&＃64;Override<br>protected void onCreate(Bundle savedInstanceState) {<br>// TODO Auto-generated method stub<br>super.onCreate(savedInstanceState);<br>setContentView(R.layout.custom_dialog_activity);<br>}<br>}

最后需要在AndroidManifet.xml文件下加入风格&＃xff1a;

      android:theme&＃61;"&＃64;style/Theme.CustomDialog">

至此&＃xff0c;大概效果已经实现了&＃xff0c;许多详细的设计参考SDK文档。

-----------------------------------------------------------------------------------------水平有限&＃xff0c;错误之处还望指教&＃xff0c;谢谢~~