创建自定义控件

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

可以利用上述继承结构来自定义控件。

首先引入布局：

自定义标题栏方法：首先在layout文件中建立一个title.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">

    <Button
        android:id="@+id/titleBack"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Back"
        android:layout_gravity="center"
        android:layout_margin="5dp"
        android:background="@drawable/img"
        android:textColor="#fff" />

    <TextView
        android:id="@+id/titleName"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:layout_margin="5dp"
        android:text="Text Title"
        android:textColor="#fff"
        android:textSize="24sp" />

    <Button
        android:id="@+id/titleEdit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Edit"
        android:textSize="24sp"
        android:textColor="#fff"
        android:layout_margin="5dp"
        android:background="@drawable/img_1"
        android:layout_gravity="center" />
    
</LinearLayout>

创建好自定义控件后，接下来需要在程序中调用该自定义控件：

直接使用include 即可，在activity_main中添加如下代码：

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

最后我们需要将MainActivity中的标题栏隐藏，代码如下：

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        supportActionBar?.hide()
    }

这里调用了getSupportActionBar()方法来获得ActionBar的实例，然后再调用它的hide()方法将标题栏隐藏起来。由于ActionBar有可能为空，所以这里还使用了?.操作符。

引用入布局之后，当我们想让Back控件实现返回功能，需要在每个Activity中重新定义响应事件，但是Back所实现的功能是一样的，重复定义会使代码复杂，可以使用继承结构来实现这个功能。

创建自定义控件功能

新建 TitleLayout 继承自 LinearLayout，让他成为我们可以自定义的标题栏控件。代码如下：

class TitleLayout(context: Context, attrs: AttributeSet) : LinearLayout(context, attrs) {
    init {
        LayoutInflater.from(context).inflate(R.layout.title,this)
    }
}

在TitleLayout的主构造函数中声明了Context和AttributeSet这两个参数，在布局中引入TitleLayout控件时就会调用这个构造函数。然后在init结构体中需要对标题栏布局进行动态加载！！！！

通过LayoutInflater的from()方法可以构建出一个LayoutInflater对象，然后调用inflate()方法就可以动态加载一个布局文件。

 方法接收两个参数：第一个参数是要加载的布局文件的id，这里我们传入R.layout.title；第二个参数是给加载好的布局再添加一个父布局，这里我们想要指定为TitleLayout，于是直接传入this。

现在自定义控件已经建立好了，需要在布局文件中添加这个自定义控件。代码如下：

    <com.example.uiwidgettest.TitleLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

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

然后可以在TitleLayout中对布局中的按钮注册点击事件，代码如下：

class TitleLayout(context: Context, attrs: AttributeSet) : LinearLayout(context, attrs) {
    init {
        LayoutInflater.from(context).inflate(R.layout.title,this)
        val titleBack: Button = findViewById(R.id.titleBack)
        val titleEdit: Button = findViewById(R.id.titleEdit)
        titleBack.setOnClickListener {
            val activity = context as Activity
            activity.finish()
        }
        titleEdit.setOnClickListener {
            Toast.makeText(context, "You clicked Edit button!", Toast.LENGTH_SHORT).show()
        }
    }
}

TitleLayout中接收的context参数实际上是一个Activity的实例，在按钮的点击事件中，把他转化为Activity类型，然后在调用 finish() 函数来销毁。

在Kotlin中，类型的强制转换使用的关键字为  as  .

这样的话，每当我们在一个布局中引入TitleLayout时，返回按钮和编辑按钮的点击事件就已经自动实现好了，这就省去了很多编写重复代码的工作。