android CustomTitleBar

原创

mob649e81543e41 2023-09-03 09:59:55 ©著作权

文章标签 标题栏自定义 Android 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e81543e41的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android自定义标题栏

在Android开发中，标题栏是一个常见的控件，它通常位于屏幕顶部，用于显示应用程序的标题和导航按钮。默认情况下，Android提供了一个标准的标题栏，但有时我们需要根据我们的需求进行自定义。本文将介绍如何在Android应用中自定义标题栏，并提供相应的代码示例。

1. 创建自定义标题栏布局

首先，我们需要创建一个自定义的标题栏布局。在res目录下的layout文件夹中创建一个名为custom_titlebar.xml的文件，并在其中添加以下代码：

<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="?android:attr/actionBarSize"
    android:orientation="horizontal"
    android:background="@color/colorPrimary"
    android:gravity="center_vertical">

    <ImageView
        android:id="@+id/iv_back"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:src="@drawable/ic_back"/>

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textColor="#ffffff"
        android:text="Custom Title Bar"/>

</LinearLayout>

上述代码中，我们使用了一个水平方向的LinearLayout作为容器，并添加了一个返回按钮ImageView和一个标题TextView。我们还设置了背景颜色和高度为系统默认的标题栏高度。

2. 在Activity中使用自定义标题栏

接下来，我们需要在Activity中使用自定义的标题栏。在你的Activity中，找到onCreate方法，添加以下代码：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // 隐藏系统默认的标题栏
    if (getSupportActionBar() != null) {
        getSupportActionBar().hide();
    }

    // 设置自定义标题栏
    ViewGroup customTitleBar = findViewById(R.id.custom_titlebar);
    View titleBar = getLayoutInflater().inflate(R.layout.custom_titlebar, customTitleBar, false);
    customTitleBar.addView(titleBar);

    // 设置返回按钮点击事件
    ImageView backButton = findViewById(R.id.iv_back);
    backButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // 处理返回按钮点击事件
        }
    });

    // 设置标题文本
    TextView titleText = findViewById(R.id.tv_title);
    titleText.setText("Custom Title Bar");
}

在上述代码中，我们首先隐藏了系统默认的标题栏。然后，我们通过getLayoutInflater().inflate方法将自定义标题栏布局添加到一个ViewGroup中，然后将该ViewGroup添加到Activity的布局中。接着，我们为返回按钮设置了点击事件，并设置了标题文本。

3. 自定义标题栏的风格

我们可以根据自己的需求对自定义标题栏进行风格的修改。例如，可以更改标题栏的背景颜色、按钮图标、字体样式等。下面是一些示例代码：

// 设置标题栏背景颜色
customTitleBar.setBackgroundColor(Color.RED);

// 设置返回按钮图标
backButton.setImageResource(R.drawable.ic_custom_back);

// 设置标题文本字体样式
Typeface typeface = Typeface.createFromAsset(getAssets(), "fonts/custom_font.ttf");
titleText.setTypeface(typeface);

通过上述代码示例，我们可以轻松地自定义标题栏的风格。