ViewPage+Fragment + ListView可左右滑动翻页（仿微信页面）

最新推荐文章于 2025-02-19 11:29:42 发布

foreverlxm

最新推荐文章于 2025-02-19 11:29:42 发布

阅读量3.5k

点赞数 2

分类专栏： Android

本文链接：https://blog.youkuaiyun.com/foreverlxm/article/details/51027302

版权

该博客介绍如何创建一个类似微信的界面，通过结合ViewPage、Fragment和ListView实现左右滑动翻页的效果。作者新建了四个Fragment类作为滑动页面，并详细讲解了MainActivity及对应的布局文件设置，同时在Home界面添加了ListView，展示了listview子项目的布局文件设计。

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

最近因为需求，要实现类似微信的界面（可左右滑动，可上下滑动）

新建项目（实现左右滑动的效果Activity + Fragment + PageView）

新建四个类继承自Fragment作为滑动界面时显示的四个页面

其中Home页面对应main_tab_01.xml，代码如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Home"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

<ListView
    android:id="@+id/Home_list"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
</ListView>

</LinearLayout>

类的代码如下

package com.example.forever.day1_tab;


import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * Created by forever on 2016/3/30.
 */
public class Home<span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family: Arial, Helvetica, sans-serif;">extends Fragment {</span>
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.main_tab_01,container,false);
    }
}

四个子界面类的代码均相同

MainActivity以及其对应的activity_main.xml

activity_main.xml如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eee"
    android:orientation="vertical">
    <include layout="@layout/top_bar"></include>
    <android.support.v4.view.ViewPager
        android:id="@+id/v_Pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

    </android.support.v4.view.ViewPager>

最低0.47元/天解锁文章