(转) ToolBar的title的精确居中!

转自:http://blog.csdn.net/tt_man/article/details/52791270

今天做一个项目:需要用到ToolBar的Title居中,

网上的流行的解决办法是在ToolBar里面嵌套一个TextView,布局如下:

[html] view plain copy
 
  1. <span style="font-size:18px;"><android.support.v7.widget.Toolbar  
  2.         android:id="@+id/recommand_toolbar"  
  3.         android:layout_width="match_parent"  
  4.         android:layout_height="wrap_content"  
  5.         android:minHeight="?attr/actionBarSize"  
  6.         android:background="@color/colorWhite"  
  7.         android:layout_gravity="center">  
  8.   
  9.         <TextView  
  10.             android:layout_width="match_parent"  
  11.             android:layout_height="wrap_content"  
  12.             android:gravity="center"  
  13.             android:text="@string/app_name"  
  14.             android:textSize="22sp" />  
  15.   
  16.     </android.support.v7.widget.Toolbar></span>  
最后的效果如下:

很明显:这样“壁纸精选”和“热门”的中轴线是不重合的!

那么有没有办法能使得它真正的居中呢?

方法很简单:只需要在ToolBar的属性设置中添加如下语句:

app:contentInsetStart="0dp"
最终的布局是这样的:
[html] view plain copy
 
  1. <android.support.v7.widget.Toolbar  
  2.         android:id="@+id/recommand_toolbar"  
  3.         android:layout_width="match_parent"  
  4.         android:layout_height="wrap_content"  
  5.         android:minHeight="?attr/actionBarSize"  
  6.         android:background="@color/colorWhite"  
  7.         app:contentInsetStart="0dp"  
  8.         android:layout_gravity="center">  
  9.   
  10.         <TextView  
  11.             android:layout_width="match_parent"  
  12.             android:layout_height="wrap_content"  
  13.             android:gravity="center"  
  14.             android:text="@string/app_name"  
  15.             android:textSize="22sp" />  
  16.   
  17.     </android.support.v7.widget.Toolbar>  
最终的效果是这样的:

我们看到:这样就准确的居中了。

猜你喜欢

转载自jameskaron.iteye.com/blog/2406178