首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >更改为Android 26后,压缩工具栏中的图标

更改为Android 26后,压缩工具栏中的图标
EN

Stack Overflow用户
提问于 2017-07-27 03:16:49
回答 3查看 1.3K关注 0票数 14

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

下面是相关的布局代码:

代码语言:javascript
运行
复制
            <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>

这是一份压碎的菜单:

代码语言:javascript
运行
复制
<?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>

下面是另一个压缩菜单(它们都是这样):

代码语言:javascript
运行
复制
<?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>

它在SDK v25上的外观

它在SDK v26上的外观

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-07-27 08:13:31

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

更新:

由于工具栏最小高度abc_action_bar_default_height_material56dp,而abc_action_bar_icon_vertical_padding_material16dp,因此工具栏图标在mdpi中的最小大小为24dp

代码语言:javascript
运行
复制
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
票数 12
EN

Stack Overflow用户

发布于 2017-10-11 16:18:21

我在appcompat-v7支持库的26.0.0版本中遇到了这个问题。更新到26.0.2已修正如下:)

见此处:https://issuetracker.google.com/issues/64207386

票数 6
EN

Stack Overflow用户

发布于 2017-08-18 13:19:41

您需要生成不同的可绘制图标并将其放置在各自的文件夹中才能工作。您可以使用此链接生成不同大小的图标。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45340740

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档