Android 自定义ToolBar布局的及Title的居中问题处理

     看到很多的博主写关于ToolBar标题居中的问题,不过真正的实现ToolBar的标题居中的不是很多,对此,自己测试了一下,设置了ToolBar的标题居中显示,可以自定义,不为别的,只想大家可以走捷径,节约时间,快速实现:

效果图:

 

 若有需要(上面几个效果的)设置沉浸式状态栏纯色、渐变色、图片全屏、以及Fragment中使用沉浸式状态的可以下载这个免费的案例:(不需要的可以忽略,直接看下面的正题内容

Android沉浸式状态栏,支持状态栏渐变色,纯色, 全屏,亮光、暗色模式,适配android 4.4 -10.0机型,支持刘海屏,滴水屏

https://github.com/Ye-Miao/StatusBarUtil

依赖: 

   
 //设置状态栏颜色,沉浸式状态栏,支持状态栏渐变色,纯色, 全屏,亮光、暗色模式,适配android 4.4 -10.0机型,支持刘海屏,滴水屏
    implementation 'com.github.Ye-Miao:StatusBarUtil:1.7.5'

下面进入正题:

1.在布局中设置:

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/main_blue"
        app:contentInsetStart="0dp"
        app:title="KING"
        app:titleTextColor="@color/main_blue">
        <!--自定义Toobar顶部式样 -->
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:id="@+id/im_left_icon"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:src="@mipmap/ic_launcher" />

            <ImageView
                android:id="@+id/im_left_icon2"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:layout_marginLeft="5dp"
                android:layout_toRightOf="@+id/im_left_icon"
                android:src="@mipmap/ic_launcher" />

            <TextView
                android:id="@+id/tv_back"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="5dp"
                android:layout_toRightOf="@+id/im_left_icon2"
                android:text="BACK"
                android:textColor="@color/bg_black" />

            <TextView
                android:id="@+id/tv_title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:gravity="center"
                android:text="KING"
                android:textColor="@color/bg_black" />

            <TextView
                android:id="@+id/tv_look"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginRight="5dp"
                android:layout_toLeftOf="@+id/im_right_setting"
                android:text="LOOK"
                android:textColor="@color/bg_black" />

            <ImageView
                android:id="@+id/im_right_setting"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_centerVertical="true"
                android:layout_marginRight="5dp"
                android:layout_toLeftOf="@+id/im_right_more"
                android:src="@mipmap/ic_launcher" />

            <ImageView
                android:id="@+id/im_right_more"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:src="@mipmap/ic_launcher" />
        </RelativeLayout>

    </android.support.v7.widget.Toolbar>


    <Button
        android:id="@+id/set_gradient"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="48dp"
        android:padding="16dp"
        android:text="set_gradient"
        android:textAllCaps="false" />

    <TextView
        android:id="@+id/version_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="24dp"
        android:textAllCaps="false"
        android:textColor="@color/start_blue" />
</LinearLayout>

可以看到,在Toobar中设置:app:contentInsetStart="0dp"属性,让标题居中显示,默认是偏右显示的,不设置不会自己居中,自定义可以实现自己想要的布局式样,你可以自己体验一下。

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值