Android_开发_Day28_自定义控件

Android_开发Day28自定义控件

目的：

学会组合一些系统控件成一个控件，以满足某些需要

技术：

<1> 自定义控件的三种方式：

自定义控件有三种方式：
方式一：组合方式 也就是用系统的控件进行组合，拼接
方式二：继承方式 用一个自定义控件类来继承系统的控件
方式三：自绘方式 自己去画控件

<2> 组合方式自定义控件：

组合方式就是将系统已有的控件进行组合，一般就是先创造一个容器布局，然后在这个容器布局里面添加控件，死的控件就用xml配置，活的控件就用代码来添加，然后完成之后将该容器看成一个整体，像添加其余控件一样把它添加到相应的位置即可。

<3> 继承方式自定义控件：

继承方式自定义控件较组合方式的优点就是能够封装，组合方式做的控件简单但是难以移植，而继承方式恰好用到了类的思想，能够高效的移植。因此继承方式定义控件其实就是自己创造一个类来继承系统类，因此自定义控件首先就要选好继承的对象，根据你要实现的组合控件的类型来选择布局，往往要继承的也就是这些布局。
自定义控件的基本步骤如下：
1.创建一个类继承系统控件
2.重写里面的构造方法，一般就是实现前三个：PageController(Context context) 代码创建时需要用， PageController(Context context, AttributeSet attrs) xml创建时系统会自动调用该方法，PageController(Context context, AttributeSet attrs, int defStyleAttr)
xml创建时还有样式就会调用该方法
3.更改构造方法依次访问参数多的那个
4.实现功能->实现功能的地方：
(1) 创建控件就默认有了的功能 在构造方法里面写
(2) 用户设置的 对应的属性的set方法里面写
(3) 数据源 接口里面写
以上是功能实现常选的地方，当然也可以根据实际情况更改，但是一般情况是这样。

<4> 用xml来创建自己的控件：

先写好你自己的控件，用继承的方式来创建，然后再在values文件夹下新建一个valueresource file，具体操作如下图：

新建.png

接下来往里面写resource下敲出关键词：

有了这个接下来就是要如何从xml里面去得到该值了，这时就要从构造方法入手了，还记得构造方法三个各自的参数与不同在哪里吗，没错，就是参数最多的那个构造方法，参数attrs就是xml里面传来的所有属性的值组成的集合，是由系统调用的，因此第一步就是要依次遍历取出数组元素，然后第二步就是要去为属性赋值。参考如下代码：

if (attrs != null){
            TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.PageController);
            //属性名和没有的时候的默认值
            padding = typedArray.getInt(R.styleable.PageController_padding, 0);
            resID = typedArray.getResourceId(R.styleable.PageController_resource, 0);
            numberOfPages = typedArray.getInt(R.styleable.PageController_numberOfPage, 0);
            setNumberOfPages(numberOfPages);
        }

需要一个TypedArray对象来保存这些值，然后依次根据属性的数据类型来取。

技术如何使用：

做一个简单的组合控件，banner下面的点点点，第一，用最老土的方式来做就是直接在代码中组合，每个点是一个ImageView，用两种不同的状态来表示点的选中与否，第二种就是学会在此基础上封装，用一个类来管理，因此需要将其继承一个布局，这里LinearLayout就比较和适，该类代码参考如下：

package com.example.customattr;

import android.animation.ObjectAnimator;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class PageController extends LinearLayout {

    private int numberOfPages;
    private int resID;//不同状态下显示的形状和颜色
    private int padding;//间距
    private int currentPages;//记录当前的页数
    private PageChangeListener pageChangeListener;//回调对象

    public PageController(Context context) {
        this(context, null);
    }

    public PageController(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public PageController(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        setOrientation(HORIZONTAL);
        setGravity(Gravity.CENTER_HORIZONTAL);
        if (attrs != null){
            TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.PageController);
            //属性名和没有的时候的默认值
            padding = typedArray.getInt(R.styleable.PageController_padding, 0);
            resID = typedArray.getResourceId(R.styleable.PageController_resource, 0);
            numberOfPages = typedArray.getInt(R.styleable.PageController_numberOfPage, 0);
            setNumberOfPages(numberOfPages);
        }
    }

    /**
     *
     */
    public int getNumberOfPages() {
        return numberOfPages;
    }

    public void setNumberOfPages(int numberOfPages) {
        this.numberOfPages = numberOfPages;
        for (int i = 0; i < numberOfPages; i++) {
            ImageView dot = new ImageView(getContext());
            dot.setBackgroundResource(resID);
            LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
            params.gravity = Gravity.CENTER_VERTICAL;
            if (i > 0)params.leftMargin = padding;
            else dot.setEnabled(false);
            addView(dot, params);
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN){
            int current = currentPages;
            if (event.getX() > getWidth()*0.5){
                //右边
                if (current == numberOfPages-1){
                    current = 0;
                }else {
                    current++;
                }
            }else {
                //左边
                if (current == 0){
                    current = numberOfPages-1;
                }else {
                    current--;
                }
            }
            setCurrentPages(current);
        }
        return true;
    }


    public int getCurrentPages() {
        return currentPages;
    }

    public void setCurrentPages(int currentPages) {
        //将上一次的还原为默认状态
        getChildAt(this.currentPages).setEnabled(true);
        //修改页数
        this.currentPages = currentPages;
        //将这一次的设置为选中状态
        getChildAt(currentPages).setEnabled(false);
        showAnimation((ImageView) getChildAt(this.currentPages));
        if (pageChangeListener != null) {
            pageChangeListener.pageDidChanged(currentPages);
        }
    }

    public void setPadding(int padding) {
        this.padding = padding;
    }

    public void setResID(int resID) {
        this.resID = resID;
    }

    //定义一个接口
    public interface PageChangeListener{
        void pageDidChanged(int currentPage);
    }
    public void addPageChangeListener(PageChangeListener listener){
        this.pageChangeListener = listener;
    }
    //写一个拉伸动画
    public void showAnimation(ImageView item){
        ObjectAnimator scale = ObjectAnimator.ofFloat(item, "scaleX", 1, 1.65f, 1);
        scale.setDuration(400);
        scale.start();
    }
}

上面的控件时在此基础从上加了动画，如果想让该控件能在xml里面使用，那就需要new 一个valueresource file 了，代码就是上面的。

总结：

自定义控件时用到了类的封装思想，因此以后写代码的时候想让别人能轻松的使用你的东西，类何尝不是已给很好的选择呢