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