自定义组件

最新推荐文章于 2024-12-24 14:35:30 发布

换元不配限

最新推荐文章于 2024-12-24 14:35:30 发布

阅读量656

点赞数

CC 4.0 BY-SA版权

分类专栏： Android学习中的笔记

本文链接：https://blog.youkuaiyun.com/ITMonkeyKing/article/details/50732758

Android学习中的笔记专栏收录该内容

95 篇文章

订阅专栏

android中，所有的UI界面都是由View和ViewGroup类及其子类组合而成。View类是所有UI组件的基类，ViewGroup类是这些UI组件的容器，其本身也是View类的子类。

一般情况下，开发Android应用程序的UI界面，使用的都是View类和ViewGroup类的子类，例如ImageView用来显示图片等。Android提供了很多继承了View类的UI组件，但是在实际开发中，还是会出现不能满足程序需要的情况，这个时候我们就需要采用自定义组件。

自定义组件分为自定义控件widget（View）和自定义布局layout(ViewGroup)。View就是我们经常使用的如Button、ImageView、TextView等；ViewGroup就是包括但不限于LinearLayout、RelativeLayout、FrameLayout等在内的布局控件。

在Android Developers中关于自定义组件是这样介绍的（点击打开链接）。

一、自定义组件的基本步骤如下;

继承一个已有的View类或者你自己创建的View类，比如

private class SparkTextView extends TextView{

}

2.重写父类中的方法--onMeasure()、onDraw()、onKeyDown()；

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        return super.onKeyDown(keyCode, event);
    }

3.使用自定义组件在程序XML中

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <administrator.com.knowallthing.view.SparkTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    
</LinearLayout>

二、自定义组件详情

在上面只是简单的概括了自定义组件时的基本步骤，实际使用中自定义组件又可以分为完全自定义组件（Fully customized components）和继续已有控件（或布局）的自定义组件，还有组合式自定义组件。这些内容在我们的Android Developers中都有介绍，也有相应的sample可以参考。

2.1 完全自定义组件

优点：随心所欲的创造一切你可以想象的到的view。

方法：

①继承View类

②在xml中自定义属性和参数

③设置点击事件

④重写onMeasure()、onDraw()方法

2.1.1 继承View类

public class MyCustomComponents extends View {
    public MyCustomComponents(Context context) {
        super(context);
    }

    public MyCustomComponents(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyCustomComponents(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

}

2.1.2 定义属性和方法

在res/values/目录下创建attrs.xml文件

 <declare-styleable name="MyCustomComponents" >
        <attr name="backgroud_color" format="color"/>
        <attr name="size" format="dimension"/>
        
    </declare-styleable>

2.1.3 设置点击事件

重写onKeyDown()、onTouchEvent()等方法即可

2.1.4 onMeasure()方法

官方介绍：

 @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        //调用setMeasuredDimension()方法存放视图的宽和高
        setMeasuredDimension(measureWidth(widthMeasureSpec),measureHeight(heightMeasureSpec));

    }

    private int measureHeight(int heightMeasureSpec) {
        int result = 0;

        //1.使用MeasureSpec类来获得模式和大小
        int specMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);

        //2.判断测量的模式，给出不同的值
        if (specMode == MeasureSpec.EXACTLY){
            //如果是精确模式,具体值或match_parent情况下
            result =heightSize;
        }else if (specMode == MeasureSpec.AT_MOST){
            //最大模式下，即wrap_content情况下
            result = 200;
            result = Math.min(result,heightSize);

        }else if (specMode == MeasureSpec.UNSPECIFIED){
            //不指定大小
        }
        return result;

    }

measureWidth()方法与measureHeight()基本一样。这样View的测量就完成了。在代码中出现了几个关键点：