仿美团、京东、饿了么点击左边列表右边切换布局UI

最新推荐文章于 2023-01-14 16:49:21 发布

置顶

ii哀情

最新推荐文章于 2023-01-14 16:49:21 发布

阅读量2.6k

点赞数 1

文章标签：布局美团京东 fragment

本文链接：https://blog.csdn.net/anhelloworld/article/details/72626817

版权

本文介绍了一个在Android中实现类似美团、京东、饿了么的UI布局方式，通过在一个Activity中添加两个Fragment，左侧Fragment作为列表，右侧Fragment根据列表选择展示不同内容。点击左侧列表项时，通过接口回调将位置信息传递给右侧Fragment，动态更新其布局和内容。

摘要由CSDN通过智能技术生成

实现思路：一个activity中添加2个fragment，左边的frgament继承自ListFragment，右边的frgament只是做布局UI上的改变直接继承自Fragment，当点击左边列表的某一项item右边的fragment显示对应的信息

MainActivity中布局文件xml中主要是放置两个FrameLayout：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context="com.example.wuke02.listfragmentdemo.MainActivity">
<FrameLayout
android:id="@+id/left_fragment"
android:layout_width="80dp"
android:layout_height="match_parent"
android:background="@color/green">
</FrameLayout>
<FrameLayout
android:id="@+id/right_fragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:background="@color/blue"></FrameLayout>

</LinearLayout>