可以看到 QQ 上的 ToolBar 其实就是一个自定义的 view,可以看到不同的界面就是简单地修改了文字而已,在第二张与第三张尤其的明显,我们就仿 QQ 的这个 Toolbar 设置一个自定义控件
在开始之前,首先了解一下官方是如何实现一个控件的,比如说一个 Linearlayout
它不是有 layout_width 和 layout_height 这两个属性吗?其实,这两个属性就是官方定义的
官方的操作其实就是继承了一个 ViewGroup,Linearlayout 相当于一个自定义 View,其中的方法我们也不用深究,我们打开 Path 的那个路径,可以找到一个 atts.xml 文件,打开我们可以在里面看到定义了 Linearlayout 关于 layout 的属性,有 layout_width 和 layout_height 这几个属性,看到这里我们也就明白了我们在布局文件中引用要使用的属性
正文开始,我们讲解一个自定义控件的步骤:
先将模式切换为 project 模式
新建一个 moudle
修改相关包名,库名
这里选择第一个,也就是不创建 activity 界面,之后点击 finish 就完成了
依次展开 Topbar->res->values,在 values 创建一个 atts.xml 文件
xml 文件代码如下:
xml version="1.0" encoding="utf-8"?>
name="Topbar">
name="title" format="string"/>
name="titleTextSize" format="dimension"/>
name="titleTextColor" format="color"/>
name="leftTextColor" format="color"/>
name="leftBackgroud" format="reference|color"/>
name="leftText" format="string"/>
name="rightTextColor" format="color"/>
name="rightBackgroud" format="reference|color"/>
name="rightText" format="string"/>
深入理解可以看看这一篇 http://blog.csdn.net/zjh_1110120/article/details/50976027
在 topbar 的 java 文件夹,新建一个 Topbar 类,使其继承 RelativeLayout
之后,重写其中带有两个参数的构造方法,Attributeset 这个类是用来存放之前定义在 xml 文件中的各种属性
之后,创建一个 TypedArray 类的对象 ta,调用 context 的 obtainStyleAttribute 方法,获取刚才我们创建的 atts.xml 中的各类属性,第二个参数 Topbar 就是上文 atts.xml 中定义 <declare-styleable name="Topbar">
之后,便是可以使用 TypedArray 类中的 getxx 方法来取得 xml 中定义的相关属性,Topbar 与 atts.xml 中定义的属性使用下划线连接
可以看到有些第二个参数为 0,意思就是如果在布局文件没有给控件的属性没有设置属性值,就默认为 0
还要记得最后需要回收
深入理解 TypedArray 及 Attributeset 相关方法,请看这篇 http://blog.csdn.net/lmj623565791/article/details/45022631
之后获得之前的属性值,以此设置相关属性
这里呢,当我们在布局文件中使用了这个自定义控件的属性时候,这个类就会获得我们所输入的属性值,之后调用上述方法进行设置
到这一步之后,我们还需要将左右 button 与标题 textview 放在一个 View 中,使用 LayoutPram 的 addview 方法添加到 VIew 中
首先声明三个 LayoutPram
进行宽高设置之后,使用 addView 添加到 View 当中
到这一步,布局就是完成了,但是还要实现左右 button 的点击事件,直接设置一个点击的监听器就是完成了
但是,这不是我们想要的模板,模板的话,是应该直接在 activity 中设置监听器不是更为快捷,而不应该是在控件这里写相关的事件处理,所以,我们得使用接口回调机制
仿照 button 设置监听器的方法,我们可以定义一个接口类 topbarClickListener,在其中声明两个方法,对应左按钮的点击与右按钮的点击事件,之后,声明一个接口类对象 listener,创建一个 setOnTopbarClickListener 方法,在其中将参数传给之前声明的 listener
之后,修改左右 button 的点击事件,使其调用接口里的方法,这样就是完成了
引用就是像使用 button 那样引用,进行属性的相关赋值,就如同我们使用 button,textview 等控件的属性一样
这里可以看到,有个 cus,类似我们使用的 android,像系统定义的 button 等控件,我们设置它的属性都是需要写上 android,之前有一句 xmlns:android="http://schemas.android.com/apk/res/android"
这就是说明使用的 android 本身的控件属性,android 这个相当于一个名字,我们可以随便写,之后将后面的改为 res-auto, 之后使用我们的自定义属性就是以我们之前写的名字为前缀,就如我图中那样
其中cus可以任意指定,但不能与系统的命名空间相同,在android studio中如上用res - auto,在eclipse中res后需要完整的包名
右边的预览图大家也可以看到实际的效果
来源: http://www.cnblogs.com/kexing/p/7760936.html