`
wenzongliang
  • 浏览: 449878 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Android主题theme和风格style总结

 
阅读更多

用到了Android的主题和风格,感觉很多地方需要总结和记录下来。其实主题和风格是有很大的作用的,特别是界面要求比较高的客户端。

Style:是一个包含一种或者多种格式化属性的集合,我们可以将其用为一个单位用在布局XML单个元素当中。比如,我们可以定义一种风格来定义文本的字号大小和颜色,然后将其用在View元素的一个特定的实例。 

如何定义style
style也属于resource,所以要在resource下定义,就像定义string,color一样
定义style,需要指定name,style通常包含一个或多个item,每个item的name是android view的属性的名字,值则是对应相关属性的值

style的继承

可以给style指定parent,从而可以继承和覆盖parent style的属性,parent取值是另外一个style,如果是继承自自己定义的style,只需要在命名style时增加前缀,这个前缀就是即将继承的style的名字

例如CodeFont是一个自己定义的style,那么下面的style,CodeFont.Red,则继承了CodeFont,只是文本的颜色修改成了红色

  1. <style name="CodeFont.Red"> 红色  
  2.         <item name="android:textColor">#FF0000</item>   
  3.  </style>  
  4.  <style name="CodeFont.Red.Big">  红色,并且大字体  
  5.         <item name="android:textSize">30sp</item>   
  6.  </style>  

也可以继承平台的style,可继承的样式请参照绍docs/guide/topics/ui/themes.html#PlatformStyles

  1. <style name="CodeFont" parent="@android:style/TextAppearance">   

如果父样式的值不符合你的需求,你也可以对它进行修改,和CSS中的覆盖效果一样,都是以最后的为准,  

在style中可以定义的属性
都有哪些属性在style的定义里是有效的呢?具体请参考docs/reference/android/R.attr.html
在view上使用style时,对view有效的属性起作用,无效的则会忽略
有一些属性对view无效,只对theme有效,在R.attr定义中以window开头的一些属性只对theme有效

style的使用
如果给view指定style,那么这个style只对该view有效
如果给viewgroup指定style,那么viewgroup下的元素也不会应用这个style,除非特别指定
给view指定style时,没有android:前缀,而只是style

下面是具体用法:

首先在res/values下新建一style.xml文件:

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <style name="TitleStyle">  
  4.         <item name="android:textSize">18sp</item>  
  5.         <item name="android:textColor">#ec9237</item>  
  6.     </style>  
  7.     <style name="Title" parent="@style/TitleStyle">  
  8.         <item name="android:textSize">5sp</item>  
  9.     </style>  
  10. </resources>  

在layout.xml中的应用:

  1. <EditText android:layout_height="wrap_content"   
  2.     android:text="EditText"   
  3.     style="@style/Title"  
  4.     android:layout_width="fill_parent"   
  5.     android:id="@+id/editText1"></EditText>  

其实style就像是一组属性的组合, 可以看做当在view中引用style时,是顺序执行style中的item里面的每个属性,对view进行设定而已。因为可能有多个view都是需要设置相同的属性,。所以把这些view的属性单独写出,提高重用性。 

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

定义一个主题:

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <style name="theme1">  
  4.         <item name="android:windowNoTitle">true</item>  
  5.         <item name="android:windowFullscreen">?android:windowNoTitle</item>  
  6.     </style>  
  7. </resources>  

下面代码显示在AndroidManifest.xml中如何为应用设置上面定义的主题:

  1. <application android:icon="@drawable/icon" android:label="@string/app_name"    
  2.     android:theme="@style/theme1">    
  3.     <activity android:name=".MessageShowActivity" android:label="@string/app_name"    
  4.         android:windowSoftInputMode="adjustPan" android:screenOrientation="portrait"    
  5.         android:theme="@style/theme2">    
  6.     </activity>    
  7. </application>  

除了可以在AndroidManifest.xml中设置主题,同样也可以在代码中设置主题,如下:

setTheme(R.style.theme1);

注意:我们用了@符号和?符号来应用资源。@符号表明了我们应用的资源是前边定义过的(或者在前一个项目
中或者在Android 框架中)。问号?表明了我们引用的资源的值在当前的主题当中定义过。

style和theme的区别:

尽管在定义上,样式和主题基本相同,但是它们使用的地方不同。样式用在单独的View,如:EditText、TextView等;主题通过AndroidManifest.xml中的<application>和<activity>用在整个应用或者某个 Activity,主题对整个应用或某个Activity存在全局性影响。如果一个应用使用了主题,同时应用下的view也使用了样式,那么当主题与样式属性发生冲突时,样式的优先级高于主题。

另外android系统也定义了一些主题,例如:

<activity android:theme="@android:style/Theme.Dialog">,该主题可以让Activity看起来像一个对话框,

<activity android:theme="@android:style/Theme.Black.NoTitleBar">Variant of the light theme with no title bar,系统自带的黑色主题。如果需要查阅这些主题,可以在文档的reference-->android-->R.style 中查看。

 

 

 

系统自带的Theme:
android以及为我们定义好了一些theme,需要是我们直接可以拿来使用。
常用的Theme通常如下:
 android:theme="@android:style/Theme.Dialog"将一个activity显示为对话框模式
 android:theme="@android:style/Theme.NoTitleBar"不显示应用程序标题栏
 android:theme="@android:style/Theme.NoTitleBar.Fullscreen"不显示应用程序标题栏,并全屏
 android:theme="@android:style/Theme.light"背景为白色
 android:theme="@android:style/Theme.light.NoTitleBar" 白色背景,无标题栏
 android:theme="@android:style/Theme.light.NoTitleBar.Fullscreen" 白色背景,无标题栏,全屏
 android:theme="@android:style/Theme.Black"背景为黑色
 android:theme="@android:style/Theme.Black.NoTitleBar" 黑色背景,无标题栏
 android:theme="@android:style/Theme.Black.NoTitleBar.Fullscreen" 黑色背景,无标题栏,全屏

  android:theme="@android:style/Theme.Wallpaper"用系统桌面为应用程序背景
  android:theme="@android:style/Theme.Wallpaper.NoTitleBar" 用系统桌面为应用程序背景
,无标题栏
  android:theme="@android:style/Theme.Wallpaper.NoTitleBar.Fullscreen" 用系统桌面为应用程序背景
,无标题栏,全屏

定义自己的Theme:
Theme的写法和style很相似,也为:
<style name="MyTheme"[parent="PARENT"]>
<item name="[ATTR]">[VALUE]</>
</style>

Theme的属性在Android的文档中并没有介绍,不过我们可以从系统自带的theme中对其进行了解:
一下是我们从android系统本身所带的theme.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="windowFloating">false</item>

<item name="windowBackground">@android:drawable/screen_background_dark</item>


 

分享到:
评论

相关推荐

    Android中应用界面主题Theme使用方法和页面定时跳转应用

    在Android SDK中内置了下面的Theme,可以按标题栏Title Bar和状态栏Status Bar是否可见来分类: 代码如下: android:theme=”@android:style/Theme.Dialog” 将一个Activity显示为能话框模式 android:theme=”@...

    Android中自定义对话框(Dialog)的实例代码

    1.修改系统默认的Dialog样式(风格、主题)2.自定义Dialog布局文件3.可以自己封装一个类,继承自Dialog或者直接使用Dialog类来实现,为了方便以后重复使用,建议自己封装一个Dialog类 第一步: 我们知道Android...

    透明与窗体的设置

    PS1:如果只是将Acticity显示为默认的Dialog, 跳过第一步,只需要在manifest文中增加属性:android:theme="@android:style/Theme.Dialog"或者在程序中增加setTheme(android.R.style.Theme_Dialog). PS2:其他创建...

    Android插件

    CheckStyle-IDEA 是一个检查代码风格的插件,比如像命名约定,Javadoc,类设计等方面进行代码规范和风格的检查,你们可以遵从像Google Oracle 的Java 代码指南 ,当然也可以按照自己的规则来设置配置文件,从而有效...

    AlertDialogPro-holo和material 两种风格的对话框.zip

    2.holo风格的dialog包含两种holo:Theme.AlertDialogPro.Holo和Theme.AlertDialogPro.Holo.Light只需在style文件中加入alertDialogProTheme属性:&lt;style name="AppTheme" parent="AppBaseTheme"&gt;  ...  ...

    Android典型技术模块开发详解

    9.1.1 风格style 9.1.2 主题Theme 9.2 View的绘制 9.3 Tween Animation 9.3.1 Alpha动画 9.3.2 Scale动画 9.3.3 Translate动画 9.3.4 Rotate动画 9.4 Frame Animation 9.5 动画组件——ViewAnimator 9.5.1 ...

    java翻牌源码-Flywith24-Theme-demo:主题演示

    没有统一的设计风格;第二个便是开发者在开发过程中编码的不规范 Android Dev Summit '19 有一场关于 Style 与 Theme 的演讲,它的 我为你整理了每个主题所在的位置 时间 内容 02:14 Styling vs Theme 08:55 Theme...

    Android自定义状态栏颜色与APP风格保持一致的实现方法

    我们知道iOS上的应用,状态栏的颜色总能与应用标题栏...1.在xml中设置主题或自定义style; Theme.Holo.Light.NoActionBar.TranslucentDecor Theme.Holo.NoActionBar.TranslucentDecor &lt;style name=AppTheme parent

    xmljava系统源码-ScoopsDemo:多主题风格代码demo,实时更新,欢迎starfork

    多主题风格代码demo 本文属代码GG原创,非经本人同意,禁止转载。 需要交流,联系微信:code_gg_boy 更多精彩,时时关注微信公众号code_gg_home ##基本用法 简要说明  Scoops是一个android应用库,主要解决的是多...

    超有用的安卓学习材料9

    81、android多activity退出整个程序的一个实现 188 82、android anim 189 ...84、布局中的属性 201 85、ImageView的属性android:...89、Android 风格与主题(style and theme) 206 90、java用反射得到对象的属性值 209

    Android:安卓应用

    style name="MiEstilo" parent="@android:style/TextAppearance.Medium"&gt; match_parent wrap_content #00FF00 monospace &lt;/style&gt; 用: 当您有 TextView 或其他: &lt;TextView xss=removed&gt;&lt;style name=...

    LCRapidDevelop-master

    # RapidDevelop-Android快速开发框架 - 框架持续更新中 - 这个框架是从平时项目里用的比较多的框架里整合而来 - 对本项目感兴趣的可以一起研究喜欢的朋友欢迎star - 同时也欢迎大家的宝贵意见issues - 如果大家...

Global site tag (gtag.js) - Google Analytics