android 自定义标题栏

最新推荐文章于 2024-09-12 11:05:51 发布

TINY_SPOT

最新推荐文章于 2024-09-12 11:05:51 发布

阅读量425

点赞数

CC 4.0 BY-SA版权

分类专栏： android studio 安卓进阶之路文章标签：自定义标题栏

本文链接：https://blog.youkuaiyun.com/qq_41550842/article/details/83039761

安卓进阶之路同时被 2 个专栏收录

7 篇文章

订阅专栏

android studio

6 篇文章

订阅专栏

本文介绍了一种在Android应用中自定义标题栏的方法，通过创建包含按钮和文本的LinearLayout布局，实现了可定制的标题栏样式，并展示了如何在Activity中隐藏默认标题栏及注册按钮监听器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想自定义一个标题栏，有一种简单的做法，引入布局文件就可以啦。

我们来模仿一个简单的标题栏，即左右各一个按钮，中间一个文本。也就是说我们只要两个button和一个TextView即可

1.新建一个布局title.xml，代码如图所示：

<?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:background="@drawable/title_bg">//整个布局的背景图

    <Button
        android:id="@+id/title_back"
        android:layout_width="77dp"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:background="@drawable/qod"
        android:text="返回"
        android:textColor="@android:color/darker_gray" />

    <TextView
        android:id="@+id/title_text"
        android:layout_width="214dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:layout_marginTop="7dp"
        android:gravity="center"
        android:text="文本中心"
        android:textColor="@android:color/background_dark"
        android:textSize="24sp" />

    <Button
        android:id="@+id/title_set"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:background="@drawable/gwf"
        android:textColor="@android:color/darker_gray" />
</LinearLayout>

这个文件我们采用LinearLayout，两个按钮一个文本，使用三张图片来为布局和空间指定一个背景，你也可以直接填充颜色，title_bg.png，qod.png,gwf.png分别用于标题栏，返回按钮和设置按钮的背景。

上述文件得到的布局样式图如下：

2.别忘了在MainAcitivity中将系统自带的标题栏隐藏掉，代码如下：

 getSupportActionBar().hide();

3.可在MainAcitivity中注册按钮的监听器，用于实现某种效果，代码如下：

Button back = (Button) findViewById(R.id.title_back);
back.setOnClickListener(new View.OnClickListener(){
        public void onClick(View v){
                Toast.makeText(MainActivity.this , "返回键被点击" , Toast.LENGTH_SHORT).show();
            }
        });

4.运行程序，点击返回按钮，效果图如下（其他的不用管，只需关注标题栏效果即可）