zoukankan      html  css  js  c++  java
  • 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的样式就可以任意由我们修改了

  • 相关阅读:
    了解一下下MFC基础中的基础
    【看书】浮点数陷阱
    [bbk4766] 第29集 第三章 Flashback Table 06
    [bbk4778] 第31集 第三章 Flashback Table 08
    [bbk4793] 第36集 第四章 Flashback Database 00
    [bbk4774] 第30集 第三章 Flashback Table 07
    [bbk4759] 第28集 第三章 Flashback Table 05
    [bbk4788] 第35集 第三章 Flashback Table 12
    [bbk4754] 第27集 第三章 Flashback Table 04
    [bbk4781] 第32集 第三章 Flashback Table 09
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/8298276.html
Copyright © 2011-2022 走看看