Android Toolbar左、中、右对齐

川长思鸟来 2024-02-17 16:22 41阅读 0赞

**Android Toolbar左、中、右对齐**

默认的Android Toolbar中添加子元素view是从左到右依次添加。需要注意的是，Android Toolbar为自身的NavigationIcon（app:navigationIcon）最靠右，Logo（app:logo）紧接NavigationIcon、Title（app:title）接续Logo、保留了默认的位置（从左边到右）。这些Android Toolbar保留的系统设置字段将挤压开发者自己安放在Toolbar中的子view，如图所示：

![Center][]

上图的XML实现代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res/zhangphil.toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    
        <android.support.v7.widget.Toolbar
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="#03a9f4"
            android:minHeight="?attr/actionBarSize"
            android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
            app:logo="@drawable/ic_launcher"
            app:navigationIcon="@android:drawable/ic_menu_delete"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:title="title" >
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="left"
                android:text="左" />
    
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:text="中" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="右" />
        </android.support.v7.widget.Toolbar>
    
        
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/toolbar"
            android:text="左" />
    
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/toolbar"
            android:layout_centerHorizontal="true"
            android:text="中" />
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_below="@+id/toolbar"
            android:text="右" />
    
    </RelativeLayout>

如果没有使用Android Toolbar自身的app:navigationIcon、app:logo、app:title，则可以大致实现自定义的view居中、居右显示，但居左仍会有一些小瑕疵，因为Android Toolbar仍然为NavigationIcon（app:navigationIcon）在Toolbar的最左边保留了一定的空间位置，如图：

![Center 1][]

上图实现的XML代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res/zhangphil.toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    
        <android.support.v7.widget.Toolbar
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="#03a9f4"
            android:minHeight="?attr/actionBarSize"
            android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" >
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="left"
                android:text="左" />
    
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:text="中" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="右" />
        </android.support.v7.widget.Toolbar>
    
        
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/toolbar"
            android:text="左" />
    
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/toolbar"
            android:layout_centerHorizontal="true"
            android:text="中" />
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_below="@+id/toolbar"
            android:text="右" />
    
    </RelativeLayout>

也即删掉了Toolbar的三个属性定义：app:navigationIcon、app:logo、app:title 。

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/1a7fb579677a4d7db2802d92ff578fd9.png
[Center 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/0f09c13bfd334df1a3ab9c46369e8b05.png

发表评论取消回复

表情：

评论列表（有 0 条评论，41人围观）

还没有评论，来说两句吧...

相关阅读

相关 [Android]Toolbar

Toolbar是由AndroidX库提供的，它的强大之处在于，它不仅继承了ActionBar的所有功能，并且灵活度很高，可以配合其他控件完成一些Material Design的

野性酷女/ 2024年03月27日 09:05/ 0 赞/ 85 阅读

相关 Android Toolbar左、中、右对齐

Android Toolbar左、中、右对齐默认的Android Toolbar中添加子元素view是从左到右依次添加。需要注意的是，Android Tool

川长思鸟来/ 2024年02月17日 16:22/ 0 赞/ 42 阅读

相关 12. 对字符串进行左、右、居中对齐

例如，某字典存储了一系列属性值： { "lodDist": 100.0, "SmallCull": 0.04, "D

矫情吗；*/ 2023年10月10日 10:09/ 0 赞/ 57 阅读

相关 printf（）的左对齐和右对齐 —— C语言

1.左对齐有两种，第一种，就是正常默认打印格式 int main() { printf("%d\n", 121212121);

逃离我推掉我的手/ 2023年09月29日 10:29/ 0 赞/ 24 阅读

相关 HTML让两个span分别向左向右对齐（两端对齐）

CSS代码 .box { width: 100%; / 因为 content 会另起一行，影响样式的话，height 设置为具体的值可

旧城等待，/ 2023年07月21日 11:22/ 0 赞/ 24 阅读

相关 HTML左中右div布局

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <

ゞ浴缸里的玫瑰/ 2023年07月13日 10:44/ 0 赞/ 21 阅读

相关 view里面内容左对齐或者右对齐

<view style="text-align: left; display: inline-block"> <view>共监测设备：100个</view

浅浅的花香味﹌/ 2022年11月30日 01:59/ 0 赞/ 213 阅读

相关 java编写九九乘法表的左、右、居中对齐

1.左对齐 public NineLeft(int num) { for (int i = 1; i < num + 1

刺骨的言语ヽ痛彻心扉/ 2022年11月06日 14:00/ 0 赞/ 359 阅读

相关 LinearLayout中组件右对齐

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://sch

Bertha 。/ 2022年07月20日 12:28/ 0 赞/ 206 阅读

相关关于Android中ToolBar返回

oolbar 使用简单介绍：在布局中 findViewById 找到控件，注意需要 v7 适配包中的Toolbar getSupportActionBar（too

系统管理员/ 2022年06月01日 04:13/ 0 赞/ 670 阅读