Android——自定义顶部标题栏

Android UI布局与Activity实践

最新推荐文章于 2025-09-12 13:26:02 发布

原创最新推荐文章于 2025-09-12 13:26:02 发布 · 2.1k 阅读

8 ·

CC 4.0 BY-SA版权

Android学习专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了一个Android应用的UI布局设计，包括使用XML定义的标题栏和主体内容布局，以及MainActivity.java中对布局的加载和操作。通过具体的代码示例，展示了如何在Android应用中实现自定义的标题栏，并通过MainActivity的onCreate方法设置布局，同时隐藏系统默认的标题栏。

就这样的一个简约而不简单的标题栏
前端代码
title.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:id="@+id/bt1"
        android:layout_width="80sp"
        android:layout_height="wrap_content"
        android:background="#0000"
        android:text="返回"
        android:textSize="20dp"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我爱你"
        android:textSize="20dp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="8dp"/>
    <Button
        android:id="@+id/bt2"
        android:layout_width="80sp"
        android:layout_height="wrap_content"
        android:background="#0000"
        android:text="测试"
        android:textSize="20dp"
        android:layout_alignParentRight="true"/>
</RelativeLayout>

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">

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

</LinearLayout>

后端代码
MainActivity.java

public class MainActivity extends AppCompatActivity {
    private Button bt1;
    private EditText editText;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ActionBar actionBar = getSupportActionBar();
        if(actionBar != null){
            actionBar.hide();
        }

    }
}

主要就是前端也一个标题布局，放入想加的布局中，后端代码没干啥事，就是帮着隐藏了原标题栏（hide()方法）。