BottomNavigationMenu中的圆形菜单项

如何解决BottomNavigationMenu中的圆形菜单项

我希望BottomNavigation菜单中的每个菜单项都有圆角。随附示例菜单图像。有可能吗？

解决方法

我建议您使用库来执行这种菜单，我发现这个https://github.com/gauravk95/bubble-navigation可能会有所帮助

,

您可以在布局文件中添加

        <RelativeLayout
            android:id="@+id/rel_titleText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="@dimen/_20dp"
            android:layout_marginTop="265dp"
            android:layout_marginRight="@dimen/_20dp"
            android:gravity="center|right">
            <!---->
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                android:layout_margin="3dp"
                android:background="@drawable/gradient_in_purchase"
                android:paddingTop="@dimen/_10dp"
                android:paddingBottom="@dimen/_10dp">

             <ImageView
                    android:layout_marginRight="@dimen/_20dp"
                    android:layout_alignParentRight="true"
                    android:src="@drawable/ic_pro1"
                    android:layout_width="@dimen/_24dp"
                    android:layout_height="@dimen/_24dp"/>

           </RelativeLayout>
  </RelativeLayout>

在可绘制文件夹中添加gradient_in_purchase XML，并添加以下代码

     <?xml version="1.0" encoding="utf-8"?>
     <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
     <gradient
    android:startColor="@color/orange"
    
    android:angle="0"/>
    <corners
    android:bottomLeftRadius="@dimen/_10dp"
    android:bottomRightRadius="@dimen/_10dp"
    android:topLeftRadius="@dimen/_10dp"
    android:topRightRadius="@dimen/_10dp"/>

    </shape>

,

最后，我找到了解决问题的方法

1. 添加到bg_prog_round.xml文件

    <solid android:color="@color/edit_text_back" />
   
    <stroke
        android:width="0dp"
        android:color="@color/edit_text_back" />
   
    <corners
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="10dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp" />
   

2. 创建另一个XML文件并将其添加到其中（bg_prog_orange_round.xml）

    <solid android:color="@color/orange" />
   
    <stroke
        android:width="2dp"
        android:color="@color/orange" />
   
    <corners
        android:bottomLeftRadius="@dimen/_15sdp"
        android:bottomRightRadius="@dimen/_15sdp"
        android:topLeftRadius="@dimen/_15sdp"
        android:topRightRadius="@dimen/_15sdp" />
   

3. 创建bottom_back_nav.xml

4. 将此添加到您的BottomNavigationView-> app:itemBackground="@drawable/bottom_nav_back"

还要在其中添加paddingStart,paddingEnd

 <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottom_nav"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            app:itemIconTint="@drawable/bottom_navigation_colors"
            app:itemTextColor="@drawable/bottom_navigation_colors"
            app:itemBackground="@drawable/bottom_nav_back"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:labelVisibilityMode="unlabeled"
            android:paddingStart="@dimen/_45sdp"
            android:paddingEnd="@dimen/_45sdp"
            android:paddingTop="@dimen/_8sdp"
            android:paddingBottom="@dimen/_5sdp"
            app:menu="@menu/bottom_nav_menu" />

结果在这里