看完后彻底搞清楚Android中的 Attr Style Theme

Posted Android开发者家园

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了看完后彻底搞清楚Android中的 Attr Style Theme相关的知识,希望对你有一定的参考价值。

类别:android

tip:内容有点长,建议认真阅读


相信这三个词对于Android开发者来说是十分熟悉了,那么你对他们到底有多了解呢?

回忆起我刚开始接触Android的时候对这三个词有一些迷惑,有些时候只知道一些基本的使用,总之是有迷惑把。不能说的很清楚!

今天就来仔细说说这三个词,总的说来 attr、style、theme都是用来表达样式风格的,只是范围不一样。下面我们来具体的一个一个的说明。

本来写的时候没想多会牵扯这么多内容,因为在写的过程,考虑到很细,想要写的尽可能全面,让“0基础的朋友”也可以看懂,所有写着写着就很长了,建议收藏后慢慢看!耐心看到最后!

有什么问题也可以加我好友交流

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

Attr基本概念

Attr :单词的意思是属性的意思(但是这里的属性和xml控件中的属性不是一个意思,不要混淆!Attr说是属性只是说的是它的单词的意思是属性),我们是通过Attr文件来定义我们控件中所使用的属性的,这样说可能大家会有一迷惑,那么来举个栗子:

比如我们在控件中最多使用的 layout_width 属性

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

layout_width

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

layout_width

这个属性就是在Attr里面定义的,那么如何来查找这个属性呢?看图片

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

Attribute位置

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

Attribute位置

View属性

看到上面的图片,我们可以看到在Android的sdk中给我们建立了一个attr文件,
这里面就是定义了我们在控件中用到的属性。我们再到Android的SDK给我们定义的 attr 文件中去看看

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

图片view

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

view

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

view

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

view

上面的属性是为view这个控件定义的属性,看注释介绍的很清楚,这是为View和他的子类提供的属性组,也就是说这里面的属性都可以用在view和它的子类中,使用。看到这里面的属性是不是很眼熟啊,这里面的属性是不是我们在写布局的时候都有用到过啊。

TextView属性

再来看看Android SDK为TextView定义的属性组

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

TextView 属性

等等,我们用到的控件在这里都有对应的属性进行声明。看到这里是不是明白了attr的意思了,attr其实就是一个文件,这里面定义了我们的控件中所使用的属性。

具体的说一下attr的一些知识

如何定义attr?

我们首先来看看Android的官方属性是如何进行定义了

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

TextView属性定义

我们看到首先声明了一组属性,取了一个名字叫 TextView,然后在这里面定义了一系列的属性。

我在这里总结了属性的定义格式:

1   <declare-styleable name="TextView">         2  <attr  name ="属性1" format = "这个属性的取值格式">            3  <enum name="取值1" value="程序中对应的值"/>               <enum name="取值1" value="程序中对应的值"/>               <enum name="取值1" value="程序中对应的值"/>               <enum name="取值1" value="程序中对应的值"/>            4  <flag name="取值1" value="程序中对应的值" />               <flag name="取值2" value="程序中对应的值" />               <flag name="取值3" value="程序中对应的值" />    </declare-styleable>

其中3和4是可以省略的, format也是可以省略的(我们之所以自定义属性,一般就是在自定义View中使用,如果省略了format的话只是在布局中我们使用这个属性的时候没有提示,只要在布局中填的属性内容和你的 java 文件的取值对应就没问题,不过还是建议format要定义好,这样更清晰不容易乱)3就是我们提前给这个属性设置了几个值,可以直接在这几个值中取。与4的区别就是:flag可以在布局文件中这样使用 取值1|取值2 也就是说可以取多个值。
例子:

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

layout_width定义

这里就是我们常用的layout_width的定义方式:看到我们可以将layout_width的值设置为fill_parent或者match_parent或wrap_content或者自己填写大小。

而textStyle 我们的取值就可以是多个了,就不再多介绍了。
好了,下面我们可以自己来定义属性了。

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

自定义属性

重点来介绍format里面的一些值
fraction:百分数
例子: <attr name = "xshow" format= "fraction"/>
使用:
app:xshow = "70%"
reference : 指定某一资源ID
例子: <attr name = "backgroundresourece" format = "reference"/>
使用 : app:backgroundresourece = "@drawable/id"
别的格式基本上就是见名知意,就不再介绍了。

属性的取值

在某些情况下,我们可能想让某个属性取另一个属性的值,这样说可能不太好懂。看例子!

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

test_attr

上图是我自己定义的一个属性,在我的布局中有一个TextView,我想让Text的内容取test_attr的内容,怎么办呢?

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

textView中使用test_attr属性

没错就是 ?attr/属性名字 这样就是取 test_attr这个属性的值,如果test_attr是
android里面的attr值呢?那么引入方式就是 :?android:attr/属性名字 或者 省去attr 
以上的操作都有一个前提:

attr的值只有在theme中被赋值才有效(否则这样取值的结果就是程序报错,注意在有些主题中有些属性给了默认值,这个时候引用就没有错,但是如果没有默认值,而你又没有在主题中给定义上那样就会出错了),也就是说必须在清单文件中的 Application或者 Activity中设置 Theme,并且Theme指向的属性有值才可以引用attr的值,在单独的控件中使用 android:Theme 或者 app:theme添加样式是没有用的!

obtainStyledAttributes详细说明

在自定义View中获取我们自定义的attr的值,一般大家都会这样写:

TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.属性组名称, defStyleAttr, defStyleRes); a.getXX(R.styleable.XX_xxx); a.recycle();

关于方法obainStyledAttributes()

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

obainStyledAttributes

我们可以看到这个方法是存在在Context中的方法,最终调用的是getTheme()里面的方法,所以我们有的时候看到 context.obainStyledAttributes和context.getTheme().obainStyledAttributes是其实一样的。

下面来仔细说说这个方法:

我们可以看到

     public final TypedArray obtainStyledAttributes(AttributeSet set, @StyleableRes int[] attrs) {            return getTheme().obtainStyledAttributes(set, attrs, 0,0);      }  

最终是调用的是这个

   public TypedArray obtainStyledAttributes(AttributeSet set,@StyleableRes int[] attrs, @AttrRes int defStyleAttr, @StyleRes int defStyleRes) {            return mThemeImpl.obtainStyledAttributes(this, set, attrs, defStyleAttr, defStyleRes);    }

我们就来说一说这个方法简单来说这个方法就是返回一个TypedArray对象(理解为用来存放属性值的数组),里面的参数
set:一个和xml中的标签关联的存放属性的集合,int[] 就是我们要在xml中读取的属性。

defStyleAttr:当前主题中的一个属性,其中包含对为TypedArray提供默认值的样式资源的引用。可以为0以不寻找默认值。

defStyleRes:是具体的style资源。为TypedArray提供默认值的样式资源的资源标识符,仅当defStyleAttr为0或在主题中找不到时才使用。 可以为0以不寻找默认值。

这么说起来可能有点迷糊,来一个例子保证你立马领悟!

首先我在attrs中定义一组属性

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

图片myview1定义属性

其中的 attr_defStyle 属性名,就是我定义的defStyleAttr用obtainStyledAttributes中作为参数。

然后自己定义style和Theme

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

Theme

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

图片 stylemy

我在上面的注释中已经写得很清楚了,就不多解释了。

然后再自定义View

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

图片自定义view

其中第一个构造方法一般就是Java代码中new 控件的使用,第二个构造方法就是在解析xml中控件生成view的时候调用了。

可以看到我在 第二个构造方法中是这样写的
this(context, attrs, R.attr.attr_defStyle);
其中 R.attr.attr_defStyle 就是定义的 defStyleAttr,在自己定义的Theme中给它附了值(这样就解释了前面说的,它是当前主题中的一个属性,包含了对style(style_attr_defStyleAttr)的引用)

R.style.style_defStyleRes就很好解释了,就是一个style资源引用。

再来看看布局页面

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

xml布局文件

在布局文件中给它设置了text1属性,和style,我们来看一看程序运行的结果

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

默认属性全部全了

看到这个运行结果就得出结论了,关于属性的取值是由顺序的

1.优先取在布局中给定的值
2.在布局中设置的style中的值
3.从defStyleAttr和defStyleRes中取值,注意如果 defStyleAttr有值,则不再去defStyleResult中的值,就算defStyleAttr有的属性没有赋值。(具体看上面的打印结果)
4.Theme中设置的属性

注意 defStyleAttr的值一定要在Theme中设置才有效果,就拿上面的例子说,如果你没有在Theme中给R.attr.attr_defStyle赋值,而是直接在布局文件中赋值,这样做是没有效果的。

做了上面的介绍,我们再来看看系统是怎么做的,随便看一个button控件

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

button构造方法

我们看到 button 的构造方法的defStyleAttr传的是com.android.internal.R.attr.buttonStyle属性,这个属性我们在系统的attr中找到

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

buttonstyle

这就是系统定义的默认属性buttonStyle

我们再来看看系统Theme是怎么给它附的值

看完后彻底搞清楚Android中的 Attr 、 Style 、Theme

buttonTheme

这里给了一个指引,指向了一个style

buttonstyle1

所以我们的button就在不同的主题中有了默认的样式。看看系统的定义是不是和我们定义的很相像啊!
现在清楚了吗?建议还是多看看源码。

原创不易,希望大家能够尊重原创!

小知识点

<style name="MyStyle" parent="Widget.Button">   <item name="background">@drawable/btn_default_holo_light</item>   <item name="textAppearance">?attr/textAppearanceMediumInverse</item>   <item name="textColor">@color/primary_text_holo_light</item>   <item name="minHeight">48dip</item>   <item name="minWidth">64dip</item></style>

其中parent可以理解为 MyStyle 继承自 Widget.Button这种继承一般是继承系统的,而自己继承自己的style则是

<style name = "MyStyle.H">   <item -----></item></style>

是的这里使用. 表示H 继承自MyStyle

好了关于Attr的介绍就到这里,本来想一篇文章全部介绍完,结果写着写着就写多了,主要是考虑到许多基础问题,想要大家都能看的懂就写多了。剩下的style和theme估计篇幅也很大。写起来发现牵扯的知识点太多了,什么都想给大家介绍一下。


以上是关于看完后彻底搞清楚Android中的 Attr Style Theme的主要内容,如果未能解决你的问题,请参考以下文章

一篇文章让你彻底搞清楚Python中self的含义

一文彻底搞清Gradle依赖

转:彻底搞清楚javascript中的requireimport和export

一文彻底带你搞清楚LinkedList,通俗易懂

一文彻底带你搞清楚LinkedList,通俗易懂

一文彻底带你搞清楚LinkedList,通俗易懂