风格和主题(style,themes)-优快云博客

当你设计你的程序的时候，你可以用风格和主题来统一格式化各种屏幕和UI元素。
* 风格( style)是一个包含一种或者多种格式化属性值的集合，你可以将其用为一个单位用在布局XML单个元素当中。比如，你可以定义一种风格来定义文本的字号大小和颜色，然后将其用在View元素的一个特定的实例。
* 主题( themes)是一个包含一种或者多种格式化属性值的集合，你可以将其为一个单位用在应用中所有的Activity当中或者应用中的某个Activity当中。比如，你可以定义一个主题，它为windowframe和panel的前景和背景定义了一组颜色，并为菜单定义可文字的大小和颜色属性，你可以将这个主题应用在你程序当中所有的Activity里。
风格和主题的相同点： 风格和主题都是资源。你可以用android提供的一些默认的风格和主题资源，你也可以自定义你自己的主题和风格资源。 风格和主题的区别： 不同的是你通过在AndroidManifest中定义的<application>和<activity>元素将主题添加到整个程序或者某个Activity， 但是主题是不能应用在某一个单独的View里。[然而好像主题的单项可应用在单独的View里] 如何新建自定义的风格和主题： 1.在res/values目录下，新建一个xml文件，对于风格文件名为style.xml，对于主题文件名为themes.xml。增加一个<resources>根节点。 2.对每一个风格和主题，给<style>element增加一个全局唯一的名字，也可以选择增加一个父类属性。在后边我们可以用这个名字来应用风格，而父类属性标识了当前风格是继承于哪个风格。 3.在<style>元素内部，申明一个或者多个<item>,每一个<item>定义了一个名字属性，并且在元素内部定义了这个风格的值。 4.你可以应用在其他XML定义的资源。 风格 下边是一个申明风格的实例： <?xmlversion="1.0"encoding="utf-8"?> <resources> <stylename="SpecialText"parent="@style/Text"> <itemname="android:textSize">18sp</item> <itemname="android:textColor">#008</item> </style> </resources> 如上所示，你可以用<item>元素来为你的风格定义一组格式化的值。在Item当中的名字的属性可以是一个字符串，一个16进制数所表示的颜色或者是其他资源的引用。 注意在<style>元素中的父类属性。这个属性让你可以能够定义一个资源，当前风格可以从这个资源当中继承到值。你可以从任何包含这个风格的资源当中继承此风格。通常上，你的资源应该一直直接或者间接地继承Android的标准风格资源。这样的话，你就只需要定义你想改变的值。 在这个例子当中的EditText元素，演示了如何引用一个XML布局文件当中定义的风格: 示例1： <EditTextid="@+id/text1" style="@style/SpecialText" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Hello,World!"/> 现在这个EditText组件的所表现出来的风格就为我们在上边的XML文件中所定义的那样。 主题 就像风格一样，主题依然在<style>元素里边申明，也是以同样的方式引用。 不同的是你通过在AndroidManifest中定义的<application>和<activity>元素将主题添加到整个程序或者某个Activity， 但是主题是不能应用在某一个单独的View里。 下边是申明主题的一个例子： <?xmlversion="1.0"encoding="utf-8"?> <resources> <stylename="CustomTheme"> <itemname="android:windowNoTitle">true</item> <itemname="windowFrame">@drawable/screen_frame</item> <itemname="windowBackground">@drawable/screen_background_white</item> <itemname="panelForegroundColor">#FF000000</item> <itemname="panelBackgroundColor">#FFFFFFFF</item> <itemname="panelTextColor">?panelForegroundColor</item> <itemname="panelTextSize">14</item> <itemname="menuItemTextColor">?panelTextColor</item> <itemname="menuItemTextSize">?panelTextSize</item> </style> </resources> 注意我们用了@符号和？符号来应用资源。@符号表明了我们应用的资源是前边定义过的(或者在前一个项目中或者在Android框架中)。问号？表明了我们引用的资源的值在当前的主题当中定义过。通过引用在<item>里边定义的名字可以做到(panelTextColor用的颜色和panelForegroundColor中定义的一样)。这中技巧只能用在XML资源当中。 在manifest当中设置主题 为了在成用当中所有的Activity当中使用主题，你可以打开AndroidManifest.xml文件，编辑<application>标签，让其包含android:theme属性，值是一个主题的名字，如下： <applicationandroid:theme="@style/CustomTheme"> 如果你只是想让你程序当中的某个Activity拥有这个主题，那么你可以修改<activity>标签。 Android中提供了几种内置的资源，有好几种主题你可以切换而不用自己写。 比如你可以用对话框主题来让你的Activity看起来像一个对话框。在manifest中定义如下： <activityandroid:theme="@android:style/Theme.Dialog"> 如果你喜欢一个主题，但是想做一些轻微的改变，你只需要将这个主题添加为父主题。比如我们修改Theme.Dialog主题。 我们来继承Theme.Dialog来生成一个新的主题。 <stylename="CustomDialogTheme"parent="@android:style/Theme.Dialog"> 继承了Theme.Dialog后，我们可以按照我们的要求来调整主题。我们可以修改在Theme.Dialog中定义的每个item元素的值，然后我们在AndroidManifest文件中使用CustomDialogTheme而不是Theme.Dialog。 在程序当中设置主题 如果需要的话，你可以在Activity当中通过使用方法setTheme()来加载一个主题。 注意，如果你这么做的话，你应该初始化任何View之前设置主题。 比如，在调用setContentView(View)和inflate(int,ViewGroup)方法前。 这保证系统将当前主题应用在所有的UI界面。例子如下： protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); ... setTheme(android.R.style.Theme_Light); setContentView(R.layout.linear_layout_3); } 如果你打算在程序代码中来加载主界面的主题，那么需要注意主题当中不能包括任何系统启动这个Activity所使用的动画，这些动画将在程序启动前显示。 在很多情况下，如果你想将主题应用到你的主界面，在XML中定义似乎是一个更好的办法。 引用主题属性的属性值 其他种类的资源可以引用当前主题的。这些属性只能是样式资源或XML属性。利用这种方法，您可以定制您的UI界面，使其与当前主题保持风格上的统一。 下面的例子展示了如何使用系统主题设置布局器中的文本颜色 示例1: <div style="line-height:25px; color:rgb(51,102,255)"> <EditText</div> <div style="line-height:25px; color:rgb(51,102,255)"> android:id="@+id/editText1"</div> <div style="line-height:25px"> xmlns:android="http://schemas.android.com/apk/res/android" </div> <div style="line-height:25px; color:rgb(51,102,255)"> android:layout_width="fill_parent" android:layout_height="fill_parent"</div> <div style="line-height:25px"> android:textColor="?android:textColorSecondary" </div> <div style="line-height:25px"> android:text="@string/hello" /></div> 注意：引用主题属性的方法和引用资源的方法很相似，仅仅是用“？”替代了“@”。当您使用这个标记，你所提供的资源名必须能够在主题属性中找到，因为资源工具认为这个资源属性是被期望得到的。 <div style="line-height:25px"> android:textColor="?android:textColorSecondary"的准确含义是把控件的android:textColor属性的值设置为当前主题的android:textColorSecondary属性的值。 </div> <div style="line-height:25px">如果进行完整形式的声明话，其形式就是?android:attr/android:textDisabledColor，如示例2. <div style="line-height:25px"> <div style="line-height:25px"> <div style="line-height:25px">引用主题属性的其命名语法和 “@” 相似致：?[namespace:]type/name，因为这里类型type始终是attr，所以这里类型type是可省略的。</div> <div style="line-height:25px">另外命名空间也可以省略，这时表示的是当前主题，否则表示的是该命名空间所对应的应用程序的主题。</div> </div> <div style="line-height:25px"> <div style="line-height:22px"> 示例2：</div> <div style="line-height:25px"> <div style="line-height:22px"><EditText</div> <div style="line-height:22px"> android:id="@+id/editText2"</div> <div style="line-height:22px"> xmlns:android="http://schemas.android.com/apk/res/android" </div> <div style="line-height:22px">android:layout_width="fill_parent" android:layout_height="fill_parent"</div> <div style="line-height:22px"> android:textColor="?android:attr/android:textColorSecondary" </div> <div style="line-height:22px">android:text="@string/hello" /></div> <div style="line-height:22px">示例3：</div> <div style="line-height:25px"> <div style="line-height:25px; color:rgb(51,102,255)"> <EditText</div> <div style="line-height:25px; color:rgb(51,102,255)"> android:id="@+id/editText3"</div> <div style="line-height:25px"> xmlns:android2="http://schemas.android.com/apk/res/android" </div> <div style="line-height:25px; color:rgb(51,102,255)"> android:layout_width="fill_parent" android:layout_height="fill_parent"</div> <div style="line-height:25px"> android:textColor="?android2:attr/android:textColorSecondary" </div> <div style="line-height:25px; color:rgb(51,102,255)"> android:text="@string/hello" /></div> </div> </div> </div> </div> </div>