时间:2021-05-19
在android移动端的开发中,首页轮播图是一个特别常见的功能,所以今天就来将最近写的一个小demo记录一下。
首先当然是新建一个项目代码如下:
activity_main.xml文件:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.yzp.viewpagedemo.MainActivity" android:background="#f6f6f6"> <!--轮播图--> <RelativeLayout android:id="@+id/topPanel_vpg" android:layout_width="match_parent" android:layout_height="190dp" > <android.support.v4.view.ViewPager android:id="@+id/ViewPage_Detail" android:layout_width="wrap_content" android:layout_height="wrap_content" android:flipInterval="30" android:persistentDrawingCache="animation" /> <LinearLayout android:id="@+id/point_detail" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:orientation="horizontal" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true" > </LinearLayout> </RelativeLayout></RelativeLayout>MainActivity
package com.yzp.viewpagedemo;import android.content.Context;import android.os.Handler;import android.os.Message;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.widget.ImageView;import android.widget.LinearLayout;import java.util.ArrayList;public class MainActivity extends AppCompatActivity { private ViewPager ViewPage_Detail; private LinearLayout point_detail; private Context context; private View view; //轮播图图片资源 private final int[] viewpage_images = {R.mipmap.two, R.mipmap.three, R.mipmap.four, R.mipmap.fifve}; private ArrayList<ImageView> viewpage_imageList; //判断是否自动滚动ViewPage private boolean isRunning = true; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Instantiation(); } public void Instantiation() { ViewPage_Detail = (ViewPager)findViewById(R.id.ViewPage_Detail); point_detail = (LinearLayout)findViewById(R.id.point_detail); //初始化图片资源 viewpage_imageList = new ArrayList<ImageView>(); for (int i : viewpage_images) { // 初始化图片资源 ImageView imageView = new ImageView(this); imageView.setBackgroundResource(i); viewpage_imageList.add(imageView); // 添加指示小点 ImageView point = new ImageView(this); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(15, 15); params.rightMargin = 10; params.bottomMargin = 15; point.setLayoutParams(params); point.setBackgroundResource(R.mipmap.light_blue_point); if (i == R.mipmap.two) { //默认聚焦在第一张 point.setBackgroundResource(R.mipmap.blue_point); point.setEnabled(true); } else { point.setEnabled(false); } point_detail.addView(point); } //首页轮播 CarouselShow carouselShow = new CarouselShow(context, viewpage_imageList); carouselShow.CarouselShow_Info_Detail(this); handler.sendEmptyMessageDelayed(0, 3000); } private Handler handler = new Handler() { public void handleMessage(Message msg) { // 执行滑动到下一个页面 ViewPage_Detail.setCurrentItem(ViewPage_Detail.getCurrentItem() + 1); if (isRunning) { // 在发一个handler延时 handler.sendEmptyMessageDelayed(0, 3000); } } }; @Override public void onDestroy() { // 停止滚动 isRunning = false; super.onDestroy(); }}CarouselShow类(轮播功能实现):
package com.yzp.viewpagedemo;import android.content.Context;import android.support.v4.view.ViewPager;import android.widget.ImageView;import android.widget.LinearLayout;import java.util.ArrayList;/** * 轮播展示公共类 * 作者: yzp on 2016-09-07. * E-mail: 15111424807@163.com * QQ: 486492302 */public class CarouselShow { private final Context context; private LinearLayout point_group; private ArrayList<ImageView> viewpage_imageList; protected int lastPosition = 0; private ViewPager ViewPage_Detail; private LinearLayout point_detail; public CarouselShow(Context context, ArrayList<ImageView> viewpage_imageList) { this.context = context; this.viewpage_imageList = viewpage_imageList; } /** * 当需要多个轮播功能的时候 建立一个类来调用 并实现此方法 */ public void CarouselShow_Info_Detail(MainActivity view){ ViewPage_Detail = (ViewPager)view.findViewById(R.id.ViewPage_Detail); point_detail = (LinearLayout) view.findViewById(R.id.point_detail); ViewPage_Detail.setAdapter(new TeaNetPageAdapter(viewpage_imageList)); // 设置当前viewPager的位置 ViewPage_Detail.setCurrentItem(Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2 % viewpage_imageList.size())); ViewPage_Detail.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageSelected(int position) { // 页面切换后调用, position是新的页面位置 // 实现无限制循环播放 position %= viewpage_imageList.size(); // 把当前点设置为true,将上一个点设为false;并设置point_group图标 point_detail.getChildAt(position).setEnabled(true); point_detail.getChildAt(position).setBackgroundResource(R.mipmap.blue_point);//设置聚焦时的图标样式 point_detail.getChildAt(lastPosition).setEnabled(false); point_detail.getChildAt(lastPosition).setBackgroundResource(R.mipmap.light_blue_point);//上一张恢复原有图标 lastPosition = position; } @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageScrollStateChanged(int state) { } }); }}TeaNetPageAdapter(适配器):
package com.yzp.viewpagedemo;import android.support.v4.view.PagerAdapter;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import java.util.ArrayList;/** * 作者: yzp on 2016-09-07. * E-mail: 15111424807@163.com * QQ: 486492302 */public class TeaNetPageAdapter extends PagerAdapter { private ArrayList<ImageView> viewpage_imageList; public TeaNetPageAdapter(ArrayList<ImageView> viewpage_imageList) { this.viewpage_imageList = viewpage_imageList; } // 需要实现以下四个方法 @Override public int getCount() { return Integer.MAX_VALUE; } @Override public boolean isViewFromObject(View view, Object object) { // 判断view和Object对应是否有关联关系 if (view == object) { return true; } else { return false; } } @Override public Object instantiateItem(ViewGroup container, int position) { // 获得相应位置上的view; container view的容器,其实就是viewpage自身, // position: viewpager上的位置 // 给container添加内容 container.addView(viewpage_imageList.get(position % viewpage_imageList.size())); return viewpage_imageList.get(position % viewpage_imageList.size()); } @Override public void destroyItem(ViewGroup container, int position, Object object) { // 销毁对应位置上的Object // super.destroyItem(container, position, object); container.removeView((View) object); object = null; }}简单的几个类,首页轮播的功能就实现了,不过主类的图片资源就没有贴出来了,到时候可以自己下载几张图片,贴到mipmap文件夹下就OK了。
效果图展示:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
微信小程序swiper组件轮播图照着开发文档尝试,总是能有所收获.之前做Android开发,做个轮播图并不简单,用上viewpage再设置圆点,折腾一通之后还一
AndroidRollPagerView实现轮播图android图片轮播效果,RollViewPager的简单使用在build.gradle(app)加载包co
本文实例讲述了Android开发实现的自动换图片、轮播图效果。分享给大家供大家参考,具体如下:50行代码急速实现轮播图:先看效果:两个例子没太大区别,不过i是布
本文实例为大家分享了Android实现BannerLayout图文轮播功能的具体代码,供大家参考,具体内容如下实现效果图:(1)在biuld.gradle文件加
轮播图实现效果见下图,图片能自己轮播,点击左右按钮进行翻页轮播,鼠标悬停图片或者标题上,停止轮播;效果图为:复制代码代码如下: