圓形圖標圖像模糊

我創建了包含png圖標的圓形圖形。根據Android材料準則，圓的直徑爲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>

fragment.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" />