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的样式就可以任意由我们修改了

  • 相关阅读:
    Qt5:"Designer: An error has occurred while reading the UI file at line 1, column 0: Premature end of document."错误
    Qt5 : 在使用 QtDesigner 的时候编译通过窗口不显示
    Qt5:遇到 tr() 函数 未定义的错误
    Qt5 : 使用QtDesigner的时候查看代码正确 但是编译的时候总出现 为定义的错误
    第四章:粘住位
    socketread方法
    AT24C02的操作说明
    MSP430常用程序架构
    MSP430F149的存储器结构及FLASH读写
    LCD1602的MSP430驱动函数
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/8298276.html
Copyright © 2011-2022 走看看