实例讲解Android自定义控件

小编在此之前给大家介绍过关于Android自定义控件的用法等,需要的可以参考下:

Android开发之自定义控件用法详解

详解Android自定义控件属性

可以看到QQ上的ToolBar其实就是一个自定义的view,可以看到不同的界面就是简单地修改了文字而已,在第二张与第三张尤其的明显,我们就仿QQ的这个Toolbar设置一个自定义控件

在开始之前,首先了解一下官方是如何实现一个控件的,比如说一个Linearlayout

它不是有layout_width和layout_height这两个属性吗?其实,这两个属性就是官方定义的

官方的操作其实就是继承了一个ViewGroup,Linearlayout相当于一个自定义View,其中的方法我们也不用深究,我们打开Path的那个路径,可以找到一个atts.xml文件,打开我们可以在里面看到定义了Linearlayout关于layout的属性,有layout_width和layout_height这几个属性,看到这里我们也就明白了我们在布局文件中引用要使用的属性

正文开始,我们讲解一个自定义控件的步骤:

1.设计需要使用的属性

先将模式切换为project模式

新建一个moudle

修改相关包名,库名

这里选择第一个,也就是不创建activity界面,之后点击finish就完成了

依次展开Topbar->res->values,在values创建一个atts.xml文件

xml文件代码如下:

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <declare-styleable name="Topbar">
    <attr name="title" format="string"/>
    <attr name="titleTextSize" format="dimension"/>
    <attr name="titleTextColor" format="color"/>

    <attr name="leftTextColor" format="color"/>
    <attr name="leftBackgroud" format="reference|color"/>
    <attr name="leftText" format="string"/>

    <attr name="rightTextColor" format="color"/>
    <attr name="rightBackgroud" format="reference|color"/>
    <attr name="rightText" format="string"/>

  </declare-styleable>
</resources>

深入理解可以看看这一篇 http://blog.csdn.net/zjh_1110120/article/details/50976027

2.实现一个我们需要的控件

在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

还要记得最后需要回收

之后获得之前的属性值,以此设置相关属性

这里呢,当我们在布局文件中使用了这个自定义控件的属性时候,这个类就会获得我们所输入的属性值,之后调用上述方法进行设置

到这一步之后,我们还需要将左右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后需要完整的包名

右边的预览图大家也可以看到实际的效果

大家在学习后如果有什么心得体会可以在下方直接给我们留言。

您可能感兴趣的文章:

  • Android自定义控件实现九宫格解锁功能
  • Android自定义控件之日期选择控件使用详解
  • Android编程实现自定义控件的方法示例
  • 基于Android自定义控件实现雷达效果
  • Android自定义控件实现下拉刷新效果
  • Android自定义控件EditText使用详解
  • Android自定义控件EditText实现清除和抖动功能
  • Android自定义控件打造绚丽平行空间引导页
  • Android自定义控件ViewFipper实现竖直跑马灯效果
  • Android自定义控件ImageView实现点击之后出现阴影效果
  • android自定义控件ImageView实现圆形图片
(0)

相关推荐

  • android自定义控件ImageView实现圆形图片

    android开发中常常涉及到一种情况,就是将用户上传的图片以圆形样式显示,但是用户上传的图片可以有直角.圆角.正方形等多种不确定样式,这时就用到了自定义ImageView控件,在安卓客户端使接收到的图片全部以圆形样式显示 CircleImageView.java public class CircleImageView extends ImageView { private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP; p

  • Android自定义控件ImageView实现点击之后出现阴影效果

    今天美工 直接给我一张图片,要我实现图片点击之后有阴影效果,当时想到了ImageButton,随即自己写了个Demo,发现ImageButton继承ImageView 会有一个默认的背景样式,而且在布局中设计src(前景) 太丑,于是自己写了个自定义控件ImageView实现了点击之后,点击区域有一个灰色的阴影效果,如下: 添加监听回调等; 布局文件代码: <?xml version="1.0" encoding="utf-8"?> <Linear

  • Android编程实现自定义控件的方法示例

    本文实例讲述了Android编程实现自定义控件的方法.分享给大家供大家参考,具体如下: 很多时候Android常用的控件不能满足我们的需求,那么我们就需要自定义一个控件了.今天做了一个自定义控件的实例,来分享下. 首先定义一个layout实现按钮内部布局: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.c

  • 基于Android自定义控件实现雷达效果

    如何制作出类似雷达扫描的效果,具体方法如下 一.效果图 二.实现思路 1.自定义控件RadarView用来画雷达的效果图,可以自定义属性包括 backgroundColor:背景颜色 circleNum:圆的数量 startColor:开始颜色 endColor:结束颜色 lineColor:线的颜色 2.通过Handler循环发送消息到MessageQueue中,将mRotate加3,使Matrix旋转mRotate,重绘雷达扫描的圆. 3.通过梯度渐变扫描渲染器SweepGradient,在

  • Android自定义控件ViewFipper实现竖直跑马灯效果

    一直想实现一个竖直跑马灯的效果,今天接触到了ViewFlipper这个控件, 是做安卓视图切换的,  对其用自定义控件进行包装;实现其点击回调和自定义视图等功能 不多说,直接上代码: 定义了一个自定义控件,  继承LinearLayout package com.example.viewfipperdemo; import android.content.Context; import android.util.AttributeSet; import android.view.LayoutIn

  • Android自定义控件实现九宫格解锁功能

    最终Android九宫格解锁效果如下 1.进行定义实体point点 public class Point { private float x; private float y; //正常模式 public static final int NORMAL_MODE = 1; //按下模式 public static final int PRESSED_MODE = 2; //错误模式 public static final int ERROR_MODE = 3; private int state

  • Android自定义控件EditText实现清除和抖动功能

    本文实例为大家分享了Android EditText实现清除和抖动功能的具体代码,供大家参考,具体内容如下 源码如下: public class ClearEditText extends EditText implements View.OnFocusChangeListener,TextWatcher { / * 删除按钮的引用 */ private Drawable mClearDrawable; / * 控件是否有焦点 */ private boolean hasFoucs; publi

  • Android自定义控件之日期选择控件使用详解

    Android日期选择控件效果如下: 调用的代码: @OnClick(R.id.btn0) public void btn0() { final AlertDialog dialog = new AlertDialog.Builder(context).create(); dialog.show(); Window window = dialog.getWindow(); window.setContentView(R.layout.dialog_change_date); window.set

  • Android自定义控件EditText使用详解

    本文实例为大家分享了Android自定义控件EditText的具体代码,供大家参考,具体内容如下 自定义控件分三种: 1. 自绘控件 2. 组合控件 3. 继承控件 代码已上传到 github 以后的自定义控件就都放这个仓库 需求 这里由于项目的需要实现一个自定义EditText,主要实现的为两点,一个是工具图标toolIcon,例如点击清除EditText内容.一个为EditText左边的提示图标hintIcon, 例如输入账号密码时前面的图标. 为了让这个控件的拓展性更高,设置了两个点击事件

  • Android自定义控件实现下拉刷新效果

    app开发中下拉刷新是最常接触到的一个功能,也有很多开源的框架,封装的非常棒.前段时间了解了一下ViewDragHelper,遂用它实现了下拉刷新的功能. 大概和我之前的ViewDragHelper之拖动加载(类似淘宝)这篇代码类似.只是做了相关改动.具体的可以看一下那篇博文了解一下用到的ViewDragHelper的一些知识点.该界面主要是一个LinearLayout,上面的下拉刷新是一个textview(用TV代替),当然这个可以定制,在此只是用一个textview代替,实现简单的功能,下面

  • Android自定义控件打造绚丽平行空间引导页

    本文实例为大家分享了Android自定义控件打造平行空间引导页的具体代码,供大家参考,具体内容如下 先上图,动图太大传不上来,在项目中有动图 点击查看动图 首先解释下工程的主要部分. 首先谷歌的百分比布局做了部分修改,因为我设置的宽高都是相对于屏幕的宽度,而谷歌的百分比布局不能实现,只需要修改一部分代码就可以实现.下面贴出修改的部分代码 public static class PercentLayoutInfo { private enum BASEMODE { BASE_WIDTH, BASE

随机推荐