用viewpager实现该效果大致需要5步

1,用support.v4包下的ViewPager。xml布局如下:

  <android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent" />

2,定义一个List<View> list集合,用于盛装viewpager所需的资源(因为viewpager里面可以放图片也可以放置view视图,同样可以实现左右滑动加载布局的效果,所以List的泛型用view表示。)。设置ImageView的图片,并将imageview添加到list集合中。

list = new ArrayList<View>();
//定义一个for循环,设置imageview的背景图片,并将其放在list集合中
for (int i = 0; i < images.length; i++) {
imageView = new ImageView(context);
imageView.setBackgroundResource(images[i]);
list.add(imageView);
}

3,再定义一个List<ImageView> imPoint集合,用于盛装随图片滑动的‘小点’的Imageview,同样需要add到List集合中。

image1 = (ImageView) findViewById(R.id.imageView1);
image2 = (ImageView) findViewById(R.id.imageView2);
image3 = (ImageView) findViewById(R.id.imageView3);
image4 = (ImageView) findViewById(R.id.imageView4);
imPoint = new ArrayList<ImageView>();
imPoint.add(image1);
imPoint.add(image2);
imPoint.add(image3);
imPoint.add(image4);

4,设置监听,实现方法。viewPager.setOnPageChangeListener(new MyPagerListener());
5,设置viewpager的适配器,需要重写isViewFromObject(),getCount(),isViewFromObject(),destroyItem()等方法。

整体实现方法如下:

首先是xml布局文件

<FrameLayout 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=".MainActivity" > <android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent" /> <!-- 用于显示随图片滑动的底部或上部的小点图片 -->
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal" > <ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:src="@drawable/qz_icon_point_sitecover" /> <ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:src="@drawable/qz_icon_point_sitecover" /> <ImageView
android:id="@+id/imageView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:src="@drawable/qz_icon_point_sitecover" /> <ImageView
android:id="@+id/imageView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:src="@drawable/qz_icon_point_sitecover" />
</LinearLayout> </FrameLayout>

接下来是主界面

 package com.dj.viewpagerdemo;

 import java.util.ArrayList;
import java.util.List; import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.widget.ImageView; public class MainActivity extends Activity {
private ViewPager viewPager; // 定义一个集合盛装带点的图片
private List<ImageView> imPoint;
private ImageView image1, image2, image3, image4; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); viewPager = (ViewPager) findViewById(R.id.viewPager);
viewPager.setOnPageChangeListener(new MyPagerListener());
viewPager.setAdapter(new MyViewPagerAdapter(this)); image1 = (ImageView) findViewById(R.id.imageView1);
image2 = (ImageView) findViewById(R.id.imageView2);
image3 = (ImageView) findViewById(R.id.imageView3);
image4 = (ImageView) findViewById(R.id.imageView4);
imPoint = new ArrayList<ImageView>();
imPoint.add(image1);
imPoint.add(image2);
imPoint.add(image3);
imPoint.add(image4); // 设置默认第一个点为蓝色
imageViewSelect(0);
} // 此方法是设置小点的图片,正常情况下为白色,当在图片的position位置是设置为蓝色
public void imageViewSelect(int position) {
// 一般情况下小点是白色的
for (int i = 0; i < imPoint.size(); i++) {
imPoint.get(i).setImageResource(R.drawable.qz_icon_point_sitecover);
}
// viewpager有四张图片,当获得图片的位置的时候小点设置为蓝色。
imPoint.get(position).setImageResource(
R.drawable.qz_icon_point_sitecover_blue);
} public class MyPagerListener implements OnPageChangeListener { @Override
public void onPageScrollStateChanged(int arg0) {
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
// 当新的页面被选中时调用
@Override
public void onPageSelected(int position) {
imageViewSelect(position);
} }
}

最后是viewpager的适配器,在此适配器中设置viewpager需要的图片资源。

 package com.dj.viewpagerdemo;

 import java.util.ArrayList;
import java.util.List; import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.widget.ImageView; public class MyViewPagerAdapter extends PagerAdapter {
//用于盛装Imageview的集合
private List<View> list;
//用于显示页面的图片
private int[] images = { R.drawable.a, R.drawable.b, R.drawable.c,
R.drawable.d };
private ImageView imageView;
/**在构造函数中写for循环,设置背景,便于在主界面传参数的时候将其传入*/
public MyViewPagerAdapter(Context context) {
list = new ArrayList<View>();
//定义一个for循环,设置imageview的背景图片,并将其放在list集合中
for (int i = 0; i < images.length; i++) {
imageView = new ImageView(context);
imageView.setBackgroundResource(images[i]);
list.add(imageView);
}
} // 获得页面数
@Override
public int getCount() {
return list.size();
} // 判断是否由对象生成界面
@Override
public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1;
} // 初始化position位置的界面
@Override
public Object instantiateItem(View container, int position) {
((ViewPager) container).addView(list.get(position));
return list.get(position);
} // 当前页面滑动时调用,移除此页面,方便让下/上一个页面呈现。
@Override
public void destroyItem(View container, int position, Object object) {
((ViewPager) container).removeView(list.get(position));
} }

以上是用viewpager实现左右滑动显示图片的效果,viewpager非常实用,也可以用它来实现左右滑动显示布局的效果。

viewpager实现进入程序之前的欢迎界面效果的更多相关文章

  1. windows程序消息机制(Winform界面更新有关)

    windows程序消息机制(Winform界面更新有关) 转自:http://www.cnblogs.com/blosaa/archive/2013/05/31/3109586.html 1. Win ...

  2. JavaScript中国象棋程序(1) - 界面设计

    "JavaScript中国象棋程序" 这一系列教程将带你从头使用JavaScript编写一个中国象棋程序.这是教程的第1节. 这一系列共有9个部分: 0.JavaScript中国象 ...

  3. 为程序设置多语言界面——C#

    考虑到程序的国际化需求,需要为程序设置多语言界面. 1,新建一个资源文件,名字可以是对应界面+语言代码(MainForm.zh-CN).这样资源文件就会自动添加到对应界面下面. 2,更改界面属性Loc ...

  4. VC++程序员如何做好界面

    本屌丝在新春放假期间闲来无事,在各大编程论坛溜达了一圈.发现年前的帖子中,有VC++程序员在界面开发方面遇到了很多苦恼,有抱怨界面工作不好做的,有抱怨用错了界面库的,也有紧急求得技术问题帮助的.看到这 ...

  5. 网络采集软件核心技术剖析系列(7)---如何使用C#语言搭建程序框架(经典Winform界面,顶部菜单栏,工具栏,左边树形列表,右边多Tab界面)

    一 本系列随笔概览及产生的背景 自己开发的豆约翰博客备份专家软件工具问世3年多以来,深受广大博客写作和阅读爱好者的喜爱.同时也不乏一些技术爱好者咨询我,这个软件里面各种实用的功能是如何实现的. 该软件 ...

  6. C#/.NET基于Topshelf创建Windows服务的守护程序作为服务启动的客户端桌面程序不显示UI界面的问题分析和解决方案

    本文首发于:码友网--一个专注.NET/.NET Core开发的编程爱好者社区. 文章目录 C#/.NET基于Topshelf创建Windows服务的系列文章目录: C#/.NET基于Topshelf ...

  7. 5个界面效果很炫的JavaScript UI 框架

    Web 开发很简单,Web 应用的 UI 开发却很复杂,如果能够利用一些成熟的 UI 框架可以大大的减少开发的复杂度.本文向你介绍 5 款界面效果很不错的 JS 框架. 1. ExtJS ExtJS ...

  8. 总结开发中基于DevExpress的Winform界面效果

    DevExpress是一家全球知名的控件开发公司, DevExpress 也特指此公司出品的控件集合或某系列控件或其中某控件.我们应用最为广泛的是基于Winform的DevExpress控件组,本篇随 ...

  9. Android使用ViewPager实现左右循环滑动及轮播效果

    边界的时候会看到一个不能翻页的动画,可能影响用户体验.此外,某些区域性的ViewPager(例如展示广告或者公告之类的ViewPager),可能需要自动轮播的效果,即用户在不用滑动的情况下就能够看到其 ...

随机推荐

  1. HZOI 可怜与超市 树形dp

    学长留的题,质量还是灰常高的. 而且我树规本身较弱,一道也不想放下 题目链接:https://www.cnblogs.com/Juve/articles/11203824.html 题解:这道题我们可 ...

  2. conda、pip换源以及conda、pip命令比较

    conda换源: conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/ conda ...

  3. bzoj4788: [CERC2016]Bipartite Blanket

    2019.1.9交流题,现在看还是不会,,, 如果只有一边,那么Hall定理即可. 两边?分别满足Hall定理,就是合法的! 证明(构造方案): 左集合先任意形成一个合法匹配,单点增量加入右集合和与右 ...

  4. springboot核心技术(四)-----Docker、数据访问、自定义starter

    Docker 1.简介 Docker是一个开源的应用容器引擎:是一个轻量级容器技术: Docker支持将软件编译成一个镜像:然后在镜像中各种软件做好配置,将镜像发布出去,其他使用者可以直接使 用这个镜 ...

  5. 44个 Javascript 变态题解析 (上)

    原题来自: javascript-puzzlers(http://javascript-puzzlers.herokuapp.com/) 读者可以先去做一下感受感受. 当初笔者的成绩是 21/44… ...

  6. 知道了为什么osg::impostor可以这样设置geometry的QUADS了

    之前一直不理解为什么osg::impostor里面的impostorSprite可以直接设置impostorSprite->getCoords()来设置geometry的四个边角,其实是因为这个 ...

  7. LINUX使用 su 命令临时切换用户身份

    1.su 的适用条件和威力 su命令就是切换用户的工具,怎么理解呢?比如我们以普通用户beinan登录的,但要添加用户任务,执行useradd ,beinan用户没有这个权限,而这个权限恰恰由root ...

  8. TZOJ 2478 How many 0's?(数位DP)

    描述 A Benedict monk No.16 writes down the decimal representations of all natural numbers between and ...

  9. Redis源码解析:24sentinel(五)TLIT模式、执行脚本

    十一:TILT模式 根据之前的介绍可知,哨兵的运行,非常依赖于系统时间,但是当系统时间被调整,或者哨兵中的流程因为某种原因(比如负载较高.IO发生阻塞.进程被信号停止等)而被阻塞时,哨兵的行为就会变得 ...

  10. Ubuntu 链接ln的使用:创建和删除符号链接

    一 . 使用方式 ln [option] source_file dist_file (source_file是待建立链接文件的文件,dist_file是新创建的链接文件) -f 建立时,将同档案名删 ...