10

在新的Material Design(使用AppCompat)中,我試圖將某些動作圖標與新工具欄的抽屜圖標對齊。喜歡的東西:將圖標與工具欄圖標對齊 - Android Material Design

enter image description here

我想我在尋找正確的所有指標...

Touch Target Size

enter image description here

的問題是,我不能完全對齊,因爲在16px左邊的填充之後,圖標應該開始,但是圖標本身也有一些「padding」(來自素材github的圖標),如:

enter image description here

也許是愚蠢的,但我不知道我失蹤了。我如何考慮圖像內的填充以正確對齊它?我對齊單選按鈕或複選框與該操作欄圖標也有同樣的問題。

我試過這段代碼:

<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> 

但看起來並不一致,我(像在第一截圖我張貼)。這裏看起來也完全一致:

enter image description here

,看起來喜歡走在考慮的東西比這72px和填充的16px的更多。


UPDATE

好吧,讓我告訴你們更多的例子和一些代碼。想像我的列表項目有一個帶有標籤文本的單選按鈕。

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

結果:

enter image description here

enter image description here

其實我不看規則marginLeft和paddingLeft設置爲正確的值,而不使用自定義按鈕,單選按鈕(並知道該按鈕的尺寸)... < - 這是一個不好的選擇,因爲顏色按鈕來自我的accentColor(材料的新材料)。

它也像新的Gmail應用面臨一些調整的問題(見當我選擇一個郵件時,1不再與郵件標題排列):

enter image description here

enter image description here

+0

也許發表您的版本的截圖和代碼,所以我們可以看到你實際上想出了? – 2014-11-05 00:45:18

+0

我做了一個單選按鈕的例子。只需將文本與操作欄對齊即可(不是單選按鈕標籤)。也正如我所說,也有問題對齊圖標(你不知道內部填充)。 – 2014-11-09 21:42:37

+0

在您的適配器中,在newView/bindView中爲什麼不手動調整圖標的邊距? – Codeversed 2014-11-14 15:36:18

回答

2

問題是,我不能完全對齊它,因爲在此之後 左側填充16px,圖標應該開始,但圖標本身也有一些「填充」(來自材料github的圖標)

是的,圖標必須有一些填充,它會根據圖標顯示的屏幕分辨率而變化。 對於不同的屏幕密度的襯墊:
MDPI             4像素* 1.0 = 4像素
HDPI               4像素×1.5 = 6個像素
xhdpi           4像素* 2.0 = 8px
xxhd PI       4PX * 3.0 = 12px的
xxxhdpi   4PX * 4.0 = 16px的
這是包含在圖標繪製填充,你不應該將其刪除。 icon live area

enter image description here

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

+0

謝謝!我正在尋找那個。所以......創建一個樣式(在res文件夾中)是否有意義,這取決於dpi的填充會有所不同?我的單選按鈕示例如何?它是否也遵循這些規則? – 2015-01-28 18:29:42

+0

我現在無法回覆您,因爲我沒有對它進行測試。接下來的幾天,我也將不得不調整一些單選按鈕,所以我會讓你知道。請注意,Google的具有材質設計的應用在對齊方面仍存在一些問題,而AppCompat小部件可能會遇到一些問題。 – vovahost 2015-01-28 20:19:05