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下敲出关键词：<declare-styleable然后设置name属性和你的自定义的控件的名字一样，配置属性，如下代码：
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!--声明在那个控件上添加属性-->
<declare-styleable name="PageController">
<attr name="padding" format="integer"/>
<attr name="resID" format="reference|color"/>
<attr name="numbeOfPage" format="integer"/>
</declare-styleable>
</resources>
<!--
自定义属性的步骤
1.创建一个value资源文件
2.使用declare-styleable关键字修饰 name的值为自己定义的类的名称
3.关键子attr 添加属性name和对应的值的类型
integer整数
-->
有了这个接下来就是要如何从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 了，代码就是上面的。
总结：
自定义控件时用到了类的封装思想，因此以后写代码的时候想让别人能轻松的使用你的东西，类何尝不是已给很好的选择呢
网友评论