本文接着实现轮播图广告的监听滚动

本文地址:http://www.cnblogs.com/wuyudong/p/5920757.html,转载请注明源地址。

首先添加布局文件,实现小白点

shape_bg_point_enable.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" > <corners android:radius="5dp" />
<solid android:color="@android:color/white" />
</shape>

shape_bg_point_disable.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" > <corners android:radius="5dp" />
<solid android:color="@android:color/darker_gray" /> </shape>

再添加一个selector

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_enabled="true" android:drawable="@drawable/shape_bg_point_enable"></item>
<item android:state_enabled="false" android:drawable="@drawable/shape_bg_point_disable"></item> </selector>

将selector添加到视图:

        for (int i = 0; i < imageResIds.length; i++) {
imageView = new ImageView(this);
imageView.setBackgroundResource(imageResIds[i]);
imageViewList.add(imageView); // 加小白点,指示器
pointView = new View(this);
pointView.setBackgroundResource(R.drawable.selector_bg_point);
layoutParams = new LayoutParams(7, 7);
if (i != 0) {
layoutParams.leftMargin = 10;
}
pointView.setEnabled(false); ll_point_container.addView(pointView, layoutParams);
}

为ViewPager添加滑动监听

public class MainActivity extends Activity implements OnPageChangeListener
......
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
// 滚动时调用
} @Override
public void onPageSelected(int position) {
// 新条目被选中时调用
position = position % 5;
tv_desc.setText(contentDesc[position]);
// 把之前的禁用,把最新的启用
ll_point_container.getChildAt(lastEnablePoint).setEnabled(false);
ll_point_container.getChildAt(position).setEnabled(true);
lastEnablePoint = position;
} @Override
public void onPageScrollStateChanged(int state) {
// 滚动状态变化时调用 }

开启页面自动轮询:

        //开启轮询
new Thread() {
public void run() {
while(isRunning) {
try {
Thread.sleep(2000);
} catch (InterruptedException e) {
e.printStackTrace();
}
//往下跳一位
runOnUiThread(new Runnable() { @Override
public void run() {
viewPager.setCurrentItem(viewPager.getCurrentItem() + 1);
}
});
} }; }.start();

完整代码如下:

package com.wuyudong.viewpager;

import java.util.ArrayList;

import android.R.layout;
import android.os.Bundle;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.TextView; public class MainActivity extends Activity implements OnPageChangeListener { private ViewPager viewPager;
private int[] imageResIds;
private ArrayList<ImageView> imageViewList;
private ArrayList<View> pointViews;
private LinearLayout ll_point_container;
private String[] contentDesc;
private TextView tv_desc;
private int lastEnablePoint = 0;
private boolean isRunning = true; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); // 初始化布局 View 视图
initViews(); // Model 数据
initData(); // Controller 控制器
initAdapter(); //开启轮询
new Thread() {
public void run() {
while(isRunning) {
try {
Thread.sleep(2000);
} catch (InterruptedException e) {
e.printStackTrace();
}
//往下跳一位
runOnUiThread(new Runnable() { @Override
public void run() {
viewPager.setCurrentItem(viewPager.getCurrentItem() + 1);
}
});
} }; }.start(); } @Override
protected void onDestroy() {
super.onDestroy();
isRunning = false;
} private void initViews() {
viewPager = (ViewPager) findViewById(R.id.viewpager);
viewPager.setOnPageChangeListener(this);// 设置滚动更新 tv_desc = (TextView) findViewById(R.id.tv_desc); ll_point_container = (LinearLayout) findViewById(R.id.ll_point_container); } private void initAdapter() {
ll_point_container.getChildAt(0).setEnabled(true);
tv_desc.setText(contentDesc[0]);
// 设置适配器
viewPager.setAdapter(new MyAdapter()); //默认设置到中间的某个位置
int pos = Integer.MAX_VALUE / 2;
//viewPager.setCurrentItem(pos - 3);
viewPager.setCurrentItem(5000000);
} private void initData() { // 初始化要显示的数据
// 图片资源id数组
imageResIds = new int[] { R.drawable.a, R.drawable.b, R.drawable.c,
R.drawable.d, R.drawable.e };
// 文本描述
contentDesc = new String[] { "巩俐不低俗,我就不能低俗", "朴树又回来啦!再唱经典老歌引万人大合唱",
"揭秘北京电影如何升级", "乐视网TV版大派送", "热血屌丝的反杀" };
imageViewList = new ArrayList<ImageView>();
pointViews = new ArrayList<View>();
ImageView imageView;
View pointView;
LayoutParams layoutParams;
for (int i = 0; i < imageResIds.length; i++) {
imageView = new ImageView(this);
imageView.setBackgroundResource(imageResIds[i]);
imageViewList.add(imageView); // 加小白点,指示器
pointView = new View(this);
pointView.setBackgroundResource(R.drawable.selector_bg_point);
layoutParams = new LayoutParams(7, 7);
if (i != 0) {
layoutParams.leftMargin = 10;
}
pointView.setEnabled(false); ll_point_container.addView(pointView, layoutParams);
} } class MyAdapter extends PagerAdapter { @Override
public int getCount() {
return Integer.MAX_VALUE;
} // 3、指定复用的判断逻辑
@Override
public boolean isViewFromObject(View view, Object object) {
// 当滑到新的条目,又返回来,view是否可以被复用
return view == object;
} // 1、返回要显示的条目内容,创建条目
@Override
public Object instantiateItem(ViewGroup container, int position) {
// container:容器:ViewPager
// position:当前要显示的条目的位置
position = position % 5;
ImageView imageView = imageViewList.get(position);
System.out.println("instantItem创建:" + position);
// a、把view对象添加到container中
container.addView(imageView);
// b、把view对象返回给框架,适配器
return imageView; // 必须要重写,否则抛异常
} // 2、销毁条目
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// object 要销毁的对象
System.out.println("destroyItem销毁:" + position);
container.removeView((View) object);
} } @Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
// 滚动时调用
} @Override
public void onPageSelected(int position) {
// 新条目被选中时调用
position = position % 5;
tv_desc.setText(contentDesc[position]);
// 把之前的禁用,把最新的启用
ll_point_container.getChildAt(lastEnablePoint).setEnabled(false);
ll_point_container.getChildAt(position).setEnabled(true);
lastEnablePoint = position;
} @Override
public void onPageScrollStateChanged(int state) {
// 滚动状态变化时调用 }
}

Android自定义控件6--轮播图广告的实现的更多相关文章

  1. Android自定义控件之轮播图控件

    背景 最近要做一个轮播图的效果,网上看了几篇文章,基本上都能找到实现,效果还挺不错,但是在写的时候感觉每次都要单独去重新在Activity里写一堆代码.于是自己封装了一下.本篇轮播图实现原理原文出处: ...

  2. 029 Android 轮播图广告Banner开源框架使用

    1.Banner介绍 现在的绝大数app都有banner界面,实现循环播放多个广告图片和手动滑动循环等功能. 2.使用环境配置(具体可见github开源项目) (1)添加依赖 在build.gradl ...

  3. android ViewPager实现的轮播图广告自定义视图,网络获取图片和数据

    public class SlideShowAdView extends FrameLayout { //轮播图图片数量    private static int IMAGE_COUNT = 3;  ...

  4. CycleRotationView:自定义控件之轮播图

    CycleRotationView:自定义控件,主要功能是实现类似与各种商城首页的广告轮播图.其实像这种比较常见的自定义控件早就满大街了,虽然说"不要重复发明轮子",但是不代表不用 ...

  5. Android之无限轮播图源代码

    Android轮播广告图是大家经常用到的一个控件今天便撸了一把代码 实现步骤 使用Viewpager进行实现图片滑动 设置ViewPager的数据,让其无限切换 Activity代码 public c ...

  6. android 使用图片轮播图---banner 使用

    转自:https://github.com/youth5201314/banner 使用步骤 Step 1.依赖banner Gradle dependencies{ compile 'com.you ...

  7. Android自定义控件5--轮播图广告ViewPager基本实现

    本文地址:http://www.cnblogs.com/wuyudong/p/5918021.html,转载请注明源地址. 本文开始实现轮播图广告系列,这篇文章首先实现让图片滑动起来(ViewPage ...

  8. Android开发之ViewPager实现轮播图(轮播广告)效果的自定义View

    最近开发中需要做一个类似京东首页那样的广告轮播效果,于是采用ViewPager自己自定义了一个轮播图效果的View. 主要原理就是利用定时任务器定时切换ViewPager的页面. 效果图如下: 主页面 ...

  9. Android项目实战(四十七):轮播图效果Viewpager

    简易.常用的轮播图效果ViewPager ,老技术了,记一笔留着以后ctrl C + ctrl V    需求如下: 不定张个数的ImagView轮播,右下角显示轮播点图标,每隔固定时间切换下一张,最 ...

随机推荐

  1. EntityFramework 7 开发纪录

    博文目录: 暂时开发模式 Code First 具体体现 DbContext 配置 Entity 映射关联配置 Migration 问题纪录(已解决) 之前的一篇博文:EF7 Code First O ...

  2. ASP.NET MVC中使用Unity Ioc Container

    写在前面 安装Unity 添加服务层 IArticleRepository类型映射 服务注入到控制器 Global.asax初始化 后记 关于Unity的使用可以参照<Unity依赖注入使用详解 ...

  3. 小菜学习Winform(三)Socket点对点通信

    前言 Socket的英文原义是“孔”或“插座”,其实在网络编程中Socket就是这个意思,就像我们打电话,要首先知道对方的手机号一样,这个手机号就相当于一个Socket号.一个插座,在网络编程中就是i ...

  4. 深入seajs源码系列一

    简述 前端开发模块化已经是大势所趋,目前模块化的规范有很多,众所周知的有commonJS,Module/Wrappings和AMD等,而且ES6也着手开始制定模块化机制的实现.类似于c/c++的inc ...

  5. 利用SimpleExpandableListAdapter为ExpandableListActivity提供数据

    首先MainActivity继承自ExpandableListActivity,其中的声明如下: setContentView(R.layout.expandmain); //定义一个:List,该L ...

  6. mongodb安装配置

    下载安装 官网下载地址:https://www.mongodb.com/download-center 执行msi文件. 环境配置 可以参照我的步骤来进行配置,目录根据个人需要设置. 解压安装包到D: ...

  7. 放养的小爬虫--京东定向爬虫(AJAX获取价格数据)

    放养的小爬虫--京东定向爬虫(AJAX获取价格数据) 笔者声明:只用于学习交流,不用于其他途径.源代码已上传github.githu地址:https://github.com/Erma-Wang/Sp ...

  8. Objective-C快速上手

    最近在开发iOS程序,这篇博文的内容是刚学习Objective-C时做的笔记,力图达到用最短的时间了解OC并使用OC.Objective-C是OS X 和 iOS平台上面的主要编程语言,它是C语言的超 ...

  9. C++ this指针的用法

    this指针的含义及其用法: 1. this指针是一个隐含于每一个成员函数中的特殊指针.它指向正在被该成员函数操作的那个对象.2. 当对一个对象调用成员函数时,编译程序先将对象的地址赋给this指针, ...

  10. 【原创】kafka consumer源代码分析

    顾名思义,就是kafka的consumer api包. 一.ConsumerConfig.scala Kafka consumer的配置类,除了一些默认值常量及验证参数的方法之外,就是consumer ...