Android入门第十六篇之Style与Theme

最新推荐文章于 2021-11-25 17:10:29 发布

d_x_y123

最新推荐文章于 2021-11-25 17:10:29 发布

阅读量292

点赞数

分类专栏： android

本文链接：https://blog.csdn.net/d_x_y123/article/details/47450275

版权

android 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

越来越多互联网企业都在Android平台上部署其客户端，为了提升用户体验，这些客户端都做得布局合理而且美观.......Android的Style设计就是提升用户体验的关键之一。Android上的Style分为了两个方面：

Theme是针对窗体级别的，改变窗体样式； theme必须针对整个activity或者整个程序，你必须在AndroidManifest.xml中的<application>或者<activity>中定义。
如下：
```
<?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的名字为CodeFont。 parent后面就是父类的style， CodeFont继承这个父类的属性。可以看到这个父类的style是android中默认的，你也可以继承你自定义的style，这时候不需要再写parent属性，而是使用ContFont.red这样的方式，而且你可以继续继承，写成ContFont.red.small。接下来每一个item定义一个属性。定义属性的最好方法就是在api文档里找到这个view的xml属性，比如在EditText中有InputType这个属性，那么在你的style里面你就可以来定义它

这样一个style就写好了。

使用也非常简单，我们只要在写我们的view时，加入style标签就可以了，就像这样

    
    
     
     <
     
     TextView
    
     
     style
     
     ="@style/CodeFont"
     
     
    android:text
     
     ="@string/hello"
     
      
     
     />

下面讲讲主题，前面已经说了。主题需要在AndroidManifest.xml中注册。如果你想整个程序都使用这个主题，你可以这样写

    
    
     
     <
     
     application 
     
     android:theme
     
     ="@style/CustomTheme"
     
     >

如果你只需要在某个Activity中使用主题,那么只要在Activity标签中写入android:theme=就可以了，android有很多好的默认主题，比如

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

这就会使你的整个Activity变成一个对话框形式，或者，如果你希望背景是透明的，可以这样写

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

Style是针对窗体元素级别的，改变指定控件或者Layout的样式.

自定义theme，如下：

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <style name="CustomTheme">
 <item name="android:windowNoTitle">true</item>
 <item name="windowFrame">@drawable/screen_frame</item>
 <item name="windowBackground">@drawable/screen_background_white</item>
 <item name="panelForegroundColor">#FF000000</item>
 <item name="panelBackgroundColor">#FFFFFFFF</item>
 <item name="panelTextColor">?panelForegroundColor</item>
 <item name="panelTextSize">14</item>
 <item name="menuItemTextColor">?panelTextColor</item>
 <item name="menuItemTextSize">?panelTextSize</item>
 </style>
</resources>

如果你要在java代码中加载主题的话，只要用setTheme（R.style.CustomTheme）就可以了，不过记得一定要在初始化任何view之前，比如一定要放在我们常用的setContentView()之前。通常，我们不建议这么做。

在写程序布局的时候，熟练的使用style和theme是非常必要和有益的。

Android系统的themes.xml和style.xml(位于/base/core/res/res/values/)包含了很多系统定义好的style，建议在里面挑个合适的，然后再继承修改。

以下属性是在Themes中比较常见的，源自Android系统本身的themes.xml：

<item name="windowBackground">@android:drawable/screen_background_dark</item>
<item name="windowFrame">@null</item>
<item name="windowNoTitle">false</item>
<item name="windowFullscreen">false</item>
<item name="windowIsFloating">false</item>
<item name="windowContentOverlay">@android:drawable/title_bar_shadow</item>
<item name="windowTitleStyle">@android:style/WindowTitle</item>
<item name="windowTitleSize">25dip</item>
<item name="windowTitleBackgroundStyle">@android:style/WindowTitleBackground</item>
<item name="android:windowAnimationStyle">@android:style/Animation.Activity</item>
至于控件的Style设计就范围大多了，看看Eclipse的Android控件属性编辑器[Properties]就大概知道有哪些条目，而Android内置的style.xml也只是定义每个控件的默认样式而已....不过控件的style不建议大改，耐看的style更能让用户长时间使用软件。另外，控件的Style在很多情况下都用到9.png，学习9.png就必须到/base/core/res/res/drawable-hdpi里面看看，里面有很多系统内置的9.png 。

本文程序的themes.xml代码如下，自定义了WindowTitle：

<?xml version="1.0" encoding="UTF-8"?>
<resources>

<style name="Theme" parent="android:Theme.Light">
  <item name="android:windowFullscreen">true</item>
  <item name="android:windowTitleSize">60dip</item>
  <item name="android:windowTitleStyle">@style/WindowTitle</item>
</style>

<style name="WindowTitle" parent="android:WindowTitle">
  <item name="android:singleLine">true</item>
  <item name="android:shadowColor">#BB000000</item>
  <item name="android:shadowRadius">2.75</item>
</style>
</resources>

本文程序的styles.xml代码如下,background默认使用的是9.png,xml定义在/base/core/res/res/drawable/之下：

<?xml version="1.0" encoding="UTF-8"?>
<resources>
<style name="TextView">
  <item name="android:textSize">18sp</item>
  <item name="android:textColor">#008</item>
  <item name="android:shadowColor">@android:color/black</item>
  <item name="android:shadowRadius">2.0</item>
</style>

<style name="EditText"> //类似buttton的EditText
  <item name="android:shadowColor">@android:color/black</item>
  <item name="android:shadowRadius">1.0</item>
  <item name="android:background">@android:drawable/btn_default</item>
  <item name="android:textAppearance">?android:attr/textAppearanceMedium</item>
</style>

    <style name="Button"> //类似EditText的Button
        <item name="android:background">@android:drawable/edit_text</item>
        <item name="android:textAppearance">?android:attr/textAppearanceMedium</item>
    </style>
</resources>

main.xml代码如下：
1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="vertical" android:layout_width="fill_parent"
4. android:layout_height="fill_parent">
5. <TextView android:layout_width="fill_parent"
6. android:layout_height="wrap_content" android:text="@string/hello"
7. style="@style/TextView" />
8. <EditText android:id="@+id/EditText01" android:layout_height="wrap_content"
9. style="@style/EditText" android:layout_width="fill_parent"
10. android:text="类似Button的EditText"></EditText>
11. <EditText android:id="@+id/EditText02" android:layout_height="wrap_content"
12. android:layout_width="fill_parent" android:text="普通的EditText"></EditText>
13. <Button android:id="@+id/Button01" android:layout_height="wrap_content"
14. style="@style/Button" android:layout_width="fill_parent" android:text="类似EditText的Button"></Button>
15. </LinearLayout>

d_x_y123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android入门第十六篇之Style与Theme

越来越多互联网企业都在Android平台上部署其客户端，为了提升用户体验，这些客户端都做得布局合理而且美观.......Android的Style设计就是提升用户体验的关键之一。Android上的Style分为了两个方面：Theme是针对窗体级别的，改变窗体样式；Style是针对窗体元素级别的，改变指定控件或者Layout的样式.Android系统的themes.xml
复制链接

扫一扫