Android 隐藏自带标题栏并应用自定义标题栏

一、取消自带标题栏
一般地，打开Android配置文件AndroidManifest.xml，可以在<application></application>中看到系统默认引用AppTheme这一主题

 <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:roundIcon="@mipmap/ic_launcher_round"
            android:supportsRtl="true"
            android:theme="@style/AppTheme">
     </application>

打开res/values/styles.xml 找到<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"></style>，将其修改为

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <!--状态栏背景-->
 </style>

重新编译，即可发现，系统自带状态栏以消失。

二、自定义标题栏（举例子自行领悟）
1.先上效果图，本例可灵活的设计标题栏，例：只显示标题；左边显示图标，中间显示标题，右边显示图标或文字。

2.设计标题栏
在res/layout下新建一个布局文件layout_tutlebar.xml，自定义你的标题栏，此处不多做解释，直接附上我的标题栏布局代码。

<?xml version="1.0" encoding="utf-8"?>
<!--标题栏  需要注意的是，该布局文件注重的是布局与组件样式，而不是组件的内容本身-->
<android.support.constraint.ConstraintLayout 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="50dp"
    tools:context="com.y_bank.monna.ybank.activity.MainActivity">

    <!--头像，相同位置不同源文件的头像放置一个即可-->
    <ImageView
        android:id="@+id/iv_head"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:layout_marginLeft="16dp"
        android:src="@drawable/headpor"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <!--返回按钮，相同位置不同源文件的返回按钮放置一个即可-->
    <ImageView
        android:id="@+id/iv_back"
        android:layout_width="14dp"
        android:layout_height="24dp"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="11dp"
        android:src="@drawable/returnarrow_normal"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <!--标题，相同样式不同名称的标题放置一个即可-->
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/home_title"
        android:textColor="@color/titleName"
        android:textSize="18sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <!--另一标题样式，该标题与上方标题的样式不一样，所以要单独放置一个-->
    <TextView
        android:id="@+id/tt_scanf"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/scanf"
        android:textColor="@color/white"
        android:textSize="18sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <!--图标 扫一扫-->
    <ImageView
        android:id="@+id/iv_scanf"
        android:layout_width="26dp"
        android:layout_height="26dp"
        android:src="@drawable/home_top_icon_flicking_normal"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginRight="20dp"
        android:layout_marginTop="6dp" />

    <!--文字 扫一扫-->
    <TextView
        android:id="@+id/tv_scanf"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/scanf"
        android:textColor="@color/master"
        android:textSize="12sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_marginRight="16dp"/>

</android.support.constraint.ConstraintLayout>

在res/values下新建attr.xml，用于定义资源类型。string为字符串类型，reference为图片资源，integer为数据类型。

<?xml version="1.0" encoding="utf-8"?>
    <resources>
        <declare-styleable name="CustomTitleBar">
            <attr name="title" format="string"/>
            <attr name="head_icon" format="reference"/>
            <attr name="scanf_icon" format="reference"/>
            <attr name="back_icon" format="reference"/>
            <attr name="scan" format="string"/>
            <attr name="titlebar_type" format="integer"/>
        </declare-styleable>
    </resources>

在src的包下新建一个Java文件CustomTitleBar.java，用来实现标题栏并赋予它灵活性，以下附上我的代码。

public class CustomTitleBar extends RelativeLayout {

//为便于记忆，建议与布局文件中的id一一对应
    private ImageView ivHead;  //头像
    private ImageView ivScanf; //图标 扫一扫
    private ImageView ivBack;  //返回图标
    private TextView tvTitle;  //标题 Y-Bank
    private TextView tvScanf;  //文字 扫一扫
    private TextView ttScanf;  //标题 扫一扫

    /**
     * 构造函数
     *
     * @param context
     * @param attrs
     */
    public CustomTitleBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context, attrs);
    }

    /**
     * 初始化视图，根据ID获取控件
     *
     * @param context
     * @param attributeSet
     */
    private void initView(final Context context, AttributeSet attributeSet) {
        View inflate = LayoutInflater.from(context).inflate(R.layout.layout_titlebar, this);
        ivHead = (ImageView) inflate.findViewById(R.id.iv_head);
        tvTitle = (TextView) inflate.findViewById(R.id.tv_title);
        ivScanf = (ImageView) inflate.findViewById(R.id.iv_scanf);
        tvScanf = (TextView) inflate.findViewById(R.id.tv_scanf);
        ivBack = (ImageView) inflate.findViewById(R.id.iv_back);
        ttScanf = (TextView) inflate.findViewById(R.id.tt_scanf);
        init(context, attributeSet);
    }

    /**
     * 初始化资源文件
     *
     * @param context
     * @param attributeSet
     */
    public void init(Context context, AttributeSet attributeSet) {
        TypedArray typedArray = context.obtainStyledAttributes(attributeSet, R.styleable.CustomTitleBar);//获取类型资源
        String title = typedArray.getString(R.styleable.CustomTitleBar_title);//设置标题 Y-Bank类型
        String scanf = typedArray.getString(R.styleable.CustomTitleBar_scan); //设置文字 扫一扫类型
        String tscanf = typedArray.getString(R.styleable.CustomTitleBar_scan); //设置标题 扫一扫类型
        int headIcon = typedArray.getResourceId(R.styleable.CustomTitleBar_head_icon, R.drawable.headpor);//设置头像图片
        int scanfIcon = typedArray.getResourceId(R.styleable.CustomTitleBar_scanf_icon, R.drawable.home_top_icon_flicking_normal);//设置扫一扫图片
        int backIcon = typedArray.getResourceId(R.styleable.CustomTitleBar_back_icon, R.drawable.returnarrow_normal);//设置返回图标

        //标题栏类型,默认为10
        int titleBarType = typedArray.getInt(R.styleable.CustomTitleBar_titlebar_type, 10);

        //赋值进去我们的标题栏
        tvTitle.setText(title);
        tvScanf.setText(scanf);
        ttScanf.setText(tscanf);
        ivHead.setImageResource(headIcon);
        ivScanf.setImageResource(scanfIcon);
        ivBack.setImageResource(backIcon);

		//此处实现标题栏的灵活性，代码可能不是最优化的，欢迎指正。
        switch (titleBarType) {
            //仅显示Y-Bank
            case 9:
                tvTitle.setVisibility(View.VISIBLE);  //显示标题
                ivHead.setVisibility(View.GONE);      //隐藏头像
                ivScanf.setVisibility(View.GONE);     //隐藏扫一扫图标
                tvScanf.setVisibility(View.GONE);     //隐藏扫一扫文字
                ttScanf.setVisibility(View.GONE);     //隐藏扫一扫标题
                ivBack.setVisibility(View.GONE);      //隐藏返回按钮
                break;
            //显示首页标题栏
            case 10:
                tvTitle.setVisibility(View.VISIBLE);  //显示标题
                ivHead.setVisibility(View.VISIBLE);   //显示头像
                ivScanf.setVisibility(View.VISIBLE);  //显示扫一扫图标
                tvScanf.setVisibility(View.VISIBLE);  //显示扫一扫文字
                ttScanf.setVisibility(View.GONE);     //隐藏扫一扫标题
                ivBack.setVisibility(View.GONE);      //隐藏返回按钮
                break;
            //显示标题栏和返回按钮
            case 11:
                tvTitle.setVisibility(View.VISIBLE);  //显示标题
                ivBack.setVisibility(View.VISIBLE);   //显示返回按钮
                ivScanf.setVisibility(View.GONE);     //隐藏扫一扫图标
                tvScanf.setVisibility(View.GONE);     //隐藏扫一扫文字
                ttScanf.setVisibility(View.GONE);     //隐藏扫一扫标题
                ivHead.setVisibility(View.GONE);      //隐藏头像
                break;
            //显示扫一扫标题栏
            case 12:
                ttScanf.setVisibility(View.VISIBLE);//显示标题 扫一扫
                ivBack.setVisibility(View.VISIBLE);//显示返回按钮
                ivScanf.setVisibility(View.GONE);  //显示扫一扫图标
                tvScanf.setVisibility(View.GONE);  //显示扫一扫文字
                ivHead.setVisibility(View.GONE);   //隐藏头像
                tvTitle.setVisibility(View.GONE);  //隐藏标题 Y-Bank
                break;
        }

    }

//下方可以设计标题栏控件的鼠标监听事件
    //返回键点击事件
    public void setBackIconOnClickListener(OnClickListener l) {

    }
}

3.使用标题栏
在布局文件xml中使用

<?xml version="1.0" encoding="utf-8"?>
<com.y_bank.monna.ybank.view.CustomTitleBar 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"
    app:titlebar_type="11"				//传入标志显示相应的标题栏
    app:title="@string/home_title"  //自定义标题的名字
    app:scan="@string/scanf"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.y_bank.monna.ybank.activity.MainActivity">

</com.y_bank.monna.ybank.view.CustomTitleBar>

app下还有更多参数可以实现自定义，自己去发现吧！