Android ListView实现类似朋友圈的复杂布局

最新推荐文章于 2021-05-26 05:23:10 发布

nightyk

最新推荐文章于 2021-05-26 05:23:10 发布

阅读量8.8k

点赞数 5

CC 4.0 BY-SA版权

文章标签： android listview

本文链接：https://blog.youkuaiyun.com/nightyk/article/details/45057777

这篇博客探讨了如何在Android中使用ListView优化类似朋友圈的复杂布局。通过拆分单个信息的布局为多个item，如title, body, image和bottom，提高列表滚动的流畅性。文章提供了一个实例，将News类拆分为多个ListView items，并展示了具体实现步骤。" 104514064,9344907,MATLAB bar图表错误：'set'输入参数无效,['MATLAB'],"['MATLAB', 'bar图表', 'set函数', '错误修复']

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

开发中时常会遇到用ListView实现类似朋友圈列表的复杂布局，如果一个条信息即为ListView中一项时，那么单个布局的结构会变的很复杂，也会影响列表滚动的流畅性。由于Adapter可以使用多种布局，所以这里采用的方式是将单个信息的布局拆分为多个ListView的item来达到优化的目的。借用facebook新闻页ListView优化中的一张图

先上一张效果图：

这里将一条信息的页面拆分为4个：title, body, image, bottom。

item_title.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="@android:color/white"
              android:padding="5dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/title"/>
</LinearLayout>

item_body.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:padding="5dp"
              android:background="@android:color/white">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Large Text"
        android:lines="4"
        android:id="@+id/body"/>
</LinearLayout>