android toolbar自定义布局,自定义toolbar布局不居中(已解决)

在自定义toolbar的布局时,如果内部使用的布局继承自ViewGroup

(比如LinearLayout、RelativeLayout等),则会在左侧出现一块空白,导致整个toolabr布局右移。

一行 代码搞定右移的问题

app:contentInsetStart="0dp"

代码如下:

android:id="@+id/lcs_discover_toolbar"

android:layout_width="match_parent"

android:layout_height="90dp"

android:minHeight="?attr/actionBarSize"

android:gravity="top"

android:layout_marginBottom="10dp"

app:contentInsetStart="0dp"

app:layout_collapseMode="pin"

app:titleMarginTop="10dp">

android:layout_width="match_parent"

android:layout_height="wrap_content">

android:layout_alignParentLeft="true"

android:layout_marginLeft="10dp"

android:layout_centerVertical="true"

android:id="@+id/lcs_discover_msg"

android:clickable="true"

android:background="@android:color/transparent"

android:src="@drawable/discover_msg"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

android:layout_centerInParent="true"

android:layout_centerVertical="true"

android:id="@+id/lcs_discover_toolbar_title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:gravity="center_horizontal"

android:text="@string/lcs_discover_toolbar_title"

android:textColor="@color/white"

android:textSize="17sp" />

android:id="@+id/lcs_discover_search"

android:clickable="true"

android:layout_centerVertical="true"

android:layout_marginRight="10dp"

android:background="@android:color/transparent"

android:src="@drawable/discover_seach_iocn"

android:layout_alignParentRight="true"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

通过查看toolbar的源码发现,

当contentInsetStart != RtlSpacingHelper.UNDEFINED || contentInsetEnd != RtlSpacingHelper.UNDEFINED时,会执行mContentInsets.setRelative(contentInsetStart, contentInsetEnd)

8093dbb60197?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

8093dbb60197?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

相关变量如下:

8093dbb60197?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

8093dbb60197?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

所以左边会出现5dp的距离

通过分析,我们可以进行解决,在toolbar中加入一条属性即可:

app:contentInsetStart="0dp"

ok 搞定

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值