android图片轮播+点击跳转广告页面
16lz
2021-01-23
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> imageList = new ArrayList>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); for (int i = 0; i < 4; i++) { Map image_uri = new HashMap(); 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> imageUrls; //放轮播图片的ImageView 的list private List imageViewsList; //放圆点的View的list private List 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(); dotViewsList = new ArrayList(); initUI(context); } public void setImageUrls(List> imageList){ this.imageUrls = imageList; initData(); } @Override public void onClick(View v) { // TODO Auto-generated method stub Intent 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; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub setContentView(R.layout.activity_web); super.onCreate(savedInstanceState); mBundle = getIntent().getExtras(); initView(); } public void initView() { // TODO Auto-generated method stub mWebView = (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(){ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // TODO Auto-generated method stub view.loadUrl(url); return true; } }); /**判断加载过程*/ mWebView.setWebChromeClient(new WebChromeClient() { @Override public void onProgressChanged(WebView view, int newProgress) { // TODO Auto-generated method stub if (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 下拉加载更多 上拉刷新 框架 （太极 八卦样式刷新，支持自定
- Android 打开设置的各个页面
- android button按键得到焦点和点击后改变背景图片
- 自定义 RadioButton 图片
- Android 图片的帧动画
- Android图片下载缓存库picasso解析