博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Android中Style和Theme的使用
阅读量:5955 次
发布时间:2019-06-19

本文共 5715 字,大约阅读时间需要 19 分钟。

Style:

Style是View中一些属性的集合,包括height,padding,font color,background等等,Style单独定义在xml文件中,类似与web页面中css的角色,将设计和内容分开,便于修改和重复使用。

 

定义Style:

style文件需要保存在res/values目录下,文件名任意,但是必须是xml文件,sytle文件的根标记必须是<resources>。写了一个简单示例,效果如下:

程序目录结构如下图,其中mystyle.xml是自定义的style文件。

 

main.xml文件代码:

[xhtml]
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout  
  3.     xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent">  
  6.     <TextView  
  7.         style="@style/CodeFont"  
  8.         android:text="测试style">  
  9.     </TextView>  
  10. </LinearLayout>  

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView style="@style/CodeFont" android:text="测试style"> </TextView> </LinearLayout>

 

声明style是CodeFont,对应的是style文件中的style name。mystyle.xml文件中定义了style name是CodeFont:

parent属性表示style之间可以继承,同时可以覆盖parent style的一些属性。

[xhtml]
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <style name="CodeFont" parent="@android:style/TextAppearance.Medium">  
  4.         <item name="android:layout_width">fill_parent</item>  
  5.         <item name="android:layout_height">wrap_content</item>  
  6.         <item name="android:textColor">#00FF00</item>  
  7.         <item name="android:typeface">monospace</item>  
  8.     </style>  
  9. </resources>  

<?xml version="1.0" encoding="utf-8"?> <resources> <style name="CodeFont" parent="@android:style/TextAppearance.Medium"> <item name="android:layout_width">fill_parent</item> <item name="android:layout_height">wrap_content</item> <item name="android:textColor">#00FF00</item> <item name="android:typeface">monospace</item> </style> </resources>  

 

Style的继承:

style继承有两种方式:

  • style的继承可以通过parent属性,用来继承android已经定义好的style,例如:
[xhtml]
  1. <style name="GreenText" parent="@android:style/TextAppearance">  
  2.     <item name="android:textColor">#00FF00</item>  
  3. </style>  

<style name="GreenText" parent="@android:style/TextAppearance"> <item name="android:textColor">#00FF00</item> </style>

 

继承了android中的TextAppearance,同时覆盖了android:textColor属性。

  • 如果要继承自定义的style,不需要通过parent属性,只要style的name以需要继承的style的name开始后跟新的style的name,中间用“.”隔开。注意:这种方式只适用与自定义的style继承
[xhtml]
  1. <style name="CodeFont.Red">  
  2.     <item name="android:textColor">#FF0000</item>  
  3. </style>  

<style name="CodeFont.Red"> <item name="android:textColor">#FF0000</item> </style>

 

新的style继承了CodeFont,则在修改上边例子中的main.xml为:

[xhtml]
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout  
  3.     xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent">  
  6.     <TextView  
  7.         style="@style/CodeFont.Red"  
  8.         android:text="测试style">  
  9.     </TextView>  
  10. </LinearLayout>  

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView style="@style/CodeFont.Red" android:text="测试style"> </TextView> </LinearLayout>

 

效果如下,字体颜色变为了红色:

style也可以多级继承:

[xhtml]
  1. <style name="CodeFont.Red.Big">  
  2.     <item name="android:textSize">30sp</item>  
  3. </style>  

<style name="CodeFont.Red.Big"> <item name="android:textSize">30sp</item> </style>

 

字号变大,效果如下:

sytle的更多属性见android包下的R.attr。需要注意,并不是所有的View都支持定义的style的属性,如果自定义的sytle中包含View不支持的属性,程序会自动忽略它。

 

 

Theme:

 

如果声明一个style作为Theme,需要配置mainfest文件中<activity> 或 <application>的android:theme 属性。

将自定义的style作为application的theme:

修改mystyle.xml为:

[xhtml]
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <style name="CodeFont">  
  4.         <item name="android:textSize">20sp</item>  
  5.         <item name="android:typeface">monospace</item>  
  6.     </style>  
  7. </resources>  

<?xml version="1.0" encoding="utf-8"?> <resources> <style name="CodeFont"> <item name="android:textSize">20sp</item> <item name="android:typeface">monospace</item> </style> </resources>  

 

在mainfest 的application中添加 android:theme属性:

[xhtml]
  1. <application android:icon="@drawable/icon"  
  2.       android:label="@string/app_name"  
  3.       android:theme="@style/CodeFont">  

<application android:icon="@drawable/icon" android:label="@string/app_name" android:theme="@style/CodeFont">  

 

则application中的所有text字体都会改变,效果如下:

在每个<activity>标签中使用android:theme属性:

[xhtml]
  1. <activity android:name=".MainActivity"  
  2.           android:label="@string/app_name"  
  3.           android:theme="@style/CodeFont">  

<activity android:name=".MainActivity" android:label="@string/app_name" android:theme="@style/CodeFont">

 

android:theme还可以配置android中已经存在的theme:

[xhtml]
  1. <activity android:theme="@android:style/Theme.Translucent">  

<activity android:theme="@android:style/Theme.Translucent">

 

如果想调整android已经定义好的theme,则可以通过自定义style来实现,例如:

[xhtml]
  1. <color name="custom_theme_color">#b0b0ff</color>  
  2. <style name="CustomTheme" parent="android:Theme.Light">  
  3.     <item name="android:windowBackground">@color/custom_theme_color</item>  
  4.     <item name="android:colorBackground">@color/custom_theme_color</item>  
  5. </style>  

<color name="custom_theme_color">#b0b0ff</color> <style name="CustomTheme" parent="android:Theme.Light"> <item name="android:windowBackground">@color/custom_theme_color</item> <item name="android:colorBackground">@color/custom_theme_color</item> </style>

 

效果如下:

关于在<activity>中android的Theme的详细使用见:

 

根据android版本选择主题:

 

在android新的版本中增加了新的theme,如果想在新版中利用新theme同时又兼容旧版本,可以通过配置两个theme文件实现,例如在res/values目录下配置sytle.xml文件:

[xhtml]
  1. <style name="LightThemeSelector" parent="android:Theme.Light">  
  2. </style>  

<style name="LightThemeSelector" parent="android:Theme.Light"> </style>

 

在res/values-11目录下配置文件style.xml:

[xhtml]
  1. <style name="LightThemeSelector" parent="android:Theme.Holo.Light" mce_bogus="1">  
  2. </style>  

<style name="LightThemeSelector" parent="android:Theme.Holo.Light" mce_bogus="1"> </style>

 

按照文档中说的在res下创建values-11目录,程序报错,需要找时间研究一下,说不定是android的一个bug。

 

使用Android提供的Style和Theme:

Android平台提供了大量的styles和themes,可以在android包中的R.style下找到,但是Android现在并未提供关于styles和themes的相关文档说明,具体可以参考 和 ,扫了一下,描述的很清楚。

转载地址:http://mfexx.baihongyu.com/

你可能感兴趣的文章
LXR安装过程简介
查看>>
Obez'yanka-Nol
查看>>
centos7静态IP设置
查看>>
ESXi ftpd安装
查看>>
js去掉空格和
查看>>
PSU更新之后是否更改数据库版本号呢
查看>>
一次应对PowerShell+WMI挖矿***的记录
查看>>
第一天 echo test (()) [[]]
查看>>
OSN2500
查看>>
分享一个NHibernate的博客链接
查看>>
Web开发中8个基础&&常见功能
查看>>
docker之快速部署gogs git
查看>>
jquery返回顶部效果
查看>>
tomcat下如何才能运行shtml文件?
查看>>
我的友情链接
查看>>
将gitee远程仓库抓取(克隆)到本地仓库
查看>>
模糊搜索cell效果
查看>>
Swift项目中不能定义OC类继承Swift类
查看>>
我的友情链接
查看>>
我的友情链接
查看>>