ViewPager图片轮转带点的
布局页面设置:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v4.view.ViewPager>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_alignParentBottom="true"
android:layout_marginBottom="30dp"
android:layout_alignParentLeft="true">
<Button
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="点击进入"
android:textColor="#ffffff"
android:textSize="15sp"
android:visibility="invisible"/>
<LinearLayout
android:id="@+id/point"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="30dp"
android:gravity="center"
android:orientation="horizontal"
>
</LinearLayout>
</LinearLayout>
</RelativeLayout>
adapter适配器设置:
package com.example.administrator.test_1216.adapter;
import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import java.util.List;
/**
* Created by Administrator on 2016/12/19.
*/
public class MyPagerAdapter extends PagerAdapter {
Context context;
List<View> views;
public MyPagerAdapter(Context context, List<View> views) {
this.context = context;
this.views = views;
}
@Override
public int getCount() {
return views.size();
}
/**
*判断是否由对象生成界面
* @param view 应该显示的界面
* @param object 被检查的界面
* @return
*/
@Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
/**
* 初始化position处的界面
* @param container 将要显示的页面
* @param position 将要显示的页面对应的位置
* @return
*/
@Override
public Object instantiateItem(ViewGroup container, int position) {
//添加视图
container.addView(views.get(position));
return views.get(position);
}
/**
* 销毁postion位置的界面
* @param container 将被销毁的界面
* @param position 将被销毁界面所在的位置
* @param object instantiateItem返回的对象
*/
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
//移除视图
container.removeView((View) object);
}
}
activity设置页面:
public class MyPagerActivity extends AppCompatActivity implements View.OnClickListener, ViewPager.OnPageChangeListener {
//声明控件
private ViewPager viewPager;
private Button btn;
private LinearLayout point;
//声明集合
private List<View> views;
//点数组
private ImageView[] points=null;
// 适配器
private MyPagerAdapter adapter;
//声明图片数组
private int[] images = {R.mipmap.welcome, R.mipmap.welcome1,
R.mipmap.welcome2, R.mipmap.welcome3};
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.viewpager_activity);
//绑定id
viewPager= (ViewPager) findViewById(R.id.viewpager);
btn= (Button) findViewById(R.id.btn);
point= (LinearLayout) findViewById(R.id.point);
//设置监听
btn.setOnClickListener(this);
//初始化集合
views=new ArrayList<View>();
//初始化小圆点集合
points=new ImageView[images.length];
//遍历图片数组
for (int i = 0; i <images.length ; i++) {
ImageView imageView=new ImageView(this);
imageView.setBackgroundResource(images[i]);
//将图片添加到集合中
views.add(imageView);
//循环加入指示器
points[i]=new ImageView(this);
//设置首次启动时圆点的状态
if(i==0){
points[i].setBackgroundResource(R.mipmap.point_cuttent);
}else {
points[i].setBackgroundResource(R.mipmap.point_go);
}
//将小圆点放在布局里
point.addView(points[i]);
}
//初始化适配器
adapter=new MyPagerAdapter(this,views);
viewPager.setAdapter(adapter);
//设置页面滚动监听
viewPager.setOnPageChangeListener(this);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn:
Toast.makeText(this, "点击成功", Toast.LENGTH_SHORT).show();
break;
}
}
/**
* 此方法在页面跳转完成后调用
* @param position:当前选中页面对应的位置
*/
@Override
public void onPageSelected(int position) {
if(position==points.length-1){
btn.setVisibility(View.VISIBLE);
}else {
btn.setVisibility(View.INVISIBLE);
}
// 更改小圆点的变化
for (int i = 0; i <points.length ; i++) {
if(position==i){//当前页面
points[i].setBackgroundResource(R.mipmap.point_cuttent);
}else {
points[i].setBackgroundResource(R.mipmap.point_go);
}
}
}
/**
* 此方法滑动的时候调用
* @param position:当前页面对应的位置
* @param positionOffset:当前页面偏移的百分比
* @param positionOffsetPixels:当前页面偏移的像素位置
*/
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
/**
* 此方法在状态改变时调用
* @param state:state==0:表示什么都没做
* state==1:表示正在滑动
* state==2:表示滑动完毕
*
*/
@Override
public void onPageScrollStateChanged(int state) {
}
}
效果图:


ViewPager图片轮转带点的的更多相关文章
- salesforce 零基础学习(六十一)apex:component简单使用以及图片轮转播放的实现
有的时候,我们项目有可能有类似需求:做一个简单的图像轮转播放功能,不同的VF页面调用可以显示不同的图片以及不同的图片描述.这种情况,如果在每个页面单独处理相关的图像轮转播放则显得代码特别冗余,此种情况 ...
- 经常用的Jquery图片轮转
1.HTML结构 <div class="main_view"> <div class="window"> ...
- Android中启动页ViewPager和ViewFlipper带指示器
版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+] 首先我们来分析一下,想要实现启动页的功能,大家第一个想到的就是使用ViewPager,使用ViewPager确实是一种比 ...
- ViewPager图片切换的简单案例
1)ViewPager类直接继承了ViewGroup类,所有它是一个容器类,可以在其中添加其他的view类. 2)ViewPager类需要一个PagerAdapter适配器类给它提供数据. 向右滑动切 ...
- android viewpager 图片翻页例子
使用ViewPager这个类可以轻松实现多个页面的滑动功能 viewpager默认在工具界面上是找不到的,需求添加android-support-v4.jar包: 如果没有找到,需要打开Android ...
- C# Qrcode生成二维码支持中文,带图片,带文字 2015-01-22 15:11 616人阅读 评论(1) 收藏
1.下载Qrcode库源码,下载地址:http://www.codeproject.com/Articles/20574/Open-Source-QRCode-Library 2.打开源码时,部分类库 ...
- Viewpager图片自动轮播,网络图片加载,图片自动刷新
package com.teffy.viewpager; import java.util.ArrayList; import java.util.concurrent.Executors; impo ...
- android下ViewPager的使用,带下部选项栏的切换动画
(文章针对类似我这种初学者,大神看到不要嘲笑) 演示 我的规矩是先上GIF动画效果(Linux下用转的GIF,清晰度还可以但是不知道为什么放博客上,界面会这么大): 代码: android中有View ...
- C#Qrcode生成二维码支持中文,带图片,带文字
C#Qrcode生成二维码支持中文带图片的操作请看二楼的帖子,当然开始需要下载一下C#Qrcode的源码 下载地址 : http://www.codeproject.com/Articles/2057 ...
随机推荐
- 利用Jquery实现页面上div的拖动及位置保存
<script src="js/jquery.js.js" type="text/javascript"></script> <s ...
- 怎么 才能显示Eclipse中Console的全部内容
可以如下设置 preference->run/debug->console 设置limit console output 为false,方便调试时,查看全部console. 这个真是太有用 ...
- nodejs:express API之res.locals
在从零开始nodejs系列文章中,有一个login.html文件 再来看它的get方法,我们并没有看到mess字段.那mess到底是从哪里来的呢? 接着我看到app.js文件里面: 只有这里出现了me ...
- ADF_Data Binding系列1_使用Bean Data Control
2015-02-16 Created By BaoXinjian
- WCF netTcp配置
服务端配置 <system.serviceModel> <bindings> <netTcpBinding> <binding name="netT ...
- PHP中去除字符串中的换行的方法
在PHP中,有时候我们需要对字符串的换行进行过滤,比如天涯PHP博客中文章页面的description信息,我是直接截取的文章内容,并过滤掉html符号,最终还要过滤掉其中的换行.下面整理一下常见的去 ...
- 压测 linux + jexus + mono + asp.net mvc
环境: 1.centos 7 + jexus 5.8.1 + mono 4.4.2 + asp.net mvc 4 做了一点小优化: 一.调整文件描述符数量限制编辑 /etc/security/lim ...
- JAVA 多线程和并发学习笔记(一)
一.进程与线程 1. 进程 当一个程序进入内存运行时,即变成一个进程.进程是处于运行过程中的程序.进程是操作系统进行资源分配和调度的一个独立单位.进程的三个特征: 独立性 独立存在的实体,每个进程都有 ...
- window.parent
今天出现了一个严重的bug,页面在载入时居然导致了页面崩溃,找了近5个小时的代码,才找到了原因(擦,我只能说我水平有限,浪费了太长时间了~). 源代码: var curr = window; whil ...
- 关于rand()与srand()函数
rand函数功能为获取一个伪随机数(伪随机数的概念下面会有介绍). 一.函数名: rand(); 二.声明: int rand(); 三.所在头文件: stdlib.h 四.功能: 返回一个伪随机数. ...