为什么黑色无阴影 "Buy with Google Pay" 按钮变体与白色变体不匹配?
Why does the black shadowless "Buy with Google Pay" button variant not match the white variant?
在我的应用程序中使用 the official "Buy with Google Pay" assets 创建无阴影按钮时,黑色按钮的所有边距比白色按钮多。
如下图所示,当使用夜间和白天模式的按钮时,差异很明显。
这是因为 Google 提供的“影子”与“非影子”资产不一致。这可以通过比较 /app/[colour]/res/drawable-xhdpi/
中的 9patch PNG 看出:
请注意,虽然每个图像的阴影图像相同,但 _no_shadow
变体不同。黑色资产在边缘周围有额外的边距(在 9patch 黑色边框之前),导致按钮外观略有不同。
虽然理想的解决方案是 Google 更新提供的资产,但直接的解决方案是将提供的资产替换为像白色资产一样没有保证金的资产。我创建了一个已经有这种处理的集合。
要使用图像,请将每个图像保存在适当的 drawable-x
目录中,如 googlepay_button_no_shadow_background_image.9.png
。
Density
Asset
MDPI
HDPI
XHDPI
XXHDPI
XXXHDPI
在我的应用程序中使用 the official "Buy with Google Pay" assets 创建无阴影按钮时,黑色按钮的所有边距比白色按钮多。
如下图所示,当使用夜间和白天模式的按钮时,差异很明显。
这是因为 Google 提供的“影子”与“非影子”资产不一致。这可以通过比较 /app/[colour]/res/drawable-xhdpi/
中的 9patch PNG 看出:
请注意,虽然每个图像的阴影图像相同,但 _no_shadow
变体不同。黑色资产在边缘周围有额外的边距(在 9patch 黑色边框之前),导致按钮外观略有不同。
虽然理想的解决方案是 Google 更新提供的资产,但直接的解决方案是将提供的资产替换为像白色资产一样没有保证金的资产。我创建了一个已经有这种处理的集合。
要使用图像,请将每个图像保存在适当的 drawable-x
目录中,如 googlepay_button_no_shadow_background_image.9.png
。
Density | Asset |
---|---|
MDPI | |
HDPI | |
XHDPI | |
XXHDPI | |
XXXHDPI |