首页 > 解决方案 > BottomNavigationMenu 中的圆形菜单项

问题描述

我想为 BottomNavigation 菜单中的每个菜单项设置圆角。附上示例菜单图像。可能吗?

在此处输入图像描述

标签: javaandroidandroid-studiokotlinandroid-bottomnav

解决方案


您可以在布局文件中添加

        <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>

推荐阅读