使用ActionBar的主页按钮对齐图标

时间:2015-10-20 09:23:10

标签: android

我有一行包含左侧的图标和右侧的EditText字段。我希望图标与ActionBar的主页箭头/图标和文本字段对齐,以与ActionBar的标题对齐。

最好,图标的大小也与图标匹配。

有谁知道应该怎么做?

这就是我的布局现在的样子

enter image description here

如果我给它一个56dp的高度和一个16dp的填充,我得到以下

enter image description here

编辑以下是图标文字行的XML

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView android:layout_width="56dp"
               android:layout_height="56dp"
               android:padding="16dp"
               android:id="@+id/icon"/>

    <EditText android:layout_width="200dp"
              android:layout_height="wrap_content"
              android:singleLine="true"
              android:id="@+id/text"/>

</merge>

1 个答案:

答案 0 :(得分:3)

您可以访问Google Design Specification,您可以在其中获取图标大小和标题的左边距。

您可以对EditTextImageView

使用以下保证金

以下图片更易理解:

enter image description here

  • 应用栏高度:56dp

  • App栏左右填充:16dp

  • 应用栏图标顶部,底部,左侧填充:16dp

  • 应用栏标题左侧填充:72dp

  • 应用栏标题底部填充:20dp

enter image description here

  • 动作区域高度:56dp
  • 标题区域高度:80dp
  • 标题区域底部填充:8dp
  • 描述区域高度:72dp
  • 描述区域底部填充:16dp

谢谢。愿它能帮到你。