构建自定义通用标题栏，提升应用的可复用性

在快速开发的项目中，如何高效地复用页面顶部标题栏是一个常见的挑战。本文将指导你使用 XML 和 Kotlin 编写一个通用的标题栏，让你的应用更加一致和易于维护。

为什么要使用通用标题栏？

通用标题栏提供了以下优势：

• 代码复用性： 通过在多个页面中重用单个标题栏布局，可以显著减少重复代码。
• 一致性： 它确保了应用程序中所有页面的标题栏的外观和功能一致，从而改善了用户体验。
• 易于维护： 当你需要对标题栏进行更改时，只需修改通用布局文件，而不是在每个页面中进行单独的更改。

如何编写通用标题栏

遵循以下步骤编写你的通用标题栏：

1. 创建 XML 布局文件

创建名为 common_titlebar_layout.xml 的 XML 布局文件，其中包含标题栏的布局：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="16dp"
        android:text="通用标题栏"
        android:textSize="20sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

2. 创建 Kotlin 类

创建一个名为 CommonTitleBar 的 Kotlin 类，其中包含标题栏的逻辑：

import android.content.Context
import android.util.AttributeSet
import android.view.LayoutInflater
import android.widget.TextView
import androidx.constraintlayout.widget.ConstraintLayout

class CommonTitleBar @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : ConstraintLayout(context, attrs, defStyleAttr) {

    private val title: TextView

    init {
        val inflater = context.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater
        inflater.inflate(R.layout.common_titlebar_layout, this)

        title = findViewById(R.id.title)
    }

    fun setTitle(title: String) {
        this.title.text = title
    }
}

3. 在布局文件中使用

在需要使用标题栏的布局文件中，将其作为自定义视图包含：

<com.example.app.CommonTitleBar
    android:id="@+id/title_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

4. 设置标题

通过 setTitle() 方法设置标题栏

titleBar.setTitle("自定义通用标题栏")

结论

通过遵循这些步骤，你可以创建自己的通用标题栏，从而提高 Android 应用的代码复用性、一致性和易于维护性。通用标题栏将减少重复代码，确保一致的外观和功能，并 упростить 维护你的应用程序。