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

转自：http://blog.youkuaiyun.com/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>  

 

最终的效果是这样的：

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