1

我创建了包含 png 图标的圆形可绘制对象。根据 Android Material 指南，圆的直径为 40dp，图标为 24dp。最初我没有为左、右、上和下设置任何值，因为我假设内部图标项将保持 24dp。但是，它会调整大小。然后我尝试使用宽度和高度属性将其强制为 24dp，这似乎在 AS 的预览中有效，但对平板电脑没有影响。最后，我设置了顶部、底部、左侧和右侧的值，如图所示。我使用 8dp 作为：(40-24)/2 = 8。

问题是圆圈内的图标看起来很模糊，好像它被调整了大小，但我不知道如何处理这个问题。也许有更好的方法将图标放置在圆圈内。毕竟这是一种非常普遍的设计实践。

我已将实际图标放在附加图像中的圆圈旁边以进行比较，但不幸的是，由于图像压缩，很难分辨出清晰度的差异，但请相信我的话，右边的图像看起来像矢量一样一个在FAB。

circle_grid.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="oval">

            <solid
                android:color="@color/colorPrimary"/>

            <size
                android:width="40dp"
                android:height="40dp"/>
        </shape>
    </item>
    <item android:drawable="@drawable/ic_grid_on_white_24dp"
        android:top="8dp"
        android:bottom="8dp"
        android:left="8dp"
        android:right="8dp"
        android:gravity="center"/>
</layer-list>

片段.xml

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="@dimen/screen_edge_margin"
            android:layout_marginStart="@dimen/screen_edge_margin"
            android:src="@drawable/circle_grid" />

在此处输入图像描述

4

2 回答 2

1

您正在使用的设备的 DP 组是什么？如果您的设备作为 hdpi DP，则图标的大小应为 36*36 像素。如果它在 xhdpi 组中，它应该有 48*48 像素大小。如果它在 xxhdpi 组中，那么它的大小应该是 72*72。等等等等。我相信你只有一个尺寸的图标，这就是为什么看起来模糊

于 2016-03-03T13:38:12.773 回答
0

http://www.sweet-web-design.com/wordpress/android-tricks-drawable-objects-or-how-to-draw-a-circle/2874/

这在没有导致图像重新缩放和像素化的情况下有效。

于 2016-03-04T04:36:33.010 回答