更改为Android SDK后在工具栏中压扁图标26

问题描述:

将编辑/定位SDK v25中的应用程序更改为SDK v26后,我应用程序工具栏中的所有菜单图标现在都被压扁/挤压/拉伸。更改为Android SDK后在工具栏中压扁图标26

下面是相关的布局代码:

  <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

+0

你应该张贴您的menu.xml文件的文件 – MatF

+0

没问题,做完。 – DChiuch

+0

@DChiuch,你可以接受我的回答 – Galya

问题在于图标的大小比预期的大。很明显,SDK 26中的缩放机制已经发生了变化,现在它导致了这个UI错误。确保工具栏图标资源以下列尺寸提供。

更新时间:

由于工具栏最低高度abc_action_bar_default_height_material56dpabc_action_bar_icon_vertical_padding_material16dp,工具栏图标的意思是用最小尺寸的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 
+0

不应该是mdpi上的24dp吗? – MatF

+0

谢谢,你是对的,新的SDK在缩小图像方面存在问题,使用正确大小的图像(从24px开始)没有问题 – DChiuch

+0

实际上,在pd中,mdpi中的32px也可以正常工作,但没有缩放bug,但考虑到min工具栏的高度,你是对的,所以我已经更新了答案。 – Galya

您需要生成不同的可绘制图标并放置在相应的文件夹中以进行工作。您可以使用this link生成不同大小的图标。

我在appcompat-v7支持库的版本26.0.0中遇到了这个问题。更新到26.0.2固定它:)

在这里看到:https://issuetracker.google.com/issues/64207386