Android UI电商应用的左右分类布局

最新推荐文章于 2024-04-16 07:10:52 发布

wayne_ren

最新推荐文章于 2024-04-16 07:10:52 发布

阅读量890

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签：移动开发 ui

本文链接：https://blog.youkuaiyun.com/wayne_ren/article/details/84711355

Android 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何在Android UI中实现电商应用的左右分类布局，重点在于合理设置布局以达到理想效果。通过调整相关XML文件，如main.xml和top_selected.xml，可以创建出如图所示的最终展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现起来不是很复杂，主要是合理设置布局。

整体布局 res/layout/main.xml

<LinearLayout ... >

    <LinearLayout
        ...
        android:orientation="horizontal" >
        <ListView
            android:id="@+id/top_list"
            ... />
        <LinearLayout
            android:id="@+id/second_container"
            ... >
            <ListView
                android:id="@+id/second_list"
                ... />
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

选中第一级分类的背景 res/drawable/top_seleted.xml

<layer-list
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <color android:color="#ffe9eaef" />
    </item>
    <item>
        <bitmap android:gravity="right" android:src="@drawable/arrow" android:tileMode="disabled" />
    </item>
</layer-list>

最终效果图：
[img]http://dl2.iteye.com/upload/attachment/0107/4373/80dc1d55-9738-35b4-b15c-07f74a4030c5.png[/img]