安卓新手求助,这个导航拦样式怎么实现?

图片描述

咸鱼这个导航拦样式怎么实现?就是左右留有空隙,然后每一个图下面有问题,我现在只能实现如下的样式,请问怎么修改?

图片描述

<LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#2A01F6"
                android:gravity="center"
                android:orientation="horizontal">
                <ImageView
                    android:id="@+id/imgSun1"
                    android:layout_width="45dp"
                    android:layout_height="46dp"
                    android:src="@mipmap/curry" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#2A01F6"
                android:gravity="center"
                android:orientation="horizontal">
                <ImageView
                    android:id="@+id/imgMoon2"
                    android:layout_width="30dp"
                    android:layout_height="47dp"
                    android:src="@mipmap/fried_rice" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#2A01F6"
                android:gravity="center"
                android:orientation="horizontal">
                <ImageView
                    android:id="@+id/imgStar5"
                    android:layout_width="38dp"
                    android:layout_height="50dp"
                    android:src="@mipmap/green_curry" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#2A01F6"
                android:gravity="center"
                android:orientation="horizontal">
                <ImageView
                    android:id="@+id/imgStar6"
                    android:layout_width="38dp"
                    android:layout_height="50dp"
                    android:src="@mipmap/green_curry" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="#2A01F6"
                android:gravity="center"
                android:orientation="horizontal">
                <ImageView
                    android:id="@+id/imgStar8"
                    android:layout_width="38dp"
                    android:layout_height="50dp"
                    android:src="@mipmap/green_curry" />
            </LinearLayout>

        </LinearLayout>
阅读 2.4k
3 个回答

recyclerView

通过Android自带的monitor工具,可以导出App的层级结构

「闲鱼」这个是用RelativeLayout实现的

另外,首页的顶部二级导航可以使用GridLayoutRecyclerView等来实现

RecyclerView
设置 LayoutManager,ItemDecoration

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题