Android开发学习--- 自定义控件使用

控件和布局的继承结构：

在使用自定义控件之前，首先我们需要知道Android UI的控件和布局的继承结构。如下图所示：

可以看到，我们所用的所有控件都是直接或间接继承自 View 的，所用的所有布局都是直接或间接继承自 ViewGroup 的。

View 是 Android 中一种最基本的 UI 组件，它可以在屏幕上绘制一块矩形区域，并能响应这块区域的各种事件，因此，我们使用的各种控件其实就是在 View 的基础之上又添加了各自特有的功能。

而 ViewGroup 则是一种特殊的 View，它可以包含很多的子 View 和子 ViewGroup，是一个用于放置控件和布局的容器。

使用情景：

当系统自带的控件并不能满足我们的需求时，可以利用上面的继承结构来创建自定义控件。

方法一：引入布局

通过控件的组合形成一个新的控件布局，而后通过

<include layout="@layout/+布局名字"/>

将布局引入到需要的layout界面中。

新建一个test_layout01.xml布局，如下图所示：

再创建一个新布局test_layout02.xml布局，在布局中加入

<include layout="@layout/test_layout01"/>

如下图：

可以看到，通过该行代码已经将红绿两块布局导入到test_layout02.xml里面来了。

方法二：创建自定义控件

引入布局的技巧确实解决了重复编写布局代码的问题，但是如果布局中有一些控件要求能够响应事件，我们还是需要在每个活动中为这些控件单独编写一次事件注册的代码。

比如说标题栏中的返回按钮，其实不管是在哪一个活动中，这个按钮的功能都是相同的，即销毁掉当前活动。

而如果在每一个活动中都需要重新注册一遍返回按钮的点击事件，无疑又是增加了很多重复代码，这种情况最好是使用自定义控件的方式来解决。

新建 MyView继承自 LinearLayout，让它成为我们自定义的控件，代码如下所示：

public class MyView extends LinearLayout {

    public MyView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater.from(context).inflate(R.layout.test_layout01, this);
        TextView green = findViewById(R.id.green);
        TextView red = findViewById(R.id.red);
        green.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getContext(), "You clicked Green!", Toast.LENGTH_SHORT).show();
            }
        });
        red.setOnClickListener(new OnClickListener() {
            @Override

            public void onClick(View v) {
                Toast.makeText(getContext(), "You clicked Red!", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

首先我们重写了 LinearLayout 中的带有两个参数的构造函数，在布局中引入 MyView控件就会调用这个构造函数。然后在构造函数中需要对MyView布局进行动态加载，这就要借助 LayoutInflater 来实现了。

通过 LayoutInflater 的 from()方法可以构建出一个 LayoutInflater对象，然后调用 inflate()方法就可以动态加载一个布局文件，inflate()方法接收两个参数：
第一个参数是要加载的布局文件的 id，这里我们传入 R.layout.test_layout01。
第二个参数是给加载好的布局再添加一个父布局，这里我们想要指定为 MyView，于是直接传入 this。

在test_layout01.xml里面添加上组件ID：

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

    <TextView
        android:id="@+id/green"
        android:background="@color/colorPrimaryDark"
        android:layout_width="match_parent"
        android:layout_height="200dp">
    </TextView>

    <TextView
        android:id="@+id/red"
        android:background="@color/colorAccent"
        android:layout_width="match_parent"
        android:layout_height="300dp">
    </TextView>

</LinearLayout>

现在自定义控件已经创建好了，然后我们需要在布局文件中添加这个自定义控件，修改activity_main.xml 中的代码，如下所示：

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

    <com.apical.myapplication.MyView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

</LinearLayout>

添加自定义控件和添加普通控件的方式基本是一样的，只不过在添加自定义控件的时候我们需要指明控件的完整类名，包名在这里是不可以省略的。

重新运行程序，你会发现此时效果和使用引入布局方式的效果是一样的。

点击红色区域，提示“You clicked Red!”，当然这里可以添加其他的逻辑（比如点击退出）。

至此，自定义控件就已经完全实现了。

注：摘自《第一行代码》，做了相应改动。