自定义控件（三种）

一、自绘控件 继承的是 View

自绘控件的意思就是，这个View上所展现的内容全部都是我们自己绘制出来的。绘制的代码是写在onDraw()方法中的，而这部分内容我们已经在 Android视图绘制流程完全解析

牢记三个方法：

1.onMeasure(int,int)测量:该方法来检查view组件及他所包含的所有子组件的大小；

2.onLayout(boolean,int,int,int,int)位置：当该组件要分配其子组件的位置，大小时调用；（使用频率较少）

3.onDraw（canves）绘制：当该组件将要绘制他的内容时，回调该方法；（使用频率最高，不要在此方法里做耗时操作和对象的建立（代码容易出现错误））；

下面实现一个可以拖动的小球：

实现步骤：

1.类继承View（从一个普通的类变成一个控件）

2复写他必须复写的三个方法（这三个方法主要做初始化的逻辑）

我们需要只在最后一个方法中写initView这个方法，并且在前两个方法中也能调用；

这里就用到了java中所学的重载

布局：

3.在OnMeasure和onDrawer方法中写对应的业务逻辑；

下面是代码：

public class MyView extends View{ private int height;
private int width;
private int x;
private int y;
private int mRadius=100;
private double sqrt;
private int xx;
private int yy;
private boolean onBall; //在代码中使用自定义控件（new MyView也就是动态创建对象），自动回调此方法；
public MyView(Context context) {
this(context,null);//此处修改
}
//XML布局使用此自定义控件，自动回调此方法；（也就是在XML中利用包名.类名来写这个自定义控件）
public MyView(Context context, AttributeSet attrs) {
this(context,null,0);//此处修改
}
//XML布局中使用此自定义控件，且带有样式，自动回调；
public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView();
}
//自定义控件初始化操作
private void initView() {
} @Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//获取当前空间的宽和高
height = this.getHeight();
width = this.getWidth();
//获取屏幕的正中心点
x = width / 2;
y = height / 2;
}
//此方法进行绘制
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Paint paint=new Paint();
paint.setColor(Color.GREEN);
//画圆，根据需要的参数，来给他设置
canvas.drawCircle(x,y,mRadius,paint);
}
//使用触摸事件来实现小球拖动
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()){
case MotionEvent.ACTION_DOWN://按下
xx = (int)event.getX();
yy = (int)event.getY();
//判断用户手是否点击在圆上
onBall = isOnBall(xx, yy);
break;
case MotionEvent.ACTION_MOVE://移动
//进行判断用户手机是否在圆上
if (onBall){
x = (int)event.getX();
y = (int)event.getY();
//时时回调onDrawer方法
postInvalidate();
} break;
case MotionEvent.ACTION_UP://松开 break;
}
return true;
} private boolean isOnBall(int xx, int yy) {
//勾股定理，得到按下的半径
sqrt = Math.sqrt((xx - x) * (xx - x) + (yy - y) * yy - y);
//对应圆的半径和按下半径进行判断，看用户的手是否点在圆上
if (sqrt<=mRadius){
return true;
}
return false;
}
}

二、组合控件 继承ViewGroup

组合控件的意思就是，我们并不需要自己去绘制视图上显示的内容，而只是用系统原生的控件就好了，但我们可以将几个系统原生的控件组合到一起，这样创建出的控件就被称为组合控件。

我们的需求是需要实现（点击减号中间文本减一，点击加一；最小不能小于1，最大不能大于5）

效果图：

1.首先创建一个类（继承ViewGroup下的任意自定义控件）

重写三个方法：

//定义布局文件

要实现如图所示的界面还需要一个布局：

下面需要在initView中填充

给控件设置点击事件：

点击事件中实现的两个方法：

给TextView设置值与取值

创建两个构造方法，增强代码的健壮性，从MainActivity中往这边传值

最后在MianActivity中引用

下面是代码

MyView

public class MyView extends LinearLayout implements View.OnClickListener {
private ImageView image1;
private ImageView image2;
private TextView textView;
private View inflate;
private String trim;
//创建对象对象时回调（也就是在java代码中用的时候回调）
public MyView(Context context) {
//super(context);
this(context,null);
}
//在XML中使用的时候调用
//AttributeSet 是接收xml中定义的属性信息，这不一定是自定义布局，
//不是自定义布局也有该属性，要不xml中定义的属性信息就无法接收了。
public MyView(Context context, AttributeSet attrs) {
//super(context, attrs);
this(context,attrs,0);
}
//在XML中使用，且使用style风格中
public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
//初始化布局
initView(context);
}
private void initView(Context context) {
//把一个布局文件实例化，并且加载到MyView类中
inflate = View.inflate(context, R.layout.myview, this);
image1 =(ImageView)inflate.findViewById(R.id.image1);
image2 =(ImageView)inflate.findViewById(R.id.image2);
textView =(TextView)inflate.findViewById(R.id.textView);
image1.setOnClickListener(this);
image2.setOnClickListener(this);
//获取Value值；
int value=getvalue();
//设置value的值
setvalue(value);
}
//Imageview的点击事件
@Override
public void onClick(View view) {
switch (view.getId()){
case R.id.image1://减
subNumber();
break;
case R.id.image2://加
addNumber();
break;
}
}
//加
private void addNumber() {
if (valuemyMin){
value--;
}
setvalue(value); } private int myMax;
private int myMin; public void setMax(int Max){
myMax=Max;
}
public void setMin(int Min){
myMin=Min;
}
//当前数量值，默认为1，设置对此值得获取
private int value=1;
public int getvalue() {
//从textView中获取到值，并进行强转
trim = textView.getText().toString().trim(); if (!TextUtils.isEmpty(trim)){
value=Integer.valueOf(trim);
}
return value;
}
//设置值
public void setvalue(int value) {
this.value = value;
textView.setText(value+"");
}
}

MainActivity

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
my=(MyView)findViewById(R.id.my);
my.setMax(5);
my.setMin(1);

布局activity-main

myview布局

下面我还想实现把MyView中的value值用接口的形式传给MainActivity，然后在Mactivity中做一些操作

首先在MyView中自定义一个接口：

定义接口对象并设置方法接受外界传过来的接口对象：

定义完以后需要在点击事件加和减那两个方法中写入判断，并给接口中的方法设置值：

最后在MainActivity中实现接口并实现接口中的方法:(实现简单吐司)

三、继承控件

继承控件的意思就是，我们并不需要自己重头去实现一个控件，只需要去继承一个现有的控件，然后在这个控件上增加一些新的功能，就可以形成一个自定义的控件了。这种自定义控件的特点就是不仅能够按照我们的需求加入相应的功能，还可以保留原生控件的所有功能，比如 Android PowerImageView实现，可以播放动画的强大ImageView 这篇文章中介绍的PowerImageView就是一个典型的继承控件。

需要实现的效果：

在往下滑动的时候，

上面这个条目会越来越清楚；

当滑动出图片的时候 ，变成

//实现思路

首先创建一个类继承ScrollView，覆写三个方法：

在这个类中定义一个接口：

在MainActivity中进行调用接口：

定义一个方法获取顶部图片的高度：

调用接口并实现接口中的方法：

MainActivity

//经过我们的观察;发现这个标题是是随着顶部图片高度关系，颜色变浅变深
public class MainActivity extends AppCompatActivity implements MyScrollView.ScrollViewListensr { private int mImageHeight;
private ImageView mIvDetail;
private TextView mTvTitlebar;
private RelativeLayout mLayoutTitle;
private MyScrollView myScrollView; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
myScrollView = (MyScrollView) findViewById(R.id.scrollView);
mIvDetail = (ImageView) findViewById(R.id.iv_detail);
mTvTitlebar = (TextView) findViewById(R.id.tv_titlebar);
mLayoutTitle = (RelativeLayout) findViewById(R.id.layout_title);
//获取顶部图片的高度
initListener();
//设置scrollview的滚动监听，一般滑动时，最上面的标题显示，
myScrollView.setScrollViewListener(this);
}
//获取顶部的图片高度，设置scrollview的滚动监听是，要使用这个参数
private void initListener() {
//获取控件的试图观察者，以便通过试图观察者得到空间的宽高参数
ViewTreeObserver viewTreeObserver = mIvDetail.getViewTreeObserver();
//使用试图观察者设置监听，一边获取所观察空间的高度
viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
//卸磨杀驴，回调监听后，第一件事就是移除该监听，减少内存消耗
mIvDetail.getViewTreeObserver().removeOnGlobalLayoutListener(this);
//得到控件高度
mImageHeight = mIvDetail.getHeight();
}
});
} @Override
public void onScrollChanged(MyScrollView myScrollView, int l, int t, int oldl, int oldt) {
if (t <= 0) {
//设置标题隐藏
mTvTitlebar.setVisibility(View.GONE);
//设置标题所在背景为透明
mLayoutTitle.setBackgroundColor(Color.argb(0, 0, 0, 0));
} else if (t > 0 && t < mImageHeight) {
//让标题显示出来
mTvTitlebar.setVisibility(View.VISIBLE);
//获取scrollview向下滑动，图片消失部分的比例
float aFloat = (float) t / mImageHeight;
//根据这个比例，让标题的颜色慢慢的由浅入深
float alpha = 255 * aFloat;
//设置标题的内容颜色
mTvTitlebar.setText("我最帅");
mTvTitlebar.setTextColor(Color.argb((int) alpha, 0, 0, 0));
//设置标题布局颜色
mLayoutTitle.setBackgroundColor(Color.argb((int) alpha, 255, 255, 255)); } }
}

MyScrollView

/**
* Created by peiyan on 2017/8/9.
* 扩展自定义View，在Scrollview的基础上添加新的功能
* 1.类继承基础控件，实现三个复写方法；
* 2.自定义一个scrollview华东监听的接口
* 3.覆写scrollview自带的一个滑动监听
* 4.提供方法，让外界可以设置scrollview的监听对象
* 5.使用Myscrollview自定义控件
*
* 做自定义控件的思路：
* 1.看效果判断是那种类型的自定义控件
* 2.如果是继承式自定义控件，那么我们就要判断则个效果是基于那种基础控件之上
*
*/
public class MyScrollView extends ScrollView {
public MyScrollView(Context context) {
//super(context);
this(context,null);
}
public MyScrollView(Context context, AttributeSet attrs) {
//super(context, attrs);
this(context,attrs,0);
}
public MyScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
//定义接口
public interface ScrollViewListensr{
//接口中的抽象方法
//scrollview自动滑动监听
//参数：1.监听view对象，2.3.新的坐标，4.5.旧的坐标
void onScrollChanged(MyScrollView myScrollView,int l, int t, int oldl, int oldt);
}
//自己的监听对象
private ScrollViewListensr mscrollViewListener;
//提供方法，让外界可以设置scrollview的监听对象
public void setScrollViewListener(ScrollViewListensr scrollViewListener){
mscrollViewListener=scrollViewListener;
}
//提供一个覆写的华东监听方法，让外界可以设置scrollview的监听对象
@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
super.onScrollChanged(l, t, oldl, oldt);
if(mscrollViewListener!=null){
mscrollViewListener.onScrollChanged(this,l,t,oldl,oldt);
}
}
}

activity_main

注意：item(这个空的布局必须创建)