安卓开发学习笔记_UI开发_创建自定义控件

引入布局

当我们在多个Activity中需要一样的标题栏时, 可以通过引入布局的方式解决问题, 在layout目录下新建一个title.xml布局, 代码如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/title_bg">
    <Button
        android:id="@+id/titleBack"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:background="@drawable/back_bg"
        android:text="Back"
        android:textColor="#fff" />

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

    <Button
        android:id="@+id/titleEdit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:background="@drawable/edit_bg"
        android:text="Edit"
        android:textColor="#fff" />

</LinearLayout>

• android:background用于为布局或控件指定一个背景(示例代码指的是形状)
• android:layout_margin用于指定控件在上下左右方向上的间距, 也可以使用android:layout_marginLeft等单独指定控件在某个方向上的间距.

修改activity_main.xml中的代码, 如下所示:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

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

</LinearLayout>

只需要通过一行include语句就可以引入标题栏布局.

最后在MainActivity中将系统自带的标题栏隐藏掉, 代码如下所示:

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // 调用getSupportActionBar()方法获得ActionBar的实例, 然后再调用它的hide()方法将标题栏隐藏起来.
        supportActionBar?.hide()
    }
}

创建自定义控件

引入布局的技巧确实解决了重复编写布局代码的问题，但对于布局中有一些控件要求能够响应事件，我们还是需要在每个Activity中为这些控件单独编写一次事件注册的代码。比如标题栏中的返回按钮，其实不管是在哪一个Activity中，这个按钮的功能都是相同的，即销毁当前Activity。而如果在每一个Activity中都需要重新注册一遍返回按钮的点击事件，无疑会增加很多重复代码，这种情况最好是使用自定义控件的方式来解决。

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

class TitleLayout(context: Context, attrs: AttributeSet) : LinearLayout(context, attrs) {
    init {

        // 动态加载布局
        // 通过LayoutInflater的from()方法可以构建出 一个LayoutInflater对象
        // 然后调用inflate()方法就可以动态加载一个布局文件
        // inflate()方法接收两个参数:
        //     第一个参数时要加载的布局文件的id, 传入R.layout.title
        //     第二个参数是给加载好的布局在添加一个父布局(TitleLayout也是一个布局, 继承自LinearLayout), 这里传入this
        LayoutInflater.from(context).inflate(R.layout.title, this)
    }
}

在activity_main.xml中添加自定义的控件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

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

</LinearLayout>

给按钮注册点击事件, 代码如下:

class TitleLayout(context: Context, attrs: AttributeSet) : LinearLayout(context, attrs){

    init {

        ...

        // 注册点击事件
        val titleBack : Button = findViewById(R.id.titleBack)
        titleBack.setOnClickListener {

            // TitleLayout中接收的context参数实际上是一个Activity的实例
            // 要先将它转换成Activity类型, 再调用finish()方法
            // Kotlin中的类型强制转换使用的关键字是as
            val activity = context as Activity
            activity.finish()
        }
        val titleEdit : Button = findViewById(R.id.titleEdit)
        titleEdit.setOnClickListener {
            Toast.makeText(context, "You clicked Edit button", Toast.LENGTH_SHORT).show()
        }

    }
}

参考

郭霖. 《第一行代码 Android 第3版》