(4.1.20)android的样式(style)与主题(theme)

  • 创建样式style与主题theme的步骤是一样的
    • 1-style演示
    • 2-Theme演示
      • 2-1 在manifest当中设置主题
      • 2-2 在程序当中设置主题
  • 安卓自带的主题androidtheme
  • 安卓主题的常用属性

在Web开发中,Html负责内容,CSS负责表现。同样,在Android开发中,可以使用Theme、Style+UI组件的方式实现内容和形式的分离。

Android上的Style分为了两个方面:

  1. Theme是针对窗体级别的,改变窗体样式;
  2. Style是针对窗体元素级别的,改变指定控件或者Layout的样式。

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

创建样式(style)与主题(theme)的步骤是一样的

  1. 在res/values 目录下新建一个名叫style.xml的文件。增加一个根节点。
  2. 对每一个样式和主题,给< style >element增加一个全局唯一的名字,也可以选择增加一个父类属性。在后边我们可以用这个名字来应用样式,而父类属性标识了当前风格是继承于哪个样式。
  3. 在< style >元素内部,申明一个或者多个< item >,每一个< item >定义了一个名字属性,并且在元素内部定义了这个样式的值。
  4. 你可以应用在其他XML定义的资源。

1-style演示

样式是一个包含一种或者多种格式化属性(这些属性往往就是那些控件或者布局的属性)的集合,你可以将其用为一个单位用在布局XML单个元素当中。比如,你可以定义一种样式来定义文本的字号大小和颜色,然后将其用在View元素的一个特定的实例

  • 定义一个styles,在res/values/目录下建立styles.xml:
<style name="mystyle" parent="AppBaseTheme">
        <item name="android:textSize">18sp</item>
        <item name="android:textColor">#ff0000</item>
    </style>
  • 在布局文件中引用style
<TextView
        style="@style/mystyle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />
  • 在程序中设置style
 text.setTextAppearance(this, R.style.mystyle);

2-Theme演示

主题是一个包含一种或者多种格式化属性的集合,你可以将其为一个单位用在应用中所有的Activity当中或者应用中的某个Activity当 中。比如,你可以定义一个主题,它为window frame和panel 的前景和背景定义了一组颜色,并为菜单定义可文字的大小和颜色属性,你可以将这个主题应用在你程序当中所有的Activity里。

就像风格一样,主题依然在< style >元素里边申明,也是以同样的方式引用。不同的是你通过在Android Manifest中定义的< application >和< activity >元素将主题添加到整个程序或者某个 Activity,但是主题是不能应用在某一个单独的View里。

  • theme的style可以定义在styles.xml中,也可以单独定义在自己新建的themes.xml:
    注意我们用了@符号和?符号来应用资源。@符号表明了我们应用的资源是前边定义过的(或者在前一个项目中或者在Android 框架中)。问号?表明了我们引用的资源的值在当前的主题当中定义过。通过引用在里边定义的名字可以做到(panelTextColor 用的颜色和panelForegroundColor中定义的一样)。这中技巧只能用在XML资源当中。
<?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>

2-1 在manifest当中设置主题

  • 如果整个工程用一个主题就在application 标签中定义
android:theme="@style/myTheme"
  • 如果你只是想让你程序当中的某个Activity拥有这个主题,就在activity标签中定义
<activity android:name=".Activity" android:theme="@style/Activity.Basic"/>

Android中提供了几种内置的资源,有好几种主题你可以切换而不用自己写。比如你可以用对话框主题来让你的Activity看起来像一个对话框。在manifest中定义如下:


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

如果你喜欢一个主题,但是想做一些轻微的改变,你只需要将这个主题添加为父主题。比如我们修改Theme.Dialog主题。我们来继承Theme.Dialog来生成一个新的主题。

 <style name="CustomDialogTheme" parent="@android:style/Theme.Dialog">

继承了Theme.Dialog后,我们可以按照我们的要求来调整主题。我们可以修改在Theme.Dialog中定义的每个item元素的值,然后我们在Android Manifest 文件中使用CustomDialogTheme 而不是 Theme.Dialog 。

2-2 在程序当中设置主题

如果需要的话,你可 以在Activity当中通过使用方法setTheme()来加载一个主题。注意,如果你这么做的话,你应该初始化任何View之前设置主题。比如,在调 用setContentView(View) 和inflate(int, ViewGroup)方法前。这保证系统将当前主题应用在所有的UI界面。例子如下:

 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 ...
 setTheme(android.R.style.Theme_Light);
 setContentView(R.layout.linear_layout_3);
}

如果你打算在程序代码中来加载主界面的主题,那么需要注意主题当中不能包括任何系统启动这个Activity所使用的动画,这些动画将在程序启动前显示。在很多情况下,如果你想将主题应用到你的主界面,在XML中定义似乎是一个更好的办法。

安卓自带的主题android:theme

下面的前三个之外直接复制就会出错。@是说明系统已经定义过的,@android:style/ 是必须带上的。

  • android:theme=”@android:style/Theme.Dialog” 将一个Activity显示为能话框模式
  • android:theme=”@android:style/Theme.NoTitleBar” 不显示应用程序标题栏
  • android:theme=”@android:style/Theme.NoTitleBar.Fullscreen” 不显示应用程序标题栏,并全屏
  • android:theme=”Theme.Light” 背景为白色
  • android:theme=”Theme.Light.NoTitleBar” 白色背景并无标题栏
  • android:theme=”Theme.Light.NoTitleBar.Fullscreen” 白色背景,无标题栏,全屏
  • android:theme=”Theme.Black” 背景黑色
  • android:theme=”Theme.Black.NoTitleBar” 黑色背景并无标题栏
  • android:theme=”Theme.Black.NoTitleBar.Fullscreen” 黑色背景,无标题栏,全屏
  • android:theme=”Theme.Wallpaper” 用系统桌面为应用程序背景
  • android:theme=”Theme.Wallpaper.NoTitleBar” 用系统桌面为应用程序背景,且无标题栏
  • android:theme=”Theme.Wallpaper.NoTitleBar.Fullscreen” 用系统桌面为应用程序背景,无标题栏,全屏
  • android:theme=”Translucent” 背景为透明
  • android:theme=”Theme.Translucent.NoTitleBar” 透明背景并无标题栏
  • android:theme=”Theme.Translucent.NoTitleBar.Fullscreen” 透明背景并无标题栏,全屏
  • android:theme=”Theme.Panel” 内容容器
  • android:theme=”Theme.Light.Panel” 背景为白色的内容容器

安卓主题的常用属性

  • 其他属性:可以在sdk查看: ..\sdk\platforms\android-7\data\res\values\themes.xml
  • 或者直接看继承的主题有的属性
<item name="android:windowFrame">@null</item> 
Dialog的windowFrame框为无

<item name="android:windowNoTitle">true</item>
是否显示标题栏

<item name="android:windowFullscreen">?android:windowNoTitle</item>
是否填充慢屏幕,往往引用android:windowNoTitle 的值 ?android:windowNoTitle,取决于android:windowNoTitle的值

 <item name="android:windowBackground">@android:color/transparent</item>   
 window的背景,注意是window

<item name="android:backgroundDimEnabled">false</item>:
背景是否模糊显示

android:windowIsFloating
是否浮现在activity之上

<item name="android:windowIsTranslucent">false</item>
是否半透明

android:windowContentOverlay

<item name="android:windowSoftInputMode">adjustPan</item>  
键盘弹出后界面的调整模式
activity主窗口与软键盘的交互模式,可以用来避免输入法面板遮挡问题,Android1.5后的一个新特性。
这个属性能影响两件事情:
【一】当有焦点产生时,软键盘是隐藏还是显示
【二】是否减少活动主窗口大小以便腾出空间放软键盘
它的设置必须是下面列表中的一个值,或一个”state…”值加一个”adjust…”值的组合。在任一组设置多个值——多个”state…”values,例如&mdash有未定义的结果。各个值之间用|分开。例如:<activity Android:windowSoftInputMode="stateVisible|adjustResize". . . >
值的含义:
【A】stateUnspecified:软键盘的状态并没有指定,系统将选择一个合适的状态或依赖于主题的设置
【B】stateUnchanged:当这个activity出现时,软键盘将一直保持在上一个activity里的状态,无论是隐藏还是显示
【C】stateHidden:用户选择activity时,软键盘总是被隐藏
【D】stateAlwaysHidden:当该Activity主窗口获取焦点时,软键盘也总是被隐藏的
【E】stateVisible:软键盘通常是可见的
【F】stateAlwaysVisible:用户选择activity时,软键盘总是显示的状态
【G】adjustUnspecified:默认设置,通常由系统自行决定是隐藏还是显示
【H】adjustResize:该Activity总是调整屏幕的大小以便留出软键盘的空间
【I】adjustPan:当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分

<item name="android:windowAnimationStyle">@style/Animation.Activity</item>   
activity的进出动画style
<style name="NotAnimation.Activity" parent="@android:style/Animation">
<item name="android:activityOpenEnterAnimation">@null</item>
<item name="android:activityOpenExitAnimation">@null</item>
<item name="android:activityCloseEnterAnimation">@null</item>
<item name="android:activityCloseExitAnimation">@null</item>
<item name="android:taskOpenEnterAnimation">@null</item>
<item name="android:taskOpenExitAnimation">@null</item>
<item name="android:taskCloseEnterAnimation">@null</item>
<item name="android:taskCloseExitAnimation">@null</item>
<item name="android:taskToFrontEnterAnimation">@null</item>
<item name="android:taskToFrontExitAnimation">@null</item>
<item name="android:taskToBackEnterAnimation">@null</item>
<item name="android:taskToBackExitAnimation">@null</item>
</style>

<item name="android:textViewStyle">@style/Widget.TextView.my</item>
自定义text风格
<style name="Widget.TextView.my" parent="@android:style/Widget.TextView">
<item name="android:typeface">sans</item>
</style>


 <item name="android:editTextStyle">@style/Widget.Edittext.my</item>
 自定义editext风格
<style name="Widget.Edittext.my" parent="@android:style/Widget.EditText">
<item name="android:textColorHint">#cccccc</item>
</style>


你可能感兴趣的:((4.1.20)android的样式(style)与主题(theme))