• Toolbar自定义布局


    Toolbar如何使用想必大家清楚地很,实际开发中标题栏的样式各色各样,因此其基本样式便不能满足我们的需求,这就需要我们自定义布局。打开ToolBar源码我们发现它继承ViewGroup,这就表示我们可以把它当做一个存放控件的容器。

     <android.support.v7.widget.Toolbar
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="@color/colorPrimary"
                android:gravity="center">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="标题"
                    android:textSize="16sp"
                    android:textColor="@color/white"
                />
            </LinearLayout>
        </android.support.v7.widget.Toolbar>

    结果:左边出现一片空白 
    这里写图片描述 
    查找源码发现:

       final int contentInsetStart =
                    a.getDimensionPixelOffset(R.styleable.Toolbar_contentInsetStart,
                            RtlSpacingHelper.UNDEFINED);
            final int contentInsetEnd =
                    a.getDimensionPixelOffset(R.styleable.Toolbar_contentInsetEnd,
                            RtlSpacingHelper.UNDEFINED);
            final int contentInsetLeft =
                    a.getDimensionPixelSize(R.styleable.Toolbar_contentInsetLeft, 0);
            final int contentInsetRight =
                    a.getDimensionPixelSize(R.styleable.Toolbar_contentInsetRight, 0);
    
            mContentInsets.setAbsolute(contentInsetLeft, contentInsetRight);
    
            if (contentInsetStart != RtlSpacingHelper.UNDEFINED ||
                    contentInsetEnd != RtlSpacingHelper.UNDEFINED) {
                mContentInsets.setRelative(contentInsetStart, contentInsetEnd);
            }

    是这个contentInsetStart导致了左边的留白,我们只要将左边距置为0即可。

       <android.support.v7.widget.Toolbar
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:contentInsetLeft="0dp"
            app:contentInsetStart="0dp">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="@color/colorPrimary"
                android:gravity="center">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="标题"
                    android:textSize="16sp"
                    android:textColor="@color/white"
                />
            </LinearLayout>
        </android.support.v7.widget.Toolbar>

    这里写图片描述 
    这样Toobar的样式就可以任意由我们修改了

  • 相关阅读:
    PostgreSQL 语法
    Linux 上安装 PostgreSQL
    Gitlab基础知识介绍
    Grafana 入门知识介绍
    数据卷容器
    Docker网络详解——原理篇
    Docker网络详细理解-容器网络互通
    搭建Elasitc stack集群需要注意的日志问题
    创建Elasticsearch集群并为它们配置TLS安全通信
    Elastic:为Elastic Docker部署设置安全
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/8298276.html
Copyright © 2020-2023  润新知