代码之家 › 专栏 › 技术社区 › Waseem

如何在android BottomNavigationView上获得方形效果而不是涟漪?

bottomnavigationview navigation layout xml android

Waseem · 技术社区 · 8 年前

我得到的是:

我的目标是:

我通过将此添加到我的构建中获得了第一个。格拉尔德:

compile 'com.android.support:design:25.3.1'
compile 'com.github.ittianyu:BottomNavigationViewEx:1.2.4'

然后这是我的布局xml:

<com.ittianyu.bottomnavigationviewex.BottomNavigationViewEx
            android:id="@+id/bottomView"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:layout_gravity="bottom"
            app:menu="@menu/bottom_nav_items"
            android:background="#f8f8f8"/>

1 回复 | 直到 8 年前

ADM 8 年前

对BottomNavigationView使用自定义布局。布局的可单击父级应包含属性 android:background=“?selectableItemBackground” . 下面是一个示例。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="?selectableItemBackground"
android:clickable="true"
android:duplicateParentState="true"
android:gravity="center"
android:orientation="vertical">

<ImageView
    android:id="@+id/img"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@mipmap/ic_launcher" />


<TextView
    android:id="@+id/txt"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/sel" />

这将提供kitkat上方矩形波纹和kitkat下方和上方普通矩形的体验。如果你根本不想要ripple(在所有android版本中)。使用选择器作为背景。

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
    <shape android:shape="rectangle">
        <solid android:color="#4C000000" />
    </shape>
</item>
<item>
    <shape android:shape="rectangle">
        <solid android:color="@color/transparent" />
    </shape>
</item>

请改用此选项。

<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottomNavigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    app:itemBackground="?selectableItemBackground"
    />

推荐文章

Malte K · CSS前后括号内容不起作用

1 年前