使用ViewPager实现广告滑动效果

效果图:

             

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSk1DNjAx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSk1DNjAx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" > 
      

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSk1DNjAx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >

功能描写叙述:

1、拖动能够切换view

2、点击dot能够跳转到对应view

3、每隔三秒自己主动切换view

实现:

1、先写布局main.xml文件,定义一个存放图片的ViewPager,和存放dot的LinearLayout  

 <android.support.v4.view.ViewPager

android:id="@+id/viewpager"

android:layout_width="match_parent"

android:layout_height="150dp">

</android.support.v4.view.ViewPager>

<LinearLayout

android:id="@+id/viewGroup"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:layout_marginTop="405px"

android:orientation="horizontal" >

</LinearLayout>

2、主要实现代码:

a、初始化view视图,设置viewpager的适配器

private void initViewPager() {

// TODO Auto-generated method stub

items = new ArrayList<View>();

for(int i=0; i<4; i++){

image = new ImageView(this);

image.setBackgroundResource(ads[i]);

items.add(image);

}

viewpager = (ViewPager)findViewById(R.id.viewpager);

viewpager.setAdapter(adapter);

viewpager.setOnPageChangeListener(this);

}

b、初始化dot视图

private void initDot() {

// TODO Auto-generated method stub

viewGroup = (LinearLayout)findViewById(R.id.viewGroup);

dots = new ImageView[items.size()];

LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(40, 40);

layoutParams.setMargins(4, 3, 4, 3);

for(int i=0 ; i<items.size(); i++){

dot = new ImageView(this);

dot.setLayoutParams(layoutParams);

dots[i] = dot;

dots[i].setTag(i);

dots[i].setOnClickListener(onClick);

if (i == 0) {

dots[i]

.setBackgroundResource(R.drawable.dotc);

} else {

dots[i]

.setBackgroundResource(R.drawable.dotn);

}

viewGroup.addView(dots[i]);

}

}

c、实现dot点击响应功能

OnClickListener onClick = new OnClickListener(){

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

int position = (Integer)v.getTag();

setCurView(position);

setCurDot(position);

}

};

d、自己主动切换视图

private void atomicOption() {

//获取当前的值,并自增

atomicInteger.incrementAndGet();

if (atomicInteger.get() > items.size() - 1) {

atomicInteger.getAndAdd(-4);

}

try {

Thread.sleep(3000);

} catch (InterruptedException e) {

}

}

源代码下载路径:http://download.csdn.net/detail/jmc601/7275991

时间: 2024-10-19 10:22:58

使用ViewPager实现广告滑动效果的相关文章

实现ViewPager多页面滑动效果

 viewPager实现引导页 ViewPager多页面滑动效果 1.Android的左右滑动在实际编程经常能用到,比如查看多张图片,左右 切换tab页. 2.自android 3.0之后的SDK中提供了android-support-V4包用以实现 版本兼容,让老版本系统下的应用通过加入jar包实现扩展,其中有一 个可以实现左右滑动的类ViewPager 今天我们就用ViewPager类来实现引导页的实战案例 实现功能: 1.实现ViewPager多页面滑动效果. 2.下方的显示当前焦点页

android UI之ViewPager多页面滑动效果

  viewPager实现引导页 ViewPager多页面滑动效果 1.Android的左右滑动在实际编程经常能用到,比如查看多张图片,左右 切换tab页. 2.自android 3.0之后的SDK中提供了android-support-V4包用以实现 版本兼容,让老版本系统下的应用通过加入jar包实现扩展,其中有一 个可以实现左右滑动的类ViewPager 今天我们就用ViewPager类来实现引导页的实战案例 实现功能: 1.实现ViewPager多页面滑动效果. 2.下方的显示当前

UI界面之ViewPager多页面滑动效果的实现

viewPager实现引导页 ViewPager多页面滑动效果 1.Android的左右滑动在实际编程经常能用到,比如查看多张图片,左右 切换tab页. 2.自android 3.0之后的SDK中提供了android-support-V4包用以实现 版本兼容,让老版本系统下的应用通过加入jar包实现扩展,其中有一 个可以实现左右滑动的类ViewPager 今天我们就用ViewPager类来实现引导页的实战案例 实现功能: 1.实现ViewPager多页面滑动效果. 2.下方的显示当前焦点页的

unity3d实现广告滑动效果

新建了一个带mask的prefab,加上代码只需要将图片prefab.按钮prefab和所想添加的图片 拖进去会自动生成按钮,滑动速度可以随意调time,滑动效果用itween实现的,所以需要加上itween插件 效果如下:(图片是我最爱的马路小天使(ˉ﹃ˉ)) 附上代码 1 using UnityEngine; 2 using System.Collections.Generic; 3 using UnityEngine.UI; 4 5 public class Mask : MonoBeha

viewpager实现广告滑动及文字滑动和下方 点的选中状态改变

效果如图: 首先说下方的这几个点,这个点不是图片效果,而是Android自带的shape画的椭圆,使椭圆的宽高一样,就变成原型,然后设置颜色即可. 这2个点的代码如下: 红色点的代码 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="

android SlidingTabLayout实现ViewPager页卡滑动效果

先来张效果图(可以滑动切换页卡) 主页面布局文件 remind_auction_new_list.xml : <RelativeLayout style="@style/Rosemary.Plane" xmlns:android="http://schemas.android.com/apk/res/android"> <!--头部布局--> <com.liam.rosemary.ui.view.SlidingTabLayout and

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

最近开发中需要做一个类似京东首页那样的广告轮播效果,于是采用ViewPager自己自定义了一个轮播图效果的View. 主要原理就是利用定时任务器定时切换ViewPager的页面. 效果图如下: 主页面布局实现如下: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android&

广告条效果实现----ViewPager加载大图片(LruCache)以及定时刷新

先来看看效果: 1.广告条效果应该是使用的比较广泛的一个效果了,使用的基本构架就是一个ViewPager组件,在低版本的Android中,我们需要手动导入v4 jar包才可以使用. 2.ViewPager的加载方式与listview的加载方式不太一样,对于listview,其中总是会使用到子view的复用,但是对于viewpager,动态滑动的时候,它只保持三个页面在内存中,也就是:当前显示页面,前一个页面和后一个页面:其他页面都被销毁释放掉. 3.对于大图片的加载,如果不做处理,可能一两张图片

广告指示器滑动效果

这段代码用的是ViewPager+自定义控件技术实现的广告指示器滑动效果 先展示下主要代码以及效果 后面会附上源代码的 BannerFragment.java package com.example.ex_templete; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v