更改爲Android SDK後在工具欄中壓扁圖標26

Question

將編輯/定位SDK v25中的應用程序更改爲SDK v26後，我應用程序工具欄中的所有菜單圖標現在都被壓扁/擠壓/拉伸。

下面是相關的佈局代碼：

  <android.support.design.widget.AppBarLayout 
      android:id="@+id/appbar" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

      <RelativeLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content"> 

       <android.support.v7.widget.Toolbar 
        android:id="@+id/toolbar" 
        android:layout_width="match_parent" 
        android:layout_height="?attr/actionBarSize" 
        android:background="?attr/colorPrimary" 
        android:theme="@style/AppTheme.AppBarOverlay" /> 

       <br.com.mauker.materialsearchview.MaterialSearchView 
        android:id="@+id/search_view" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" /> 

      </RelativeLayout> 

     </android.support.design.widget.AppBarLayout> 

下面是squishes菜單：

<?xml version="1.0" encoding="utf-8"?> 
<menu xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto"> 

<item android:id="@+id/action_search" 
    android:title="@string/search" 
    android:icon="@drawable/ic_search_white_48dp" 
    app:showAsAction="ifRoom" /> 

<item 
    android:id="@+id/advanced_search" 
    android:enabled="true" 
    android:title="@string/advanced_search" 
    app:showAsAction="never" /> 

</menu> 

下面是squishes另一個菜單（他們都做）：

<?xml version="1.0" encoding="utf-8"?> 
<menu xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto"> 

<item 
    android:id="@+id/add_photo" 
    android:enabled="true" 
    android:title="@string/add_photo" 
    android:icon="@drawable/ic_add_a_photo_white_48dp" 
    app:showAsAction="ifRoom" /> 

</menu> 

How it looks on SDK v25

How it looks on SDK v26

Answer 1

問題在於圖標的大小比預期的大。很明顯，SDK 26中的縮放機制已經發生了變化，現在它導致了這個UI錯誤。確保工具欄圖標資源以下列尺寸提供。

更新時間：

由於工具欄最低高度abc_action_bar_default_height_material是56dp和abc_action_bar_icon_vertical_padding_material是16dp，工具欄圖標的意思是用最小尺寸的24dp在MDPI：

drawable-mdpi - 24 x 24 px 
drawable-hdpi - 36 x 36 px 
drawable-xhdpi - 48 x 48 px 
drawable-xxhdpi - 72 x 72 px 
drawable-xxxhdpi - 96 x 96 px 

Answer 2

您需要生成不同的可繪製圖標並放置在相應的文件夾中以進行工作。您可以使用this link生成不同大小的圖標。

Answer 3

我在appcompat-v7支持庫的版本26.0.0中遇到了這個問題。更新到26.0.2固定它:)

在這裏看到：https://issuetracker.google.com/issues/64207386