android图片轮播+点击跳转广告页面
Android轮播网络图片+点击跳转广告页面————————–一些新手总是很头疼怎么获取网络图片的url之后让它像一些广告那样轮播起来,点击图片之后跳转到指定网页。效果如下
在布局引用自定义控件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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" android:background="#FFFFFF" tools:context="com.example.slideshowdemo.MainActivity" > <!-- 主题图片 --> <com.example.sideshowview.SlideShowView
android:id="@+id/slideshowView" android:layout_width="fill_parent" android:layout_height="200dp" android:layout_centerHorizontal="true" /> </LinearLayout>
MainActivity.java
public class MainActivity extends Activity {private String[] imageUrls = new String[]{ "http://d.hiphotos.baidu.com/image/pic/item/9f2f070828381f30b2bd028fac014c086e06f074.jpg", "http://h.hiphotos.baidu.com/image/pic/item/2934349b033b5bb55e73afd833d3d539b600bc74.jpg", "http://b.hiphotos.baidu.com/image/pic/item/ac345982b2b7d0a2bdfa8bbbceef76094b369ae1.jpg", "http://g.hiphotos.baidu.com/image/pic/item/2e2eb9389b504fc213023f23e0dde71190ef6db3.jpg" } ;private String[] imageUris = new String[]{"http://www.baidu.com","http://www.sina.com.cn","http://www.taobao.com","http://www.tudou.com" };private List<Map<String,String>> imageList = new ArrayList<Map<String,String>>();@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);for (int i = 0; i < 4; i++) {Map<String,String> image_uri = new HashMap<String,String>();image_uri.put("imageUrls", imageUrls[i]);image_uri.put("imageUris", imageUris[i]);imageList.add(image_uri);}SlideShowView view = (SlideShowView) findViewById(R.id.slideshowView); view.setImageUrls(imageList);}}
自定义轮播的详细实现
public class SlideShowView extends FrameLayout implements OnClickListener{ // 使用universal-image-loader插件读取网络图片,需要工程导入universal-image-loader-1.8.6-with-sources.jar private ImageLoader imageLoader = ImageLoader.getInstance(); //轮播图图片数量 private final static int IMAGE_COUNT = 5; //自动轮播的时间间隔 private final static int TIME_INTERVAL = 5; //自动轮播启用开关 private final static boolean isAutoPlay = true; //自定义轮播图的资源 private List<Map<String,String>> imageUrls; //放轮播图片的ImageView 的list private List<ImageView> imageViewsList; //放圆点的View的list private List<View> dotViewsList; private ViewPager viewPager; //当前轮播页 private int currentItem = 0; //定时任务 private ScheduledExecutorService scheduledExecutorService; private Context context; //Handler private Handler handler = new Handler(){ @Override public void handleMessage(Message msg) { // TODO Auto-generated method stub super.handleMessage(msg); viewPager.setCurrentItem(currentItem); } }; public SlideShowView(Context context) { this(context,null); // TODO Auto-generated constructor stub } public SlideShowView(Context context, AttributeSet attrs) { this(context, attrs, 0); // TODO Auto-generated constructor stub } public SlideShowView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); this.context = context; initImageLoader(context); if(isAutoPlay){ startPlay(); } } /** * 开始轮播图切换 */ private void startPlay(){ scheduledExecutorService = Executors.newSingleThreadScheduledExecutor(); scheduledExecutorService.scheduleAtFixedRate(new SlideShowTask(), 1, 4, TimeUnit.SECONDS); } /** * 停止轮播图切换 */ private void stopPlay(){ scheduledExecutorService.shutdown(); } /** * 初始化相关Data */ private void initData(){ imageViewsList = new ArrayList<ImageView>(); dotViewsList = new ArrayList<View>(); initUI(context); } public void setImageUrls(List<Map<String,String>> imageList){this.imageUrls = imageList;initData();}@Overridepublic void onClick(View v) {// TODO Auto-generated method stubIntent intent = null;Bundle bundle = null;switch (v.getId()) {case 0:intent = new Intent(context,WebViewActivity.class);bundle = new Bundle();bundle.putString("url", imageUrls.get(0).get("imageUris"));intent.putExtras(bundle);context.startActivity(intent);break;case 1:intent = new Intent(context,WebViewActivity.class);bundle = new Bundle();bundle.putString("url", imageUrls.get(1).get("imageUris"));intent.putExtras(bundle);context.startActivity(intent);break;case 2:intent = new Intent(context,WebViewActivity.class);bundle = new Bundle();bundle.putString("url", imageUrls.get(2).get("imageUris"));intent.putExtras(bundle);context.startActivity(intent);break;case 3:intent = new Intent(context,WebViewActivity.class);bundle = new Bundle();bundle.putString("url", imageUrls.get(3).get("imageUris"));intent.putExtras(bundle);context.startActivity(intent);break;}}/** * 初始化Views等UI */ private void initUI(Context context){ if(imageUrls == null || imageUrls.size() == 0) return; LayoutInflater.from(context).inflate(R.layout.layout_slideshow, this, true); LinearLayout dotLayout = (LinearLayout)findViewById(R.id.dotLayout); dotLayout.removeAllViews(); // 热点个数与图片特殊相等 for (int i = 0; i < imageUrls.size(); i++) { ImageView view = new ImageView(context); view.setId(i);view.setTag(imageUrls.get(i).get("imageUrls")); if(i==0)//给一个默认图 view.setBackgroundResource(R.drawable.detail_p1); view.setScaleType(ScaleType.FIT_XY); view.setOnClickListener(this);imageViewsList.add(view); ImageView dotView = new ImageView(context); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT); params.leftMargin = 4; params.rightMargin = 4; dotLayout.addView(dotView, params); dotViewsList.add(dotView); } viewPager = (ViewPager) findViewById(R.id.viewPager); viewPager.setFocusable(true); viewPager.setAdapter(new MyPagerAdapter()); viewPager.setOnPageChangeListener(new MyPageChangeListener()); } /** * 填充ViewPager的页面适配器 * */ private class MyPagerAdapter extends PagerAdapter{ @Override public void destroyItem(View container, int position, Object object) { // TODO Auto-generated method stub //((ViewPag.er)container).removeView((View)object); ((ViewPager)container).removeView(imageViewsList.get(position)); } @Override public Object instantiateItem(View container, int position) { ImageView imageView = imageViewsList.get(position); imageLoader.displayImage(imageView.getTag() + "", imageView); ((ViewPager)container).addView(imageViewsList.get(position)); return imageViewsList.get(position); } @Override public int getCount() { // TODO Auto-generated method stub return imageViewsList.size(); } @Override public boolean isViewFromObject(View arg0, Object arg1) { // TODO Auto-generated method stub return arg0 == arg1; } @Override public void restoreState(Parcelable arg0, ClassLoader arg1) { // TODO Auto-generated method stub } @Override public Parcelable saveState() { // TODO Auto-generated method stub return null; } @Override public void startUpdate(View arg0) { // TODO Auto-generated method stub } @Override public void finishUpdate(View arg0) { // TODO Auto-generated method stub } } /** * ViewPager的监听器 * 当ViewPager中页面的状态发生改变时调用 * */ private class MyPageChangeListener implements OnPageChangeListener{ boolean isAutoPlay = false; @Override public void onPageScrollStateChanged(int arg0) { // TODO Auto-generated method stub switch (arg0) { case 1:// 手势滑动,空闲中 isAutoPlay = false; break; case 2:// 界面切换中 isAutoPlay = true; break; case 0:// 滑动结束,即切换完毕或者加载完毕 // 当前为最后一张,此时从右向左滑,则切换到第一张 if (viewPager.getCurrentItem() == viewPager.getAdapter().getCount() - 1 && !isAutoPlay) { viewPager.setCurrentItem(0); } // 当前为第一张,此时从左向右滑,则切换到最后一张 else if (viewPager.getCurrentItem() == 0 && !isAutoPlay) { viewPager.setCurrentItem(viewPager.getAdapter().getCount() - 1); } break; } } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { // TODO Auto-generated method stub } @Override public void onPageSelected(int pos) { // TODO Auto-generated method stub currentItem = pos; for(int i=0;i < dotViewsList.size();i++){ if(i == pos){ ((View)dotViewsList.get(pos)).setBackgroundResource(R.drawable.compose_guide_check_box_number); }else { ((View)dotViewsList.get(i)).setBackgroundResource(R.drawable.compose_guide_check_box_default); } } } } /** *执行轮播图切换任务 */ private class SlideShowTask implements Runnable{ @Override public void run() { // TODO Auto-generated method stub synchronized (viewPager) { currentItem = (currentItem+1)%imageViewsList.size(); handler.obtainMessage().sendToTarget(); } } } /** * 销毁ImageView资源,回收内存 */ private void destoryBitmaps() { for (int i = 0; i < IMAGE_COUNT; i++) { ImageView imageView = imageViewsList.get(i); Drawable drawable = imageView.getDrawable(); if (drawable != null) { //解除drawable对view的引用 drawable.setCallback(null); } } } public static void initImageLoader(Context context) { ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context).threadPriority(Thread.NORM_PRIORITY - 2).denyCacheImageMultipleSizesInMemory().discCacheFileNameGenerator(new Md5FileNameGenerator()).tasksProcessingOrder(QueueProcessingType.LIFO).writeDebugLogs() .build(); ImageLoader.getInstance().init(config); }}
带指示器的布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 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" /> <LinearLayout android:id="@+id/dotLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:padding="8dp" android:gravity="right" android:orientation="horizontal"> <View android:id="@+id/v_dot1" android:layout_width="8dp" android:layout_height="8dp" android:background="@drawable/compose_guide_check_box_default" /> <View android:id="@+id/v_dot2" android:layout_width="8dp" android:layout_height="8dp" android:layout_marginLeft="5dp" android:background="@drawable/compose_guide_check_box_number" /> </LinearLayout>
</RelativeLayout>
点击广告跳转的web
public class WebViewActivity extends Activity{private WebView mWebView;private TextView mTitle;private ImageButton mBackBtn;private Bundle mBundle;@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsetContentView(R.layout.activity_web);super.onCreate(savedInstanceState);mBundle = getIntent().getExtras();initView();}public void initView() {// TODO Auto-generated method stubmWebView = (WebView) findViewById(R.id.web_webview);mWebView.loadUrl(mBundle.getString("url"));mWebView.requestFocusFromTouch();mWebView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);/**覆盖调用系统或自带浏览器行为打开网页*/mWebView.setWebViewClient(new WebViewClient(){@Overridepublic boolean shouldOverrideUrlLoading(WebView view, String url) {// TODO Auto-generated method stubview.loadUrl(url);return true;}});/**判断加载过程*/mWebView.setWebChromeClient(new WebChromeClient() {@Overridepublic void onProgressChanged(WebView view, int newProgress) {// TODO Auto-generated method stubif (newProgress == 100) {// 网页加载完成} else {// 加载中}}});initListener();}public void initListener() {// TODO Auto-generated method stub/**加载javascript*/
// WebSettings mWebSetting = mWebView.getSettings();
// mWebSetting.setJavaScriptEnabled(true);
// mWebView.addJavascriptInterface(new Object() {
// public void clickOnAndroid() {
// new Handler().post(new Runnable() {
// public void run() {
// mWebView.loadUrl("javascript:wave()");
// }
// });
// }
// }, "demo");/**打开页面时, 自适应屏幕*/WebSettings webSettings = mWebView .getSettings(); webSettings.setUseWideViewPort(true);//设置此属性,可任意比例缩放webSettings.setLoadWithOverviewMode(true);/**便页面支持缩放*/webSettings.setJavaScriptEnabled(true); webSettings.setBuiltInZoomControls(true);webSettings.setSupportZoom(true);}}
android图片轮播+点击跳转广告页面相关推荐
- 图片轮播+点击跳转不同页面(给初学者)
在qq群内有个群友问点击不同轮播图片跳转到不同页面的这个功能怎么写? 首先微信官方给出一个轮播图的事例 地址 wxml: <swiper indicator-dots="{{indic ...
- android 图片轮播
今天,简单讲讲Android图片轮播功能. 其实图片轮播功能就是使用ViewPager和Handler,网上查找了资料,把这个简单的问题写的很复杂.其实一个自定义控件完全可以解决.这里直接上代码,不在 ...
- android 图片轮播组件,Android客户端实现图片轮播控件
本文和大家一起写一个Android图片轮播控件,供大家参考,具体内容如下 1. 轮播控件的组成部分 我们以知乎日报Android客户端的轮播控件为例,分析一下轮播控件的主要组成: 首先我们要有用来显示 ...
- Android图片轮播第三弹,给你想不到的惊喜
前言 之前写了两篇图片轮播的文章,分别是http://blog.csdn.net/u011077027/article/details/50771851(android图片轮播第一弹_异步获取和本地获 ...
- Android 图片轮播框架 ImageSlider 炫酷轮播 简单使用
1.Android studio用户添加依赖: compile 'com.squareup.picasso:picasso:2.5.2' compile 'com.nineoldandroids:li ...
- Android图片轮播效果
适配器 import android.support.v4.view.PagerAdapter; import android.util.Log; import android.view.View; ...
- 屏蔽去除CSDN上图片轮播形式的百度推广广告-20190104更新
旧方法 之前采用的是在hosts文件中添加网址映射,从而使请求无效,添加的部分如下: 127.0.0.1 cpro.baidu.com 127.0.0.1 cpro.baidustatic.com 1 ...
- Android图片轮播控件ConvenientBanner的简单使用
1.添加依赖 compile 'com.bigkoo:convenientbanner:2.0.5' 2.在布局文件中添加 <com.bigkoo.convenientbanner.Conven ...
- android 图片轮播圆点,简单的图片轮播 加小圆点
先说一下思路,使用ViewPager加 LinearLayout 布局 共同实现, 先看布局 android:layout_width="match_parent" androi ...
最新文章
- 想学大数据?大数据处理的开源框架推荐
- 七天学习计划_c#_[1]泛型类(还有六天,明天继续写!)
- 泛型技巧系列:简单类型选择器
- Cloudify — Blueprints
- mac 中登陆mysql忘记密码解决办法
- go iscoinbase()_《电车GO!驰骋吧山手线》新情报:高分攻略与新模式介绍
- 企业级及电子商务常见缩写
- 软考-中级软件设计师电子资料合集
- 金融风控实战——可解释人工智能技术
- 组态软件及其应用方式
- 直播app开发中视频编码标准发展史
- linux程序释放内存,Linux释放内存方法
- 追捕文件WRY.DLL的浅显分析及程序示例 (转)
- 华为Ascend:进一步做好产品差异化是后续重点
- 特殊符号,emoji表情,四字节去除问题
- 快速傅里叶变换使用方法
- JS面向对象三大特性
- 线性表(小白,如有错误还望海涵)
- Xilinx Srio详解IP核使用
- 人要感知到自己的渺小,行为才开始伟大
热门文章
- 如何选择日本云服务器
- wsl2显示无NVIDIA显卡驱动
- Shell 练习题(三)
- 计算机软考有哪些科目??
- python中setup函数_Python包管理工具setuptools之setup函数参数详解
- python附加篇setup打包篇
- Android实现自定义圆角边框渐变
- Vector Commitment Techniques and Applications to Verifiable Decentralized Storage学习笔记
- lol8.18服务器不稳定,lol8月18日更新BUG修复一览 8月18日更新修复了哪些BUG
- UE4 回合游戏项目 21- 添加多种类型的敌人