iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >ViewPager实现轮播图引导页
  • 816
分享到

ViewPager实现轮播图引导页

2024-04-02 19:04:59 816人浏览 独家记忆
摘要

本文实例为大家分享了ViewPager实现轮播图引导页的具体代码,供大家参考,具体内容如下 创建fragment将fragment对象添加到viewPager中,使其可以进行左右滑动

本文实例为大家分享了ViewPager实现轮播图引导页的具体代码,供大家参考,具体内容如下

创建fragment将fragment对象添加到viewPager中,使其可以进行左右滑动的功能

fragmentList.add(new Fragment1());
        fragmentList.add(new Fragment2());
        fragmentList.add(new Fragment3());
        FragAdapter fragAdapter = new FragAdapter(getSupportFragmentManager(), fragmentList);
        
        vp.setAdapter(fragAdapter);

实现跟随页面滑动的小圆点,小圆点颜色跟着变化

final List<ImageView> imglist = new ArrayList<>();
        
        for (int i = 0; i < fragmentList.size(); i++) {
            ImageView imageView = new ImageView(this);
            if (i == 0){
                imageView.setImageResource(R.drawable.t);
            }else {
                imageView.setImageResource(R.drawable.f);
            }
            imageView.setPadding(20,0,0,0);
            ll.addView(imageView);
            imglist.add(imageView);
        }
        vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                for (int i = 0; i < imglist.size() ; i++) {
                    if (position == i){
                        imglist.get(i).setImageResource(R.drawable.t);
                    }else {
                        imglist.get(i).setImageResource(R.drawable.f);
                    }
                }
            }
            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });

手动搞一个小圆点选择器

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="Http://schemas.android.com/apk/res/android" android:shape="oval">
<solid android:color="#03A9F4"></solid>
<size android:height="10dp" android:width="10dp"></size>
</shape>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
    <solid android:color="#929597"></solid>
    <size android:height="10dp" android:width="10dp"></size>
</shape>

当viewPager滑动到最后一页时,实现倒计时跳转的功能(好几种方式,这个是最简单)

//在主页面写一个Textview,当滑动到最后一页时,让他开始实现倒计时
  vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                if (position == fragmentList.size()-1){
                    Timer timer = new Timer();
                    timer.schedule(new TimerTask() {
                        @Override
                        public void run() {
                            index--;
                            runOnUiThread(new Runnable() {
                                @Override
                                public void run() {
                                    txt.setText("倒计时"+index);
                                    if (index == 0){
                                        Intent intent = new Intent(WelcomeActivity.this, MainActivity.class);
                                        startActivity(intent);
                                    }
                                }
                            });
                        }
                    },0,1000);
                }
            }

            @Override
            public void onPageScrollStateChanged(int state) {            }
        });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: ViewPager实现轮播图引导页

本文链接: https://www.lsjlt.com/news/166866.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • ViewPager实现轮播图引导页
    本文实例为大家分享了ViewPager实现轮播图引导页的具体代码,供大家参考,具体内容如下 创建fragment将fragment对象添加到viewPager中,使其可以进行左右滑动...
    99+
    2024-04-02
  • ViewPager如何实现轮播图Banner/引导页Guide
    小编给大家分享一下ViewPager如何实现轮播图Banner/引导页Guide,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Banner效果: Github链接...
    99+
    2023-05-30
    viewpager banner guide
  • android实现轮播图引导页
    android轮播图引导页(因为是引导页,所以不具备自动轮播的功能) 示例: 代码后面有数字,3.1开始就是开始做小圆点 //分为三个部分 (1)布局 activity_lun_b...
    99+
    2024-04-02
  • android ViewPager实现一个无限轮播图
    上节我们实现了一个图片可以无限滑动的ViewPager,这一节我们需要自定义一个ViewPager来实现我们想要展现的布局 首先我们需要建一个包,然后新建一个java类,名字随便起 ...
    99+
    2024-04-02
  • ViewPager实现漂亮的引导页
    废话就不多说了,直接上效果图和代码fry.Activity01package fry;import java.util.ArrayList;import java.util.Collection;import java.util.Itera...
    99+
    2023-05-30
    viewpager 引导页 age
  • android viewpager实现轮播效果
    本文是基于ViewPager实现的无限自动轮播banner,供大家参考,具体内容如下 分为四步去实现: 第一步是有限手动轮播; 第二步是无限轮播; 第三步是自动轮播; 第四步是指示...
    99+
    2024-04-02
  • android ViewPager如何实现一个无限轮播图
    这篇文章主要介绍android ViewPager如何实现一个无限轮播图,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!首先我们需要建一个包,然后新建一个java类,名字随便起这个类我们需要随便继承自一个vi...
    99+
    2023-06-29
  • android viewpager怎么实现轮播效果
    本篇内容介绍了“android viewpager怎么实现轮播效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!分为四步去实现:第...
    99+
    2023-07-02
  • Android 应用中的轮播图怎么利用ViewPager实现
    这篇文章将为大家详细讲解有关Android 应用中的轮播图怎么利用ViewPager实现,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。Drawable文件夹下的xml代码:Shape_yes...
    99+
    2023-05-31
    android viewpager age
  • JavaScript实现首页图片轮播图效果
    目录一、轮番图二、源码展示设置body样式设置实现轮番一、轮番图 效果展示: 轮播图是指在一个模块或者窗口,通过鼠标点击或手指滑动后,可以看到多张图片。这些图片统称为轮播图,这个模...
    99+
    2024-04-02
  • js实现网页图片轮换播放
    本文实例为大家分享了js实现网页图片轮换播放的具体代码,供大家参考,具体内容如下 1、实现效果如下: 2、实现功能: (1)点击左右箭头之后,下面显示的图片会换成对应的上一张或下一...
    99+
    2024-04-02
  • JavaScript超详细实现网页轮播图
    目录创建HTML页面实现js部分的功能1、左右按钮2、动态生成小圆圈3、点击小圆圈,小圆圈变色4、点击小圆圈滚动图片5、点击右侧按钮一次,就让图片滚动一张。6、点击右侧按钮, 小圆圈...
    99+
    2024-04-02
  • Android使用ViewPager实现启动引导页效果
    本文实例为大家分享了Android实现启动引导页效果的具体代码,供大家参考,具体内容如下 ViewPagerTwoActivity.java package cn.edu.zu...
    99+
    2024-04-02
  • JavaScript是怎样实现网页轮播图
    这篇文章将为大家详细讲解有关JavaScript是怎样实现网页轮播图,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。前言:      ...
    99+
    2023-06-22
  • angularjs如何实现首页轮播图效果
    这篇文章给大家分享的是有关angularjs如何实现首页轮播图效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下<!DOCTYPE html> ...
    99+
    2024-04-02
  • JavaScript如何实现首页图片轮播图效果
    这篇文章主要介绍“JavaScript如何实现首页图片轮播图效果”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript如何实现首页图片轮播图效果”文章能帮助大家解决问题。一、轮番图效果展...
    99+
    2023-07-02
  • Android ViewPager自定义轮播图并解决播放冲突
    本文实例为大家分享了Android ViewPager自定义轮播图,并解决播放冲突,供大家参考 首先介绍一下这篇小代码: 注释全面,简单易学,适用初学者,图片自拟!!! 一定要将Ar...
    99+
    2024-04-02
  • 使用Viewpager时与轮播图出现冲突如何解决
    今天就跟大家聊聊有关使用Viewpager时与轮播图出现冲突如何解决,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。实例如下://解决ViewPager和轮播图滑动冲突@Overrid...
    99+
    2023-05-31
    viewpager age pager
  • Android使用ViewPager实现启动引导页效果的案例
    这篇文章将为大家详细讲解有关Android使用ViewPager实现启动引导页效果的案例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体内容如下ViewPagerTwoActivity.javapack...
    99+
    2023-06-14
  • JavaScript实现轮播图案例
    本文实例为大家分享了JavaScript实现轮播图效果的具体代码,供大家参考,具体内容如下 运用定时器所写成的一个简单的轮播图,直接看代码,如下: 1.css代码 <sty...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作