android左右滑动实现翻页

原创

mob649e81693c66 2023-11-13 03:05:24 ©著作权

文章标签 java ide Android 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e81693c66的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android左右滑动实现翻页

引言

在现代移动应用程序中，左右滑动实现翻页功能是一种常见且流行的设计模式。该模式可以用于展示图片、新闻、商品等内容。本文将介绍如何在Android应用中使用ViewPager和Fragment来实现左右滑动翻页功能，并提供相应的代码示例。

准备工作

在开始编写代码之前，我们需要先创建一个新的Android项目。在创建项目时，请确保选择适当的项目模板，例如“Empty Activity”或“Basic Activity”。然后，我们需要添加ViewPager和Fragment所需的依赖项。在项目的build.gradle文件中，将以下代码添加到dependencies块中：

implementation 'androidx.viewpager2:viewpager2:1.1.0-alpha01'
implementation 'androidx.fragment:fragment:1.2.5'

创建布局

首先，我们需要在应用的布局文件中添加一个ViewPager。在项目的res/layout目录下的activity_main.xml文件中，添加以下代码：

<androidx.viewpager2.widget.ViewPager2
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

创建Fragment

接下来，我们需要创建两个Fragment，用于显示翻页内容。在项目的java目录下，创建一个名为PageFragment的Java类，并添加以下代码：

public class PageFragment extends Fragment {

    private static final String ARG_PAGE = "page";
    private int mPage;

    public PageFragment() {
        // Required empty public constructor
    }

    public static PageFragment newInstance(int page) {
        PageFragment fragment = new PageFragment();
        Bundle args = new Bundle();
        args.putInt(ARG_PAGE, page);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mPage = getArguments().getInt(ARG_PAGE);
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view = inflater.inflate(R.layout.fragment_page, container, false);
        TextView textView = view.findViewById(R.id.textView);
        textView.setText("Page " + mPage);
        return view;
    }
}

然后，在res/layout目录下创建一个名为fragment_page.xml的布局文件，并添加以下代码：

<TextView
    android:id="@+id/textView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:textSize="24sp" />

创建适配器

我们需要创建一个适配器来管理ViewPager中的Fragment。在项目的java目录下，创建一个名为PagerAdapter的Java类，并添加以下代码：

public class PagerAdapter extends FragmentStateAdapter {

    private static final int NUM_PAGES = 3;

    public PagerAdapter(FragmentActivity fa) {
        super(fa);
    }

    @NonNull
    @Override
    public Fragment createFragment(int position) {
        return PageFragment.newInstance(position + 1);
    }

    @Override
    public int getItemCount() {
        return NUM_PAGES;
    }
}

设置ViewPager

在MainActivity中，我们需要设置ViewPager并将其与适配器关联起来。在项目的java目录下，打开MainActivity类，并添加以下代码：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ViewPager2 viewPager = findViewById(R.id.viewPager);
        PagerAdapter pagerAdapter = new PagerAdapter(this);
        viewPager.setAdapter(pagerAdapter);
    }
}