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 ...
随机推荐
- web安全之sql注入实例(5.0之前的)
web安全之sql(5.0之前)注入实例 5.0之前的数据库没有information库. 所以这里需要运用的是load_file()函数来获取信息. 1.判断是否有sql注入,用and 1=1 和 ...
- LA 4329 ping-pong树状数组
题目链接: 刘汝佳,大白书,P197. 枚举裁判的位置,当裁判为i时,可以有多少种选法,如果已经知道在位置i之前有ci个数比ai小,那么在位置i之前就有i-1-ci个数比ai大. 在位置i之后有di个 ...
- Android——数据库相关(课堂整理)
layout文件: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:an ...
- kuangbin_MST C (POJ 2031)
全程double精度就能过了 间接0距离不用管 prim自动连起来的 G++交的话只能用%f输出 C++的话加不加l都可以 (这么说以后用%f肯定不会错咯) 不过我不懂为什么他们的空间时间差了好多倍. ...
- bk.
http://ol.tgbus.com/zt2013/gzsnew/ 巴士盘点 十大游戏工作室 http://bbs.3dmgame.com/forum.php?mod=viewthread& ...
- docker 命令汇总
命令汇总 docker history fa5fa5为镜像id或者镜像名 docker export 30b >h.tar30b为容器id或者容器名# docker export angry_b ...
- html5-websocket初探
HTML5规范在传统的web交互基础上为我们带来了众多的新特性,随着web技术被广泛用于web APP的开发,这些新特性得以推广和使用,而websocket作为一种新的web通信技术具有巨大意义. 什 ...
- Morphia 学习一 注解
http://blog.csdn.net/liumm0000/article/details/7535858 生命周期方法注解(delete没有生命周期事件)@PrePersist save之前被调用 ...
- SPRING + THYMELEAF 配置
1.使用的是Spring EL而不是Ognl.2.访问上下文的Bean用${@myBean.doSomething()}3.th:field,th:errors,th:errorclass用于form ...
- mysql 语法总结
设置SQL语句所用的字符编码:set names UTF8; 判断指定的数据库是否存在:DROP DATABASE IF EXISTS 库; 开始使用指定的数据库:USE 库; 创建数据库CREAT ...