android - 在导航视图菜单项上使用选择器添加自定义形状波纹
问题描述
我想添加带有圆角矩形的波纹效果,并带有导航视图项的选择器。但它不断添加灰色矩形波纹效果。
导航视图
<android.support.design.widget.NavigationView
android:id="@+id/navigation_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
app:itemIconTint="@color/drawer_item"
app:itemTextColor="@color/drawer_item"
app:itemBackground="@drawable/drawer_item_bg"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:menu="@menu/bottom_app_bar_menu"/>
Drawer_item_bg.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@drawable/drawer_selected_item_bg"/>
<item android:state_checked="false" android:drawable="@android:color/transparent"/>
<item android:state_pressed="true" android:drawable="@drawable/custom_ripple_navitem"/>
<item android:state_selected="true" android:drawable="@drawable/custom_ripple_navitem"/>
<item android:state_focused="true" android:drawable="@drawable/custom_ripple_navitem"/>
custom_ripple_navitem.xml
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#360074FF">
<item android:id="@android:id/mask">
<shape android:shape="rectangle">
<corners android:radius="8dp"/>
</shape>
</item>
结果是
解决方案
使用材质组件,您可以使用以下内容:
<com.google.android.material.navigation.NavigationView
app:itemShapeAppearanceOverlay="@style/ShapeAppearanceOverlay.NavItem.Rounded"
app:itemShapeFillColor="@color/selector_navitem"
android:theme="@style/ThemeOverlay.NavItem.Ripple"
../>
使用该app:itemShapeAppearanceOverlay
属性,您可以为每个项目定义自定义形状:
<style name="ShapeAppearanceOverlay.NavItem.Rounded" parent="">
<item name="cornerFamily">rounded</item>
<item name="cornerSize">8dp</item>
</style>
使用该app:itemShapeFillColor
属性,您可以定义用于填充形状的颜色:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:alpha="0.50" android:color="@color/primaryColor" android:state_pressed="true"/>
<item android:alpha="0.12" android:color="@color/primaryColor" android:state_activated="true"/>
<item android:alpha="0.12" android:color="@color/primaryColor" android:state_checked="true"/>
<item android:color="@android:color/transparent"/>
</selector>
最后使用android:theme
覆盖波纹使用的颜色。
<style name="ThemeOverlay.NavItem.Ripple" parent="">
<item name="android:colorControlHighlight">@android:color/transparent</item>
</style>
注意:它需要材料组件库的 1.1.0 版本。
推荐阅读
- powershell - 从 C# 调用 Write-Verbose
- python - 使用 selenium 时出现错误,当我将值发送到输入字段时,它开始以错误的顺序发送
- python - pd 数据框按 id 添加行
- next.js - 服务器错误 ReferenceError: 未定义窗口
- javascript - 如何使用 Electron 打印 txt 文件或字符串?
- ios - AVPlayer 搜索并不总是准确的
- sublimetext - 崇高文本 4113:转到定义无法正常工作
- amazon-web-services - AWS codeartifact 无法更新校验和元数据
- mysql - 我想将简单的 SQL 查询转换为 mongo 查询
- python - 在 python 和类型中动态检查参数类型