安卓入门项目-模仿某商城day01-ViewPager实现轮播图

最新推荐文章于 2020-05-01 18:06:12 发布

额di个神

最新推荐文章于 2020-05-01 18:06:12 发布

阅读量427

点赞数

分类专栏：安卓文章标签：安卓入门 ViewPager

本文链接：https://blog.csdn.net/qq_32919451/article/details/100045050

版权

本文是安卓入门项目的一部分，详细介绍了如何使用ViewPager实现轮播图功能。内容涵盖ViewPager的基本概念、在activity_main.xml中布局设置、自定义BannerPagerAdapter及其关键方法的实现、创建自定义弧形ImageView（ArcImageView）以及在attrs.xml中定义属性，最后在MainActivity中实现翻页监听。整个过程旨在帮助初学者理解并实践安卓基础知识点。

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

在公司是经常用到安卓的，所以我一有空就会自学，并把学到的记下来。下面介绍的是我自己练手的一个模仿某商城的小项目，用到的都是安卓很基础的知识点，今天要说的是轮播图涉及到的知识点-ViewPager（也可以用Banner实现），同时会涉及到一些其他的基础知识。先看看界面：

ViewPager简介：

视图翻页工具，可以切换多个页面。我们使用的是最新的androidx包下的。用法就是通过创建适配器adapter给它填充多个View（常见的ImageView），这样就可以左右翻动切换为不同的视图。

（1）activity_main.xml中加入：

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="110dp">
                <!--轮播广告-->
                <androidx.viewpager.widget.ViewPager
                    android:id="@+id/vp_main_banner"
                    android:layout_width="match_parent"
                    android:layout_height="110dp"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentTop="true"
                    android:scaleType="centerCrop"></androidx.viewpager.widget.ViewPager>

                <LinearLayout
                    android:id="@+id/ll_main_points_container"
                    android:layout_width="match_parent"
                    android:layout_height="10dp"
                    android:layout_alignParentBottom="true"
                    android:layout_marginBottom="15dp"
                    android:gravity="center"
                    android:orientation="horizontal">


                </LinearLayout>

            </RelativeLayout>

        </LinearLayout>

把轮播图（id为vp_main_banner的ViewPager）和它下方的一排小圆点(id为ll_main_points_container的LinearLayout)一起放在一个RelativeLayout（相对布局）中

（2）ViewPager需要一个适配器࿰