完全从底部工具栏中删除填充?

时间:2015-11-26 13:42:00

标签: android

我正为我的应用构建底部Toolbar。它应该与Google设计中的示例完全相同:

enter image description here

我的问题是我无法获得底部工具栏左侧的小“P”图像来填充整个工具栏。总有一个小垫子。当我手动更改工具栏尺寸以更轻薄时,跳过和暂停的图像按钮也不会在工具栏中很好地居中。看看我当前的工具栏:

enter image description here

查看我的工具栏布局文件:

 <?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar_bottom"
    android:layout_width="match_parent"
    android:layout_height="24dp"
    android:background="@android:color/white"
    android:minHeight="24dp"
    android:layout_alignParentBottom="true"
    app:elevation="4dp"
    app:contentInsetLeft="0dp"
    app:contentInsetStart="0dp"
    app:contentInsetRight="0dp"
    android:padding="0dp"
    android:layout_margin="0dp">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:layout_margin="0dp"
        android:padding="0dp"
        android:gravity="center_vertical">

        <ImageView
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:src="@mipmap/ic_launcher"/>

        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="3">
            <ImageButton
                android:id="@+id/btn_skip_previous"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:src="@drawable/ic_skip_previous_black"
                style="@style/Widget.AppCompat.ActionButton" />
            <ImageButton
                android:id="@+id/btn_playpause"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_toRightOf="@id/btn_skip_previous"
                android:src="@drawable/ic_pause_black"
                style="@style/Widget.AppCompat.ActionButton" />
            <ImageButton
                android:id="@+id/btn_skip_next"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_toRightOf="@id/btn_playpause"
                android:src="@drawable/ic_skip_next_black"
                style="@style/Widget.AppCompat.ActionButton" />
        </RelativeLayout>
    </LinearLayout>
</android.support.v7.widget.Toolbar>

请帮助我,如何在第一张图片中找到底部的工具栏?

编辑:这是Daniel Lews的提示。符号现在排列得更好,但是整个地方仍然有很多填充:

enter image description here

1 个答案:

答案 0 :(得分:0)

android:minHeight="24dp"设置Toolbar,因此保证至少24dp高。请尝试删除android:minHeight

(您尝试修复它时设置的大多数其他属性也可能被移除。)

至于控件的居中 - 没有布局属性告诉他们现在居中!有多种方法可以解决这个问题:

  1. 将父RelativeLayout设置为wrap_content的高度,然后使用重力center_vertical
  2. 将每个孩子设为android:layout_centerVertical="true"
  3. 将每个孩子的身高设置为match_parent,然后使用android:gravity设置每个孩子的内容应该去的位置。
  4. ......我确信还有更多方法。

    您可能希望将RelativeLayout更改为LinearLayout,以便您可以使所有按钮以水平方式正确间隔。