android - 将图标与工具栏图标对齐 - Android Material Design

Question

在新的 Material Design(使用 AppCompat)中，我试图将一些 Action 图标与新工具栏的抽屉图标对齐。像这样的东西:

我认为我正在正确查看所有指标...

Touch Target Size

问题是我无法完美对齐它，因为在 16px 的左填充之后，图标应该开始，但图标本身也有一些“填充”(来自 Material github 的图标)，例如:

也许是愚蠢的，但我不知道我错过了什么。如何考虑图像内的填充以正确对齐它？我在将单选按钮或复选框与该操作栏图标对齐时遇到同样的问题。

我试过这段代码:

<RelativeLayout
    android:id="@+id/image_button"
    android:layout_width="72dp"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="32dp"
        android:layout_height="48dp"
        android:layout_marginLeft="16dp"
        android:layout_marginStart="16dp"
        android:src="@drawable/ic_label_grey600_48dp" />
</RelativeLayout>

但看起来与我不一致(就像我发布的第一个屏幕截图)。这里看起来也完美对齐:

看起来像是考虑了 72px 和 16px 的填充。

---

更新

好的，让我给你们看更多的例子和一些代码。假设我的列表项有一个带有标签文本的单选按钮。

<RadioButton
     style="?android:textAppearanceMedium"
     android:layout_width="wrap_content"
     android:layout_height="48dp"
     android:layout_marginLeft="16dp"
     android:paddingLeft="32dp"
     android:singleLine="true"/>

结果:

在不使用自定义按钮作为单选按钮(并且知道该按钮的尺寸)的情况下，我实际上没有看到将 marginLeft 和 paddingLeft 设置为正确值的规则...... <-- 这是一个糟糕的选择，因为颜色按钮取 self 的 accentColor( Material 的新东西)。

看起来新的 Gmail 应用程序也面临一些对齐问题(看到当我选择一封邮件时，1 不再与邮件标题对齐):

Answer 1

The problem is that I can't perfectly align it, because after that left padding of 16px, the icons should start, but the icon itself has also some "padding" (icon from material github)

是的，图标必须有一些填充，它会根据图标显示的屏幕分辨率而有所不同。不同屏幕密度的填充:
mdpi 4px * 1.0 = 4px
hdpi 4px * 1.5 = 6px
xhdpi 4px * 2.0 = 8px
xxhdpi 4px * 3.0 = 12px
xxxhdpi 4px * 4.0 = 16px
这是可绘制图标中包含的填充，您不应将其删除。

http://www.google.com/design/spec/style/icons.html#icons-system-icons