`

(转) 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>  

 

最终的效果是这样的:

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

分享到:
评论

相关推荐

    ToolBar居中添加控件

    本教程将详细讲解如何在`ToolBar`中居中添加自定义控件,以提升应用界面的美观度和用户体验。 首先,让我们了解`ToolBar`的基本使用。在XML布局文件中,`ToolBar`通常被定义为`android.support.v7.widget.Toolbar`...

    Android-TitleBar自定义标题居中的ToolBar

    本教程将聚焦于如何创建一个自定义的标题居中并且可以添加自定义View到ToolBar的左右两侧的布局。 首先,我们需要在Android项目中引入ToolBar。在`res/layout`目录下创建一个新的XML布局文件,例如`activity_main....

    ActionBar Title文字居中

    如果你的项目使用了`Toolbar`替代`ActionBar`,那么在Activity的布局文件中,你可以直接通过设置`Toolbar`的`android:layout_gravity`属性来实现标题居中: ```xml &lt;androidx.appcompat.widget.Toolbar xmlns:...

    自定义ActionBar标题居中显示

    为了让标题居中,我们可以自定义一个TextView作为Toolbar的内容,并设置其Gravity为居中: ```xml &lt;androidx.appcompat.widget.Toolbar ... app:titleTextColor="@android:color/white"&gt; android:id="@+id/...

    在Androidstudio中亲测toolbar中一些常见的用法好包括如何设置标题居中.zip

    toolbarTitle.setText("标题居中"); ``` 3. **使用SpannableString**:如果需要更复杂的格式化,比如混合颜色或大小的标题,可以使用`SpannableString`来创建标题,然后将其设置到TextView中。 4. **动态更新标题...

    Android Toolbar自定义标题标题居中的实例代码

    Android Toolbar 自定义标题标题居中的实例代码 Android Toolbar 是 Android 应用程序中常用的一个组件,它可以用来实现应用程序的标题栏。标题栏是应用程序的第一印象,良好的标题栏设计可以提高用户体验。在本文...

    toolBar用法(Android studio中测试)

    TextView toolbarTitle = findViewById(R.id.toolbar_title); toolbarTitle.setText("我的标题"); ``` 5. 添加其他元素 `ToolBar`不仅可以展示标题,还可以添加其他元素,如菜单、自定义视图等。例如,添加菜单项:...

    ToolBar 样式更改Demo

    &lt;style name="ToolbarTitle" parent="TextAppearance.Widget.AppCompat.Toolbar.Title"&gt; &lt;!-- 设置字体大小 --&gt; &lt;item name="android:textSize"&gt;20sp &lt;!-- 设置字体颜色 --&gt; &lt;item name="android:textColor"&gt;@...

    Toolbar的封装

    TextView toolbarTitle = toolbar.findViewById(R.id.toolbar_title); toolbarTitle.setText("新标题"); ImageView toolbarImage = toolbar.findViewById(R.id.toolbar_image); toolbarImage.setImageResource(R....

    ToolbarDemo 事项toolbar功能

    android:title="@string/search" app:showAsAction="always"/&gt; &lt;!-- 可以添加更多菜单项 --&gt; ``` 2. 加载菜单:在Activity中重写`onCreateOptionsMenu`方法,加载菜单资源: ```java @Override public ...

    Android自定义toolbar布局

    在Android开发中,`Toolbar`已经取代了传统的`ActionBar`,成为新的导航和展示应用元数据的组件。它提供了一种更加灵活的方式来定制顶部栏,从而实现与Material Design设计规范相一致的用户界面。本教程将详细介绍...

    toolbar

    在Android开发中,`Toolbar`是一个非常重要的组件,它作为Action Bar的替代品引入,提供了更灵活的定制和布局选项。本示例将深入探讨`Toolbar`的使用方法及其相关知识点,帮助开发者更好地理解和应用这一功能强大的...

    Toolbar自定义样式

    本教程将深入探讨如何自定义`Toolbar`的样式,包括改变标题(title)和菜单项(menu items)的文字颜色、大小等。 首先,我们需要在布局文件中添加`Toolbar`组件。以下是一个基本的`Toolbar`配置示例: ```xml ...

    Android转场动画及修订ToolBar左边间距

    本教程将详细讲解如何实现标题中提到的"Android转场动画及修订ToolBar左边间距"。 首先,我们要了解Android中的转场动画类别。在Android中,主要有两种类型的动画:属性动画(Property Animation)和视图动画(View...

    ToolBar的Demo实战

    ToolBar是Android开发中常见的一种组件,它在API Level 21(Android Lollipop)被引入,作为ActionBar的替代品,提供了更加灵活的定制能力和更好的视觉效果。本项目"ToolBar的Demo实战"旨在通过一个简单的实例,帮助...

    简单的TOOLBAR实现

    在Android应用开发中,`ToolBar`是一个非常重要的组件,它为开发者提供了自定义化顶部导航栏的功能,替代了传统的`Action Bar`。本教程将基于`Android Studio`,讲解如何实现一个简单的`ToolBar`,包括设置主标题、...

    toolbar示范_VB6.0的toolbar使用示范_

    在VB6.0(Visual Basic 6.0)中,`Toolbar`是一个非常重要的控件,它用于创建用户界面中的工具栏。工具栏通常包含一系列的按钮,这些按钮代表了程序中的常用功能,使得用户可以快速访问和执行操作,极大地提高了软件...

    自定义ToolBar

    TextView toolbarTitle = toolbar.findViewById(R.id.toolbar_title); toolbarTitle.setText("自定义标题"); ImageButton toolbarButton = toolbar.findViewById(R.id.toolbar_button); toolbarButton....

    Android ToolBar使用图标、菜单事件示例

    在Android应用开发中,`ToolBar`是Android支持库提供的一种可自定义的顶部导航组件,它取代了早期版本中的`ActionBar`,提供了更多的定制性和灵活性。`ToolBar`的设计旨在符合Material Design规范,使得应用程序看...

    ToolBarDemo

    &lt;item name="android:textColorPrimary"&gt;@color/toolbar_title_color &lt;item name="android:textSize"&gt;18sp ``` 并在布局文件中引用这个主题。 6. **动画和交互**:Material Design提供了诸如滑动展开、颜色...

Global site tag (gtag.js) - Google Analytics