安卓如何实现动态广告栏

最新推荐文章于 2023-02-24 10:04:37 发布
最新推荐文章于 2023-02-24 10:04:37 发布
阅读量2.5k 收藏 7
点赞数 3
分类专栏： Android Android笔记 文章标签： 安卓广告栏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baiyuliang2013/article/details/45740091
版权

      可以说广告栏是应用中必不可少的部分，有不少应用的广告栏中的图片以及点击图片后的逻辑是固定的，等待下一次升级后才会变化，这种模式不但对用户还是对应用经营者来说体验都是比较差的，当然还有大部分应用的广告栏是动态的，所谓动态，有以下几点概念：

1.图片（地址）是有服务端返回；

2.图片个数根据服务端返回的url个数决定；

3.点击图片逻辑由服务端返回；

4.支持自动切换；

动态广告栏需满足1.2.3点，第4点则属于附加条件。那么如何实现这三点呢？首先想到的便是ViewPaper，好，接下来我们先实现一个静态的，假如只有三张图片：

先看布局文件：

<RelativeLayout 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" >

    <FrameLayout
        android:id="@+id/fl_ad"
        android:layout_width="fill_parent"
        android:layout_height="160dip" >

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

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="30dip"
            android:layout_gravity="bottom"
            android:background="#20000000"
            android:gravity="center_vertical"
            android:orientation="vertical" >

            <LinearLayout
                android:id="@+id/ll_dots"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:layout_marginRight="10dp"
                android:layout_marginTop="3dip"
                android:gravity="center" >

                <View
                    android:id="@+id/v_dot0"
                    style="@style/dot_style"
                    android:background="@drawable/ic_dot_selected" />

                <View
                    android:id="@+id/v_dot1"
                    style="@style/dot_style" />

                <View
                    android:id="@+id/v_dot2"
                    style="@style/dot_style" />
            </LinearLayout>
        </LinearLayout>
    </FrameLayout>

</RelativeLayout>


布局很简单是不是，外层FrameLayout，然后指示器（白点三个）覆盖在viewpaper上部，调整好位置。

再看主代码：

public class MainActivity extends Activity {

    private LayoutInflater mInflater;
	
	private List<View> imageViews; // 滑动的图片集合
	private View v_dot0,v_dot1,v_dot2;
	private ViewPager vp;
	private MyAdapter myAdapter; 
	private List<View> dots; // 图片标题正文的那些点
	private int currentItem = 0; // 当前图片的索引号
	
	private Timer adTimer = null;

	// 切换当前显示的图片
		@SuppressLint("HandlerLeak")
		private Handler handler = new Handler() {
			public void handleMessage(Message msg) {
				switch (msg.what) {
				case 1:
					vp.setCurrentItem(currentItem);// 切换当前显示的图片
					break;
				}
			};
		};
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mInflater = LayoutInflater.from(this);
		initView();
		initViewPaper();
		adTimer=new Timer();
		adTimer.schedule(new ScrollTask(), 5*1000, 3* 1000);
	}
	
	private void initView() {
		vp=(ViewPager) findViewById(R.id.vp);
		//白点
		v_dot0=(View) findViewById(R.id.v_dot0);
		v_dot1=(View) findViewById(R.id.v_dot1);
		v_dot2=(View) findViewById(R.id.v_dot2);
	}
	
	
	private void initViewPaper() {
		imageViews = new ArrayList<View>();
		//初始化图片上层切换白点
		dots=new ArrayList<View>();
		dots.add(v_dot0);
		dots.add(v_dot1);
		dots.add(v_dot2);
		// 初始化图片资源
		for (int i = 0; i <3; i++) {
			View view = mInflater.inflate(R.layout.activity_personal_ad_img, null);
			ImageView imageView = (ImageView) view.findViewById(R.id.img);
			switch (i) {
			case 0:
				imageView.setImageResource(R.drawable.ic_launcher);//第一张图片
				//设置广告点击事件
				view.setOnClickListener(new OnClickListener() {
					@Override
					public void onClick(View arg0) {
						Toast.makeText(getApplicationContext(), "点击了1", Toast.LENGTH_LONG).show();
				    }
				});
				break;
			case 1:
				imageView.setImageResource(R.drawable.ic_launcher);//第二张图片
				//设置广告点击事件
				view.setOnClickListener(new OnClickListener() {
					@Override
					public void onClick(View arg0) {
						Toast.makeText(getApplicationContext(), "点击了2", Toast.LENGTH_LONG).show();
				    }
				});
				break;
			case 2:
				imageView.setImageResource(R.drawable.ic_launcher);//第三张图片
				//设置广告点击事件
				view.setOnClickListener(new OnClickListener() {
					@Override
					public void onClick(View arg0) {
						Toast.makeText(getApplicationContext(), "点击了3", Toast.LENGTH_LONG).show();
				    }
				});
				break;
			}
			imageViews.add(view);
		}
		myAdapter= new MyAdapter();
		vp.setAdapter(myAdapter);// 设置填充ViewPager页面的适配器
		// 设置一个监听器，当ViewPager中的页面改变时调用
		vp.setOnPageChangeListener(new MyPageChangeListener());
	}
	
	/**
	 * 换行切换任务
	 * 
	 * @author byl
	 * 
	 */
	private class ScrollTask extends TimerTask {
		public void run() {
			if(imageViews!=null&&imageViews.size()>0){
				currentItem = (currentItem + 1) % imageViews.size();
				handler.sendEmptyMessage(1); // 通过Handler切换图片
			}
		}

	}
	
	/**
	 * 当ViewPager中页面的状态发生改变时调用
	 * 
	 * @author byl
	 * 
	 */
	private class MyPageChangeListener implements OnPageChangeListener {
		private int oldPosition = 0;
		public void onPageSelected(int position) {
			currentItem = position;
			dots.get(oldPosition).setBackgroundResource(R.drawable.ic_dot_nor);
			dots.get(position).setBackgroundResource(R.drawable.ic_dot_selected);
			oldPosition = position;
		}

		public void onPageScrollStateChanged(int arg0) {

		}

		public void onPageScrolled(int arg0, float arg1, int arg2) {

		}
	}
	
	/**
	 * 填充ViewPager页面的适配器
	 * 
	 * @author byl
	 * 
	 */
	private class MyAdapter extends PagerAdapter {

		@Override
		public int getCount() {
			return imageViews.size();
		}

		@Override
		public Object instantiateItem(View arg0, int arg1) {
			((ViewPager) arg0).addView(imageViews.get(arg1));
			return imageViews.get(arg1);
		}

		@Override
		public void destroyItem(View arg0, int arg1, Object arg2) {
			((ViewPager) arg0).removeView((View) arg2);
		}

		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return arg0 == arg1;
		}
	}
	
	@Override
		protected void onDestroy() {
			super.onDestroy();
			if(adTimer!=null){
				adTimer.cancel();
				adTimer=null;
			}
		}

initViewPaper()中将三张广告图片（动态设置后）依次添加进imageViews（List<View>）中，并将三个小白点依次添加进dots （List<View>）中，设置Adapter，然后注册vp滑动监听vp.setOnPageChangeListener(new MyPageChangeListener());并在onPageSelected中去改变白点的状态。

自动切换则需要用到一个定时器：

adTimer=new Timer();
		adTimer.schedule(new ScrollTask(), 5*1000, 3* 1000);

/**
	 * 换行切换任务
	 * 
	 * @author byl
	 * 
	 */
	private class ScrollTask extends TimerTask {
		public void run() {
			if(imageViews!=null&&imageViews.size()>0){
				currentItem = (currentItem + 1) % imageViews.size();
				handler.sendEmptyMessage(1); // 通过Handler切换图片
			}
		}

	}

// 切换当前显示的图片
		@SuppressLint("HandlerLeak")
		private Handler handler = new Handler() {
			public void handleMessage(Message msg) {
				switch (msg.what) {
				case 1:
					vp.setCurrentItem(currentItem);// 切换当前显示的图片
					break;
				}
			};
		};
效果如图：



是不是很简单，我们知道了静态广告栏的实现，那么动态广告栏其实只要稍作修改即可，无非是多了几步：

1.获取服务端返回的数据；

2.根据返回的数据确定imageViews个数；

3.根据返回的数据确定每个image的点击事件；

由于广告广告栏个数一般在3-6个，再多其实也没有什么意义，所以我这里设定了最高7张广告，实现方法是先把指示器设定为7个并全部隐藏，然后根据服务端返回的图片数量来确定要显示几个指示器；

首先，将广告的属性提取为一个对象：

1.图片URL；

2.图片点击类型；（可能是网页链接，也可能是应用中的某个Activity）

3.目标链接；（即点击后要跳转的链接）

public class Adv {
	
	private String img_url;
	private String type;
	private String target_url;
	
	public String getImg_url() {
		return img_url;
	}
	public void setImg_url(String img_url) {
		this.img_url = img_url;
	}
	public String getType() {
		return type;
	}
	public void setType(String type) {
		this.type = type;
	}
	public String getTarget_url() {
		return target_url;
	}
	public void setTarget_url(String target_url) {
		this.target_url = target_url;
	}
	
	

}

具体属性可根据自己业务来定，网络图片加载本人用的是afinal开源控件，首先来模拟一下服务端返回的数据： 

private void initAD() {
		imageResUrl=new ArrayList<Adv>();
		Adv adv=new Adv();
		adv.setImg_url("http://media.appshooting.com.tw/wp-content/uploads/2014/03/71eTnHBdXKL-640x312.jpg");
		adv.setTarget_url("www.baidu.com");
		adv.setType("1");
		imageResUrl.add(adv);
		
		adv=new Adv();
		adv.setImg_url("http://s.siliconimg.com/kb/content_images/2013/03/25/125164/1364177162_901.jpg");
		adv.setTarget_url("www.baidu.com");
		adv.setType("1");
		imageResUrl.add(adv);
		
		adv=new Adv();
		adv.setImg_url("http://www.ubergizmo.com/wp-content/uploads/2011/02/doubletwist-640x312.jpg");
		adv.setTarget_url("www.baidu.com");
		adv.setType("1");
		imageResUrl.add(adv);
		
		adv=new Adv();
		adv.setImg_url("http://cdn.arstechnica.net/wp-content/uploads/2013/09/google-plus-services-640x312.jpg");
		adv.setTarget_url("www.baidu.com");
		adv.setType("2");
		imageResUrl.add(adv);
	}

初始化ViewPaper： 

private void initViewPaper() {
		//首先将白点全部隐藏，再根据获取的图片数量显示
		v_dot0.setVisibility(View.GONE);
		v_dot1.setVisibility(View.GONE);
		v_dot2.setVisibility(View.GONE);
		v_dot3.setVisibility(View.GONE);
		v_dot4.setVisibility(View.GONE);
		v_dot5.setVisibility(View.GONE);
		v_dot6.setVisibility(View.GONE);
		
		imageViews = new ArrayList<View>();
		//初始化图片上层切换白点
		dots = new ArrayList<View>();
		// 初始化图片资源
		for (int i = 0; i < imageResUrl.size(); i++) {
			final Adv adv=imageResUrl.get(i);
			View view = mInflater.inflate(R.layout.activity_personal_ad_img, null);
			ImageView imageView = (ImageView) view.findViewById(R.id.img);
			finalImageLoader.display(imageView,adv.getImg_url());
			//设置广告点击事件
			view.setOnClickListener(new OnClickListener() {
				@Override
				public void onClick(View arg0) {
					switch (Integer.parseInt(adv.getType())) {
					case 1://连接类型
						 Intent it = new Intent(Intent.ACTION_VIEW, Uri.parse(adv.getTarget_url()));
						 it.setClassName("com.android.browser", "com.android.browser.BrowserActivity");
						 startActivity(it);  
						break;
					case 2:
						Toast.makeText(getApplicationContext(), "点击了", Toast.LENGTH_LONG).show();
						break;
				   }
			    }
			});
			imageViews.add(view);
			switch (i) {
			case 0:
				v_dot0.setVisibility(View.VISIBLE);
				dots.add(v_dot0);
				break;
			case 1:
				v_dot1.setVisibility(View.VISIBLE);
				dots.add(v_dot1);
				break;
			case 2:
				v_dot2.setVisibility(View.VISIBLE);
				dots.add(v_dot2);
				break;
			case 3:
				v_dot3.setVisibility(View.VISIBLE);
				dots.add(v_dot3);
				break;
			case 4:
				v_dot4.setVisibility(View.VISIBLE);
				dots.add(v_dot4);
				break;
			case 5:
				v_dot5.setVisibility(View.VISIBLE);
				dots.add(v_dot5);
				break;
			case 6:
				v_dot6.setVisibility(View.VISIBLE);
				dots.add(v_dot6);
				break;
			}
			
		}
		
		if( imageResUrl.size()<=1){
			v_dot0.setVisibility(View.GONE);
		}else{
			for(int i=0;i<dots.size();i++){
				if(i==0){
					dots.get(i).setBackgroundResource(R.drawable.ic_dot_selected);
				}else{
					dots.get(i).setBackgroundResource(R.drawable.ic_dot_nor);
				}
			}
		}
		myAdapter= new MyAdapter();
		vp.setAdapter(myAdapter);// 设置填充ViewPager页面的适配器
		// 设置一个监听器，当ViewPager中的页面改变时调用
		vp.setOnPageChangeListener(new MyPageChangeListener());
	}

在使用的过程中发现，从其他界面切换回本界面时，时不时的会出现广告栏白屏的现象，因此不能像静态广告栏那样，一直让广告图片自动切换，所以本人在onResume方法中启动自动切换，而在onPause方法中停止： 

@Override
	protected void onResume() {
		super.onResume();
		currentItem=0;
		initViewPaper();
		adTimer=new Timer();
		adTimer.schedule(new ScrollTask(), 5*1000, 3* 1000);
	}
	
	@Override
	protected void onPause() {
		super.onPause();
		if(adTimer!=null){
			adTimer.cancel();
			adTimer=null;
		}
	}

效果如图：


如果再加上一些动画效果就跟好了：


是不是感觉棒棒哒！



源码下载地址：http://download.csdn.net/detail/baiyuliang2013/8702219

白玉梁
关注
专栏目录
如何在android app动态加入特定的广告
weixin_30640291的博客
10-20 119
============问题描述============ 如题，我想在App中加入一些广告，根据用户输入，来自动的从商家拉取相关的商品信息。然后用户可以点击商品信息来购买。 商家比如：当当，淘宝，亚马逊，京东 ...
Android仿腾讯视频启动页及广告页动画
12-05
android仿腾讯视频启动页及广告页面动画效果实现
Android中使用ViewPager制作广告栏
Mr_GLY_di的博客
11-20 488
第一步：在layout中添加ViewPager控件<android.support.v4.view.ViewPager android:layout_width="match_parent" android:layout_height="50dp" android:layout_weight="1.2" android:id="@+id
android 首页广告位,Android 使用 ViewPager循环广告位的实现
weixin_36236774的博客
05-26 93
如何实现循环播放现在网上实现循环播放都是在adapter的getCount()方法返回一个较大的值并且instantiateItem(ViewGroup container, int position)中通过取余(position/datas.size())的方式，让ViewPager不断的播放下去。这里我们通过修改数据源和设置currentItem的方式实现。修改数据源：final List d...
android 中动态加载广告sdk
Deaht_Huimie的博客
01-13 1241
关于动态加载sdk的话题，网上介绍比较多；今天通过第三方工具来取个巧，虽然方法也有点不太靠谱，但终归是一个思路。 项目里面接入了穿山甲sdk和广点通sdk广告，结果放到应用市场时说被拒了，因为有广告，所以产品同学问能把广告动态下发吗，一天时间够吗？我心中的是一万匹羊驼跑过，先不说应用市场是怎么检测的，如果是检测 Manifest 就惨了，基本没办法；现在先假设没检查配置清单，怎么办呢？项目里接过...
android循环滚动广告栏控件
10-18
通用的广告栏控件，让你轻松实现广告头效果。支持无限循环，可以设置自动翻页和时间(而且非常智能，手指触碰则暂停翻页，离开自动开始翻页。你也可以设置在界面onPause的时候不进行自动翻页，onResume之后继续自动翻页)，并且提供多种翻页特效。 对比其他广告栏控件，大多都需要对源码进行改动才能加载网络图片，或者帮你集成不是你所需要的图片缓存库。而这个库能让有代码洁癖的你欢喜，不需要对库源码进行修改你就可以使用任何你喜欢的网络图片库进行配合。
安卓广告栏实现
05-15
总之，实现一个支持自动切换和网络动态获取的安卓广告栏，需要集成网络库进行异步请求，解析JSON数据，以及合理布局和管理广告内容。在整个过程中，需要注意性能优化，保证用户体验，同时遵循相应的网络广告规范。...
极其简单实现横向广告栏
04-17
在Android开发中，创建一个横向滚动的广告栏是常见的需求，尤其在移动应用中，它能够展示多个广告，增加用户体验并提高广告效益。本教程将详细介绍如何借助第三方开源框架，以简单的方式实现这一功能。 首先，我们...
使用ViewPager实现的广告栏 安卓
04-06
在安卓应用开发中，创建吸引用户的交互式界面是至关重要的，而广告栏是许多应用程序用来展示推广内容或轮播信息的常见元素。本教程将详细讲解如何使用ViewPager来实现一个功能丰富的广告栏，该广告栏具有无限循环...
Android无限循环与自动播放ViewPager的简单实现(广告栏)博客源码
12-19
总结起来，实现一个无限循环且自动播放的Android广告栏，主要涉及到ViewPager的使用、PagerAdapter的定制以及定时器的运用。理解并掌握这些知识点对于Android开发者来说非常重要，因为它们是构建用户交互丰富的应用...
android 广告效果图片动态显示
08-14
android各种软件中，广告显示的效果。图片自动左右滑动
Android - ViewPager滑动广告栏
05-02
Android - ViewPager滑动广告栏源码，从布局文件中获取ViewPager父容器，获取屏幕像素相关信息，根据屏幕信息设置ViewPager广告容器的宽高，将ViewPager容器设置到布局文件父容器中，每隔固定时间切换广告栏图片，...
安卓实现广告栏图片无限轮播播放效果
大城小小爱的博客
01-15 2341
//经常在安卓app中页面上方放置一个广告栏，用到的无限轮播代码： public class MainActivity extends Activity { // 广告控件 private MyPagerGalleryView gallery; // 圆点容器 private LinearLayout ovalLayout; // 图片上面的文字 private TextView a
Android实现启动展示广告页功能
最新发布
金戈鐡馬
02-24 1400
2.用户一直按back键，退到MainActivity时，不销毁MainActivity，而是跳转到LaunchActivity，在LaunchActivity中跳转到Home界面（手机的菜单界面），此时我们的应用的栈中存在两个Activity（LaunchActivity，MainActivity）重点是。4、getPermission方法申请权限，其中showLaunchImg获取广告数据，并在回调中判断数据库中是否有广告数据，有则展示广告，获取新广告更新广告缓存，跳转MainActivity；
Kotlin 开发Android app(十二)：Android布局FrameLayout和ViewPager2控件实现滚动广告栏
haleycat的博客
11-28 894
在上一节中我们简单的介绍了的使用，他是整个开发的重点控件，这一节我们来看看布局结合ViewPager2，开发一个广告控件。
打造一个简单实用的安卓广告栏控件
leandom的专栏
02-25 956
思路 在 循环 ViewPager 的两种实现方法这篇文章中介绍了广告栏的两种实现思路，但是直接用到项目中还是会有不少问题。 方法1：将 count 设为无限大，制造一种假的循环 这种方法在实际的项目中容易导致anr，在调用setCurrentItem或者在数据集发生改变时调用notifyDataSetChanged时可能会导致anr。 方法2：在 ViewPager 的首尾添加一个重复的
Android开源Banner实现广告栏
Dianliang的博客
06-22 3701
相信大家都知道每个APP中都会有广告栏用来推广一些东西，部分APP是通过Viewpager实现，下面我是通过开源库Banner实现（绝对简单），Banner开源详情：https://github.com/youth5201314/banner
Android 启动页面与广告页面的实现
热门推荐
zone_的博客
03-26 3万+
在我们APP的开发过程中，启动页面是绕不开的，广告页面说不定，但是不得不说，这两个界面都是经常要用到的。接下来我记录一下我的实现过程。项目架构为MVP。 　　那么先看看我们的需求和流程：（当然这也是可以根据实际需求改动的） 　　 展示 logo 页面3秒 服务端可以控制是否播放广告 服务端可以控制播放广告的秒数 服务端可以控制广告的内容（图片）和广告详情页面的链接 　　这里需要注意的一点是，
Android自定义动态广告栏控件：使用Handler实现定时动画
本文档主要探讨了在Android开发中如何创建一个自定义的动态广告栏控件，并利用特效增强用户体验。该控件的关键在于利用Handler来实现定时刷新和动画效果，以及自定义属性的设置。 首先，自定义属性是Android开发中...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

白玉梁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值