工具栏中的双向菜单项未正确镜像

时间:2019-04-05 14:19:16

标签: android xml kotlin android-optionsmenu

将某些菜单项添加到Toolbar后,它们的行为不正常。箭头的方向在LTR(从左到右)布局中正确。但是,当使用RTL(从右到左)布局时,图标的位置会按预期更改,但方向不会更改。在使用可绘制的XML声明了android:autoMirrored="true"时,为什么这些图标拒绝镜像自己?我的清单已包含android:supportsRtl="true"。最低API为23。

已咨询指南

根据Material.io

enter image description here

enter image description here

LTR方向

enter image description here

RTL方向

enter image description here

后退箭头

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:autoMirrored="true"
    android:tint="#FFFFFF"
    android:height="24dp" android:viewportHeight="24.0"
    android:width="24dp" android:viewportWidth="24.0">
    <path android:fillColor="#FF000000" android:pathData="M20,11H7.83l5.59,-5.59L12,4l-8,8 8,8 1.41,-1.41L7.83,13H20v-2z"/>
</vector>

前进箭头

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:autoMirrored="true"
    android:tint="#FFFFFF"
    android:height="24dp" android:viewportHeight="24.0"
    android:width="24dp" android:viewportWidth="24.0">
    <path android:fillColor="#FF000000" android:pathData="M12,4l-1.41,1.41L16.17,11H4v2h12.17l-5.58,5.59L12,20l8,-8z"/>
</vector>

菜单项XML

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".WebviewActivity">

    <item
        android:id="@+id/action_webbrowser_back"
        android:title="@string/back"
        android:icon="@drawable/ic_arrow_back_white"
        app:showAsAction="ifRoom"/>

    <item
        android:id="@+id/action_webbrowser_forward"
        android:title="@string/forward"
        android:icon="@drawable/ic_arrow_forward"
        app:showAsAction="ifRoom" />

    <item
        android:id="@+id/action_webbrowser_reload"
        android:title="@string/reload"
        android:icon="@drawable/ic_refresh"
        app:showAsAction="never"/>
</menu>

0 个答案:

没有答案