如何在Android中使用ViewFlipper使从ImageURLs的ArrayList的幻灯片？ [英] how to make a slideshow from ArrayList of ImageURLs by using ViewFlipper in android?
本文介绍了如何在Android中使用ViewFlipper使从ImageURLs的ArrayList的幻灯片？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我做了一个简单的演示Android应用程序，在我收到来自API的一些图片的URL，我填充them.I要做出从服务器图片网址的幻灯片的ArrayList中，我所看到的鉴于鳍状肢的例子，但没有得到如何做到这一点在我的情况。
ViewFlipperAdapter.java
包com.epe.smaniquines.adapter;进口的java.util.ArrayList;进口android.content.Context;
进口android.view.LayoutInflater;
进口android.view.View;
进口android.view.ViewGroup;
进口android.widget.BaseAdapter;
进口android.widget.ImageView;
进口android.widget.LinearLayout;
进口android.widget.TextView;进口com.epe.smaniquines.R;
进口com.epe.smaniquines.adapter.CatalogAdapter.Viewholder;
进口com.epe.smaniquines.util.Const;
进口com.nostra13.universalimageloader.core.DisplayImageOptions;
进口com.nostra13.universalimageloader.core.ImageLoader;
进口com.nostra13.universalimageloader.core.ImageLoaderConfiguration;公共类FlipperAdapter延伸BaseAdapter {
ArrayList的＆LT;串GT;网址;
私人语境mContext;
私人DisplayImageOptions选择;
公共静态ImageLoader的ImageLoader的; 公共FlipperAdapter（上下文paramContext，ArrayList的＆LT;串GT;的网址）{
this.urls =网址;
this.mContext = paramContext;
ImageLoader的= ImageLoader.getInstance（）;
imageLoader.init（ImageLoaderConfiguration.createDefault（paramContext））; 选项=新DisplayImageOptions.Builder（）。cacheOnDisc（真）
.showStubImage（R.drawable.noimage）
.showImageOnFail（R.drawable.noimage）.build（）;
} @覆盖
公众诠释的getCount（）{
// TODO自动生成方法存根
返回urls.size（）;
} @覆盖
公共对象的getItem（INT位置）{
// TODO自动生成方法存根
返回urls.get（位置）;
} @覆盖
众长getItemId（INT位置）{
// TODO自动生成方法存根
返回的位置;
} @覆盖
公共查看getView（INT paramInt，查看paramView，ViewGroup中paramViewGroup）{
LayoutInflater localLayoutInflater =（LayoutInflater）this.mContext
.getSystemService（layout_inflater）;
Viewholder localViewholder = NULL;
如果（paramView == NULL）{
paramView = localLayoutInflater.inflate（R.layout.raw_flip，
paramViewGroup，FALSE）;
localViewholder =新Viewholder（）; localViewholder.proImg =（（ImageView的）paramView
.findViewById（R.id.iv_flip））; paramView.setTag（localViewholder）; }其他{
localViewholder =新Viewholder（）;
localViewholder =（Viewholder）paramView.getTag（）;
} imageLoader.displayImage（urls.get（paramInt），localViewholder.proImg，
选项）; 返回paramView; } 静态类Viewholder {
ImageView的proImg; }
}
raw.flip
＆LT;？XML版本=1.0编码=UTF-8＆GT？;
＆LT; LinearLayout中的xmlns：机器人=http://schemas.android.com/apk/res/android
机器人：layout_width =WRAP_CONTENT
机器人：layout_height =WRAP_CONTENT
机器人：填充=20dp＆GT; ＆LT; ImageView的
机器人：ID =@ + ID / iv_flip
机器人：layout_width =FILL_PARENT
机器人：layout_height =FILL_PARENT/＆GT;＆LT; / LinearLayout中＆GT;
main.java
包com.epe.smaniquines.ui;进口的java.io.File;
进口java.io.FileNotFoundException;
进口java.io.FileOutputStream中;
进口java.io.IOException异常;
进口的java.util.ArrayList;
进口java.util.Timer中;进口android.annotation.Sup pressLint;
进口android.app.Activity;
进口android.content.ContentValues;
进口android.content.Context;
进口android.content.Intent;
进口android.graphics.Bitmap;
进口android.graphics.drawable.BitmapDrawable;
进口android.media.MediaPlayer;
进口android.net.Uri;
进口android.os.Bundle;
进口android.os.Environment;
进口android.os.Handler;
进口android.provider.MediaStore;
进口android.provider.MediaStore.Images;
进口android.view.View;
进口android.view.View.OnClickListener;
进口android.view.Window;
进口android.view.WindowManager;
进口android.widget.AdapterViewFlipper;
进口android.widget.ImageView;
进口android.widget.RelativeLayout;
进口android.widget.TextView;
进口android.widget.Toast;
进口android.widget.ViewFlipper;进口com.epe.smaniquines.R;
进口com.epe.smaniquines.adapter.FlipperAdapter;
进口com.epe.smaniquines.util.Const;
进口com.nostra13.universalimageloader.core.DisplayImageOptions;
进口com.nostra13.universalimageloader.core.ImageLoader;
进口com.nostra13.universalimageloader.core.ImageLoaderConfiguration;公共类DetailsActivity扩展活动实现OnClickListener {
ImageView的proImage，ivSave，ivInfo，ivPlay，ivBak，iv_share;
RelativeLayout的rl_botm，rl_option;
TextView的tv_facebuk，tv_twiter，tv_nothanks，tv_email，tv_save;
串big_img;
ArrayList的＆LT;串GT; resultArray;
私人DisplayImageOptions选择;
公共静态ImageLoader的ImageLoader的;
RelativeLayout的rl_info;
公共布尔标志= FALSE;
INT I = 0;
私人诠释PicPosition;
私人处理程序处理程序=新的处理程序（）;
INT mFlipping = 0;
ViewFlipper viewFlipper;
定时器定时器;
INT FLAGD = 0;
字符串数据;
串shareType;
文件映像; @覆盖
保护无效的onCreate（捆绑savedInstanceState）{
super.onCreate（savedInstanceState）;
requestWindowFeature（Window.FEATURE_NO_TITLE）;
getWindow（）。setFlags（WindowManager.LayoutParams.FLAG_FULLSCREEN，
WindowManager.LayoutParams.FLAG_FULLSCREEN）;
的setContentView（R.layout.activity_detail）;
初始化（）;
/ *
*意图I = getIntent（）;数据= i.getStringExtra（数据）; shareType =
* i.getStringExtra（类型）;
* / big_img = getIntent（）getStringExtra（Const.TAG_BIG_IMG）。
resultArray = getIntent（）getStringArrayListExtra（阵）。
的System.out.println（:::::::::::::: ARRAYSIZE ::::::::+ resultArray）;
imageLoader.displayImage（big_img，proImage，期权）;
ivInfo.setOnClickListener（本）;
ivPlay.setOnClickListener（本）;
tv_email.setOnClickListener（本）;
tv_facebuk.setOnClickListener（本）;
tv_nothanks.setOnClickListener（本）;
tv_save.setOnClickListener（本）;
tv_twiter.setOnClickListener（本）;
iv_share.setOnClickListener（本）;
ivBak.setOnClickListener（本）;
// viewFlipper =（ViewFlipper）findViewById（R.id.flipper）;
imageLoader.displayImage（big_img，proImage，期权）;
proImage.postDelayed（swapImage，3000）; } 公共无效开放（查看视图）{
/ *
*意图sharingIntent =新意图（Intent.ACTION_SEND）; screenshotUri
* = Uri.parse（big_img）; sharingIntent.setType（图像/ *）;
* /
/ *
* sharingIntent .putExtra（Intent.EXTRA_TEXT，
*）的新状态正文;
* sharingIntent.putExtra（Intent.EXTRA_TITLE，交通在）;
* sharingIntent.putExtra（Intent.EXTRA_STREAM，screenshotUri）;
* startActivity（Intent.createChooser（sharingIntent，
*））的使用共享图像;
* /
意图shareIntent =新意图（android.content.Intent.ACTION_SEND）;
shareIntent.setType（* / *）;
shareIntent.putExtra（Intent.EXTRA_TEXT，你好测试）; //＆LT; - 字符串
乌里screenshotUri = Uri.parse（image.getPath（））;
shareIntent.putExtra（Intent.EXTRA_STREAM，screenshotUri）;
startActivity（Intent.createChooser（shareIntent，分享图像使用））;
} void初始化（）{
proImage =（ImageView的）findViewById（R.id.iv_det）;
ivInfo =（ImageView的）findViewById（R.id.iv_info）;
ivPlay =（ImageView的）findViewById（R.id.iv_play）;
ivBak =（ImageView的）findViewById（R.id.iv_back）;
rl_botm =（RelativeLayout的）findViewById（R.id.rl_bottom）;
rl_option =（RelativeLayout的）findViewById（R.id.rl_options）;
tv_save =（的TextView）findViewById（R.id.tv_save）;
tv_email =（的TextView）findViewById（R.id.tv_email）;
tv_facebuk =（的TextView）findViewById（R.id.tv_facebook）;
tv_nothanks =（的TextView）findViewById（R.id.tv_no_thanks）;
tv_twiter =（的TextView）findViewById（R.id.tv_twiter）;
rl_option.setVisibility（View.GONE）; iv_share =（ImageView的）findViewById（R.id.iv_share）;
ImageLoader的= ImageLoader.getInstance（）;
imageLoader.init（ImageLoaderConfiguration
.createDefault（DetailsActivity.this））;
rl_info =（RelativeLayout的）findViewById（R.id.rl_info）;
rl_info.setVisibility（View.GONE）;
resultArray =新的ArrayList＆LT;串GT;（）; } @燮pressLint（NewApi）
@覆盖
公共无效的onClick（视图v）{
开关（v.getId（））{
案例R.id.iv_share：
rl_option.setVisibility（View.VISIBLE）; 打破; 案例R.id.iv_play：
proImage.setVisibility（View.GONE）;
AdapterViewFlipper鳍=（AdapterViewFlipper）findViewById（R.id.flipper）;
flipper.setAdapter（新FlipperAdapter（DetailsActivity.this，
resultArray））;
打破;
案例R.id.iv_back：
完（）;
打破;
案例R.id.tv_email：
rl_option.setVisibility（View.GONE）;
意图电子邮件=新意图（Intent.ACTION_SEND）;
email.putExtra（Intent.EXTRA_EMAIL，
新的String [] {youremail@yahoo.com}）;
email.putExtra（Intent.EXTRA_SUBJECT，主体）;
email.putExtra（Intent.EXTRA_TEXT，消息）;
email.setType（信息/ RFC822）;
startActivity（Intent.createChooser（电子邮件，
选择电子邮件客户端））;
打破;
案例R.id.tv_save：
保存（）;
rl_option.setVisibility（View.GONE）;
打破;
案例R.id.tv_facebook：
保存（）;
开放式（V）;
rl_option.setVisibility（View.GONE）;
打破;
案例R.id.tv_no_thanks：
rl_option.setVisibility（View.GONE）;
打破;
案例R.id.tv_twiter：
rl_option.setVisibility（View.GONE）;
打破;
案例R.id.iv_info：
rl_option.setVisibility（View.GONE）;
如果（标志）{
rl_info.setVisibility（View.VISIBLE）;
标志= FALSE;
}其他{
rl_info.setVisibility（View.GONE）;
标志=真实的;
} 打破; }
} //幻灯片.. !!! MediaPlayer的introSound，bellSound;
可运行swapImage =新的Runnable（）{
@覆盖
公共无效的run（）{
myslideshow（）;
handler.postDelayed（这一点，1000）;
}
}; 私人无效myslideshow（）{
PicPosition = resultArray.indexOf（big_img）;
如果（PicPosition＆GT = resultArray.size（））
PicPosition = resultArray.indexOf（big_img）; // 停止
其他
resultArray.get（PicPosition）; //移到下一库元件。
} // //保存到SD卡.. !!
而无效（）{
BitmapDrawable绘制=（BitmapDrawable）proImage.getDrawable（）;
位图的位图= drawable.getBitmap（）;
文件sdCardDirectory = Environment.getExternalStorageDirectory（）; 文件DIR =新的文件（sdCardDirectory.getAbsolutePath（）
+/ 3sManiquines /）;
图像=新的文件（sdCardDirectory3s_+ System.currentTimeMillis的（）
+.PNG）;
dir.mkdirs（）;
布尔成功= FALSE; // EN code中的文件作为一个PNG图像。
FileOutputStream中outStream;
尝试{ outStream =新的FileOutputStream（图片）;
bitmap.com preSS（Bitmap.Com pressFormat.PNG，100，outStream）;
/ * 100，以保持图像的质量完全* / outStream.flush（）;
outStream.close（）; 成功= TRUE;
}赶上（FileNotFoundException异常五）{
e.printStackTrace（）;
}赶上（IOException异常五）{
e.printStackTrace（）;
}
如果（成功）{
addImageToGallery（DIR +，DetailsActivity.this）;
Toast.makeText（getApplicationContext（），图像保存成功，
Toast.LENGTH_LONG）.show（）;
}其他{
Toast.makeText（getApplicationContext（），
图像时出错节约，Toast.LENGTH_LONG）.show（）;
}
} // 公共静态无效addImageToGallery（最后字符串的文件路径，
最终上下文的背景下）{ ContentValues值=新ContentValues（）; values.put（Images.Media.DATE_TAKEN，System.currentTimeMillis的（））;
values.put（Images.Media.MIME_TYPE，图像/ PNG）;
values.put（MediaStore.MediaColumns.DATA，文件路径）; context.getContentResolver（）。插入（Images.Media.EXTERNAL_CONTENT_URI，
值）;
} // Facebook的...
公共无效sharetext（字符串文本）//文本共享
{ 意图份额=新意图（android.content.Intent.ACTION_SEND）; share.setType（text / plain的）;
share.putExtra（android.content.Intent.EXTRA_SUBJECT，TITLE）;
share.putExtra（android.content.Intent.EXTRA_TEXT，文字）;
startActivity（Intent.createChooser（通过共享共享，））;
完（）; } 公共无效shareimage（字符串文本）//参数是图像文件名
//延伸
{ 意图shareimage =新意图（android.content.Intent.ACTION_SEND）; shareimage.setType（* / *）; //对所有
shareimage.setClassName（com.android.mms
com.android.mms.ui.ComposeMessageActivity）; shareimage.putExtra（Intent.EXTRA_STREAM，resultArray.indexOf（big_img））;
startActivity（Intent.createChooser（shareimage，分享图片））;
完（）;
}}
main.xaml
＆LT;的RelativeLayout的xmlns：机器人=http://schemas.android.com/apk/res/android
的xmlns：工具=http://schemas.android.com/tools
机器人：layout_width =match_parent
机器人：layout_height =match_parent＆GT; ＆LT; RelativeLayout的
机器人：ID =@ + ID / rl_det_hdr
机器人：layout_width =FILL_PARENT
机器人：layout_height =40dp
机器人：背景=@绘制/ bottom_nav_bg＆GT; ＆LT; ImageView的
机器人：ID =@ + ID / iv_back
机器人：layout_width =WRAP_CONTENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_alignParentLeft =真
机器人：layout_marginLeft =5DP
机器人：背景=@绘制/ btn_back/＆GT; ＆LT;的TextView
机器人：ID =@ + ID / titledetail
机器人：layout_width =WRAP_CONTENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_centerInParent =真
机器人：比重=中心
机器人：填充=10dp
机器人：文字=目录
机器人：文字颜色=＃FFFFFF
机器人：TEXTSIZE =18dp
机器人：文字样式=大胆/＆GT;
＆LT; / RelativeLayout的＆GT; ＆LT; RelativeLayout的
机器人：ID =@ + ID / rl_main_det
机器人：layout_width =FILL_PARENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_above =@ + ID / rl_bottom
机器人：layout_below =@ + ID / rl_det_hdr
机器人：填充=10dp＆GT; ＆LT; ImageView的
机器人：ID =@ + ID / iv_det
机器人：layout_width =FILL_PARENT
机器人：layout_height =FILL_PARENT
机器人：layout_centerInParent =真/＆GT; ＆LT; AdapterViewFlipper
机器人：ID =@ + ID /脚蹼
机器人：layout_width =FILL_PARENT
机器人：layout_height =FILL_PARENT/＆GT;
＆LT; / RelativeLayout的＆GT; ＆LT; RelativeLayout的
机器人：ID =@ + ID / rl_options
机器人：layout_width =WRAP_CONTENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_above =@ + ID / rl_bottom
机器人：layout_marginLeft =10dp
机器人：layout_marginRight =10dp
机器人：背景=@绘制/帧
机器人：知名度=水涨船高＆GT; ＆LT;的TextView
机器人：ID =@ + ID / tv_twiter
机器人：layout_width =FILL_PARENT
机器人：layout_height =WRAP_CONTENT
机器人：比重=中心
机器人：填充=10dp
机器人：文字=推特
机器人：文字颜色=＃1D88FC
机器人：TEXTSIZE =20dp/＆GT; ＆LT;查看
机器人：ID =@ + ID / SEP1
机器人：layout_width =FILL_PARENT
机器人：layout_height =0.75dp
机器人：layout_below =@ + ID / tv_twiter
机器人：背景=＃cecece/＆GT; ＆LT;的TextView
机器人：ID =@ + ID / tv_facebook
机器人：layout_width =FILL_PARENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_below =@ + ID / SEP1
机器人：比重=中心
机器人：填充=10dp
机器人：文字=脸谱
机器人：文字颜色=＃1D88FC
机器人：TEXTSIZE =20dp/＆GT; ＆LT;查看
机器人：ID =@ + ID / SEP2
机器人：layout_width =FILL_PARENT
机器人：layout_height =0.75dp
机器人：layout_below =@ + ID / tv_facebook
机器人：背景=＃cecece/＆GT; ＆LT;的TextView
机器人：ID =@ + ID / tv_email
机器人：layout_width =FILL_PARENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_below =@ + ID / SEP2
机器人：比重=中心
机器人：填充=10dp
机器人：文字=电子邮件
机器人：文字颜色=＃1D88FC
机器人：TEXTSIZE =20dp/＆GT; ＆LT;查看
机器人：ID =@ + ID / SEP3
机器人：layout_width =FILL_PARENT
机器人：layout_height =0.75dp
机器人：layout_below =@ + ID / tv_email
机器人：背景=＃cecece/＆GT; ＆LT;的TextView
机器人：ID =@ + ID / tv_save
机器人：layout_width =FILL_PARENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_below =@ + ID / SEP3
机器人：比重=中心
机器人：填充=10dp
机器人：文本=保存
机器人：文字颜色=＃1D88FC
机器人：TEXTSIZE =20dp/＆GT; ＆LT;查看
机器人：ID =@ + ID / sep4
机器人：layout_width =FILL_PARENT
机器人：layout_height =0.75dp
机器人：layout_below =@ + ID / tv_save
机器人：背景=＃cecece/＆GT; ＆LT;的TextView
机器人：ID =@ + ID / tv_no_thanks
机器人：layout_width =FILL_PARENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_below =@ + ID / sep4
机器人：比重=中心
机器人：填充=10dp
机器人：文字=不，谢谢
机器人：文字颜色=＃1D88FC
机器人：TEXTSIZE =20dp/＆GT;
＆LT; / RelativeLayout的＆GT; ＆LT; RelativeLayout的
机器人：ID =@ + ID / rl_info
机器人：layout_width =WRAP_CONTENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_above =@ + ID / rl_bottom
机器人：layout_marginLeft =10dp
机器人：layout_marginRight =10dp
机器人：背景=@绘制/帧
机器人：知名度=看得见＆GT; ＆LT;的TextView
机器人：ID =@ + ID / tv_twiter
机器人：layout_width =FILL_PARENT
机器人：layout_height =WRAP_CONTENT
机器人：重力=左
机器人：填充=10dp
机器人：文字=信息
机器人：文字颜色=＃000000
机器人：TEXTSIZE =16DP/＆GT; ＆LT;查看
机器人：ID =@ + ID / SEP1
机器人：layout_width =FILL_PARENT
机器人：layout_height =0.75dp
机器人：layout_below =@ + ID / tv_twiter
机器人：背景=＃cecece/＆GT; ＆LT;的TextView
机器人：ID =@ + ID / tv_facebook
机器人：layout_width =FILL_PARENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_below =@ + ID / SEP1
机器人：重力=左
机器人：填充=10dp
机器人：文字=EAD 1伊诺
机器人：文字颜色=＃1D88FC
机器人：TEXTSIZE =16DP/＆GT;
＆LT; / RelativeLayout的＆GT; ＆LT; RelativeLayout的
机器人：ID =@ + ID / rl_bottom
机器人：layout_width =FILL_PARENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_alignParentBottom =真
机器人：背景=@绘制/ bottom_nav_bg
机器人：知名度=看得见＆GT; ＆LT; ImageView的
机器人：ID =@ + ID / iv_play
机器人：layout_width =WRAP_CONTENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_centerInParent =真
机器人：背景=@绘制/ play_btn/＆GT; ＆LT; ImageView的
机器人：ID =@ + ID / iv_info
机器人：layout_width =WRAP_CONTENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_alignParentRight =真
机器人：layout_centerVertical =真
机器人：layout_marginRight =10dp
机器人：背景=@绘制/ about_us/＆GT; ＆LT; ImageView的
机器人：ID =@ + ID / iv_share
机器人：layout_width =WRAP_CONTENT
机器人：layout_height =WRAP_CONTENT
机器人：layout_alignParentLeft =真
机器人：layout_centerVertical =真
机器人：layout_marginLeft =10dp
机器人：背景=@绘制/ share_icon/＆GT;
＆LT; / RelativeLayout的＆GT;＆LT; / RelativeLayout的＆GT;
解决方案
AdapterViewFlipper将是自去，在ViewFlipper最好的方式，你需要pre定义的意见。
里面的onCreate：
的ArrayList＆LT;串GT;网址;
//获取和设置URL来此ArrayList;AdapterViewFlipper鳍=（AdapterViewFlipper）findViewById（R.id.flipper）;
flipper.setAdapter（新FlipperAdapter（网址））;
FlipperAdapter.java
有关从URL加载图像，我建议使用通用图像装载机库：的 https://github.com/nostra13/Android-Universal-Image-Loader
公共类FlipperAdapter延伸BaseAdapter { ArrayList的＆LT;串GT;网址; 公共FlipperAdapter（ArrayList的＆LT;串GT;的网址）{
this.urls =网址;
} @覆盖
公众诠释的getCount（）{
// TODO自动生成方法存根
返回urls.size（）;
} @覆盖
公共对象的getItem（INT位置）{
// TODO自动生成方法存根
返回urls.get（位置）;
} @覆盖
众长getItemId（INT位置）{
// TODO自动生成方法存根
返回的位置;
} @覆盖
公共查看getView（INT位置，查看convertView，父母的ViewGroup）{
如果（convertView == NULL）{
convertView =（的LinearLayout）LayoutInflater.inflate（
R.layout.viewLayout，父母，假）;
} ImageView的图像=（ImageView的）convertView.findViewById（R.id.image）;
imageLoader.displayImage（urls.get（位置），图像，NULL）;
返回convertView;
}
}
编辑1：viewLayout.xml（这将包含要在里面adapterViewFlipper显示该项目的布局）
＆LT;？XML版本=1.0编码=UTF-8＆GT？;
＆LT;的RelativeLayout的xmlns：机器人=http://schemas.android.com/apk/res/android
机器人：layout_width =match_parent
机器人：layout_height =match_parent＆GT;
＆LT; ImageView的
机器人：ID =@ + ID /图像
机器人：layout_width =match_parent
机器人：layout_height =match_parent/＆GT;
＆LT; / RelativeLayout的＆GT;
I have made a simple demo android app,In that I am getting some Images url from the API,And I am filling an arrayList with them.I want to made a slideshow of that imageurl from the server ,I have seen the view flipper example but not getting how to do it in my case. ViewFlipperAdapter.java
package com.epe.smaniquines.adapter;
import java.util.ArrayList;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import com.epe.smaniquines.R;
import com.epe.smaniquines.adapter.CatalogAdapter.Viewholder;
import com.epe.smaniquines.util.Const;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
public class FlipperAdapter extends BaseAdapter {
ArrayList<String> urls;
private Context mContext;
private DisplayImageOptions options;
public static ImageLoader imageLoader;
public FlipperAdapter(Context paramContext, ArrayList<String> urls) {
this.urls = urls;
this.mContext = paramContext;
imageLoader = ImageLoader.getInstance();
imageLoader.init(ImageLoaderConfiguration.createDefault(paramContext));
options = new DisplayImageOptions.Builder().cacheOnDisc(true)
.showStubImage(R.drawable.noimage)
.showImageOnFail(R.drawable.noimage).build();
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return urls.size();
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return urls.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(int paramInt, View paramView, ViewGroup paramViewGroup) {
LayoutInflater localLayoutInflater = (LayoutInflater) this.mContext
.getSystemService("layout_inflater");
Viewholder localViewholder = null;
if (paramView == null) {
paramView = localLayoutInflater.inflate(R.layout.raw_flip,
paramViewGroup, false);
localViewholder = new Viewholder();
localViewholder.proImg = ((ImageView) paramView
.findViewById(R.id.iv_flip));
paramView.setTag(localViewholder);
} else {
localViewholder = new Viewholder();
localViewholder = (Viewholder) paramView.getTag();
}
imageLoader.displayImage(urls.get(paramInt), localViewholder.proImg,
options);
return paramView;
}
static class Viewholder {
ImageView proImg;
}
}
raw.flip
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp" >
<ImageView
android:id="@+id/iv_flip"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</LinearLayout>
main.java
package com.epe.smaniquines.ui;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.ArrayList;
import java.util.Timer;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.ContentValues;
import android.content.Context;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.media.MediaPlayer;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.os.Handler;
import android.provider.MediaStore;
import android.provider.MediaStore.Images;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.view.WindowManager;
import android.widget.AdapterViewFlipper;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.ViewFlipper;
import com.epe.smaniquines.R;
import com.epe.smaniquines.adapter.FlipperAdapter;
import com.epe.smaniquines.util.Const;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
public class DetailsActivity extends Activity implements OnClickListener {
ImageView proImage, ivSave, ivInfo, ivPlay, ivBak, iv_share;
RelativeLayout rl_botm, rl_option;
TextView tv_facebuk, tv_twiter, tv_nothanks, tv_email, tv_save;
String big_img;
ArrayList<String> resultArray;
private DisplayImageOptions options;
public static ImageLoader imageLoader;
RelativeLayout rl_info;
public boolean flag = false;
int i = 0;
private int PicPosition;
private Handler handler = new Handler();
int mFlipping = 0;
ViewFlipper viewFlipper;
Timer timer;
int flagD = 0;
String data;
String shareType;
File image;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
setContentView(R.layout.activity_detail);
initialize();
/*
* Intent i = getIntent(); data = i.getStringExtra("data"); shareType =
* i.getStringExtra("type");
*/
big_img = getIntent().getStringExtra(Const.TAG_BIG_IMG);
resultArray = getIntent().getStringArrayListExtra("array");
System.out.println("::::::::::::::ArraySize::::::::" + resultArray);
imageLoader.displayImage(big_img, proImage, options);
ivInfo.setOnClickListener(this);
ivPlay.setOnClickListener(this);
tv_email.setOnClickListener(this);
tv_facebuk.setOnClickListener(this);
tv_nothanks.setOnClickListener(this);
tv_save.setOnClickListener(this);
tv_twiter.setOnClickListener(this);
iv_share.setOnClickListener(this);
ivBak.setOnClickListener(this);
// viewFlipper = (ViewFlipper) findViewById(R.id.flipper);
imageLoader.displayImage(big_img, proImage, options);
proImage.postDelayed(swapImage, 3000);
}
public void open(View view) {
/*
* Intent sharingIntent = new Intent(Intent.ACTION_SEND); screenshotUri
* = Uri.parse(big_img); sharingIntent.setType("image/*");
*/
/*
* sharingIntent .putExtra(Intent.EXTRA_TEXT,
* "Body text of the new status");
* sharingIntent.putExtra(Intent.EXTRA_TITLE, "Traffic At");
* sharingIntent.putExtra(Intent.EXTRA_STREAM, screenshotUri);
* startActivity(Intent.createChooser(sharingIntent,
* "Share image using"));
*/
Intent shareIntent = new Intent(android.content.Intent.ACTION_SEND);
shareIntent.setType("*/*");
shareIntent.putExtra(Intent.EXTRA_TEXT, "Hello test"); // <- String
Uri screenshotUri = Uri.parse(image.getPath());
shareIntent.putExtra(Intent.EXTRA_STREAM, screenshotUri);
startActivity(Intent.createChooser(shareIntent, "Share image using"));
}
void initialize() {
proImage = (ImageView) findViewById(R.id.iv_det);
ivInfo = (ImageView) findViewById(R.id.iv_info);
ivPlay = (ImageView) findViewById(R.id.iv_play);
ivBak = (ImageView) findViewById(R.id.iv_back);
rl_botm = (RelativeLayout) findViewById(R.id.rl_bottom);
rl_option = (RelativeLayout) findViewById(R.id.rl_options);
tv_save = (TextView) findViewById(R.id.tv_save);
tv_email = (TextView) findViewById(R.id.tv_email);
tv_facebuk = (TextView) findViewById(R.id.tv_facebook);
tv_nothanks = (TextView) findViewById(R.id.tv_no_thanks);
tv_twiter = (TextView) findViewById(R.id.tv_twiter);
rl_option.setVisibility(View.GONE);
iv_share = (ImageView) findViewById(R.id.iv_share);
imageLoader = ImageLoader.getInstance();
imageLoader.init(ImageLoaderConfiguration
.createDefault(DetailsActivity.this));
rl_info = (RelativeLayout) findViewById(R.id.rl_info);
rl_info.setVisibility(View.GONE);
resultArray = new ArrayList<String>();
}
@SuppressLint("NewApi")
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.iv_share:
rl_option.setVisibility(View.VISIBLE);
break;
case R.id.iv_play:
proImage.setVisibility(View.GONE);
AdapterViewFlipper flipper = (AdapterViewFlipper) findViewById(R.id.flipper);
flipper.setAdapter(new FlipperAdapter(DetailsActivity.this,
resultArray));
break;
case R.id.iv_back:
finish();
break;
case R.id.tv_email:
rl_option.setVisibility(View.GONE);
Intent email = new Intent(Intent.ACTION_SEND);
email.putExtra(Intent.EXTRA_EMAIL,
new String[] { "youremail@yahoo.com" });
email.putExtra(Intent.EXTRA_SUBJECT, "subject");
email.putExtra(Intent.EXTRA_TEXT, "message");
email.setType("message/rfc822");
startActivity(Intent.createChooser(email,
"Choose an Email client :"));
break;
case R.id.tv_save:
save();
rl_option.setVisibility(View.GONE);
break;
case R.id.tv_facebook:
save();
open(v);
rl_option.setVisibility(View.GONE);
break;
case R.id.tv_no_thanks:
rl_option.setVisibility(View.GONE);
break;
case R.id.tv_twiter:
rl_option.setVisibility(View.GONE);
break;
case R.id.iv_info:
rl_option.setVisibility(View.GONE);
if (flag) {
rl_info.setVisibility(View.VISIBLE);
flag = false;
} else {
rl_info.setVisibility(View.GONE);
flag = true;
}
break;
}
}
// slide show..!!!
MediaPlayer introSound, bellSound;
Runnable swapImage = new Runnable() {
@Override
public void run() {
myslideshow();
handler.postDelayed(this, 1000);
}
};
private void myslideshow() {
PicPosition = resultArray.indexOf(big_img);
if (PicPosition >= resultArray.size())
PicPosition = resultArray.indexOf(big_img); // stop
else
resultArray.get(PicPosition);// move to the next gallery element.
}
//
// SAVE TO SD CARD..!!
void save() {
BitmapDrawable drawable = (BitmapDrawable) proImage.getDrawable();
Bitmap bitmap = drawable.getBitmap();
File sdCardDirectory = Environment.getExternalStorageDirectory();
File dir = new File(sdCardDirectory.getAbsolutePath()
+ "/3sManiquines/");
image = new File(sdCardDirectory, "3s_" + System.currentTimeMillis()
+ ".png");
dir.mkdirs();
boolean success = false;
// Encode the file as a PNG image.
FileOutputStream outStream;
try {
outStream = new FileOutputStream(image);
bitmap.compress(Bitmap.CompressFormat.PNG, 100, outStream);
/* 100 to keep full quality of the image */
outStream.flush();
outStream.close();
success = true;
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
if (success) {
addImageToGallery(dir + "", DetailsActivity.this);
Toast.makeText(getApplicationContext(), "Image saved with success",
Toast.LENGTH_LONG).show();
} else {
Toast.makeText(getApplicationContext(),
"Error during image saving", Toast.LENGTH_LONG).show();
}
}//
public static void addImageToGallery(final String filePath,
final Context context) {
ContentValues values = new ContentValues();
values.put(Images.Media.DATE_TAKEN, System.currentTimeMillis());
values.put(Images.Media.MIME_TYPE, "image/png");
values.put(MediaStore.MediaColumns.DATA, filePath);
context.getContentResolver().insert(Images.Media.EXTERNAL_CONTENT_URI,
values);
}
// facebook...
public void sharetext(String text) // Text to be shared
{
Intent share = new Intent(android.content.Intent.ACTION_SEND);
share.setType("text/plain");
share.putExtra(android.content.Intent.EXTRA_SUBJECT, "TITLE");
share.putExtra(android.content.Intent.EXTRA_TEXT, text);
startActivity(Intent.createChooser(share, "Share via"));
finish();
}
public void shareimage(String text) // argument is image file name with
// extention
{
Intent shareimage = new Intent(android.content.Intent.ACTION_SEND);
shareimage.setType("*/*");// for all
shareimage.setClassName("com.android.mms",
"com.android.mms.ui.ComposeMessageActivity");
shareimage.putExtra(Intent.EXTRA_STREAM, resultArray.indexOf(big_img));
startActivity(Intent.createChooser(shareimage, "Share Image"));
finish();
}
}
main.xaml
<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" >
<RelativeLayout
android:id="@+id/rl_det_hdr"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:background="@drawable/bottom_nav_bg" >
<ImageView
android:id="@+id/iv_back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_marginLeft="5dp"
android:background="@drawable/btn_back" />
<TextView
android:id="@+id/titledetail"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:gravity="center"
android:padding="10dp"
android:text="CATALOG"
android:textColor="#ffffff"
android:textSize="18dp"
android:textStyle="bold" />
</RelativeLayout>
<RelativeLayout
android:id="@+id/rl_main_det"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/rl_bottom"
android:layout_below="@+id/rl_det_hdr"
android:padding="10dp" >
<ImageView
android:id="@+id/iv_det"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_centerInParent="true" />
<AdapterViewFlipper
android:id="@+id/flipper"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</RelativeLayout>
<RelativeLayout
android:id="@+id/rl_options"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/rl_bottom"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="@drawable/frame"
android:visibility="gone" >
<TextView
android:id="@+id/tv_twiter"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:padding="10dp"
android:text="Twitter"
android:textColor="#1D88FC"
android:textSize="20dp" />
<View
android:id="@+id/sep1"
android:layout_width="fill_parent"
android:layout_height="0.75dp"
android:layout_below="@+id/tv_twiter"
android:background="#cecece" />
<TextView
android:id="@+id/tv_facebook"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/sep1"
android:gravity="center"
android:padding="10dp"
android:text="Facebook"
android:textColor="#1D88FC"
android:textSize="20dp" />
<View
android:id="@+id/sep2"
android:layout_width="fill_parent"
android:layout_height="0.75dp"
android:layout_below="@+id/tv_facebook"
android:background="#cecece" />
<TextView
android:id="@+id/tv_email"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/sep2"
android:gravity="center"
android:padding="10dp"
android:text="Email"
android:textColor="#1D88FC"
android:textSize="20dp" />
<View
android:id="@+id/sep3"
android:layout_width="fill_parent"
android:layout_height="0.75dp"
android:layout_below="@+id/tv_email"
android:background="#cecece" />
<TextView
android:id="@+id/tv_save"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/sep3"
android:gravity="center"
android:padding="10dp"
android:text="Save"
android:textColor="#1D88FC"
android:textSize="20dp" />
<View
android:id="@+id/sep4"
android:layout_width="fill_parent"
android:layout_height="0.75dp"
android:layout_below="@+id/tv_save"
android:background="#cecece" />
<TextView
android:id="@+id/tv_no_thanks"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/sep4"
android:gravity="center"
android:padding="10dp"
android:text="No Thanks"
android:textColor="#1D88FC"
android:textSize="20dp" />
</RelativeLayout>
<RelativeLayout
android:id="@+id/rl_info"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/rl_bottom"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="@drawable/frame"
android:visibility="visible" >
<TextView
android:id="@+id/tv_twiter"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="left"
android:padding="10dp"
android:text="Info"
android:textColor="#000000"
android:textSize="16dp" />
<View
android:id="@+id/sep1"
android:layout_width="fill_parent"
android:layout_height="0.75dp"
android:layout_below="@+id/tv_twiter"
android:background="#cecece" />
<TextView
android:id="@+id/tv_facebook"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/sep1"
android:gravity="left"
android:padding="10dp"
android:text="Ead one Eno"
android:textColor="#1D88FC"
android:textSize="16dp" />
</RelativeLayout>
<RelativeLayout
android:id="@+id/rl_bottom"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="@drawable/bottom_nav_bg"
android:visibility="visible" >
<ImageView
android:id="@+id/iv_play"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="@drawable/play_btn" />
<ImageView
android:id="@+id/iv_info"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="10dp"
android:background="@drawable/about_us" />
<ImageView
android:id="@+id/iv_share"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:layout_marginLeft="10dp"
android:background="@drawable/share_icon" />
</RelativeLayout>
</RelativeLayout>
解决方案
AdapterViewFlipper would be the best way to go since, in a ViewFlipper you need to pre define the views.
Inside onCreate :
ArrayList<String> urls;
//Fetch and set urls to this ArrayList;
AdapterViewFlipper flipper = (AdapterViewFlipper) findViewById(R.id.flipper);
flipper.setAdapter(new FlipperAdapter(urls));
FlipperAdapter.java
For loading image from urls, I'd suggest the use of the Universal Image Loader library : https://github.com/nostra13/Android-Universal-Image-Loader
public class FlipperAdapter extends BaseAdapter {
ArrayList<String> urls;
public FlipperAdapter(ArrayList<String> urls) {
this.urls = urls;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return urls.size();
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return urls.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
convertView = (LinearLayout) LayoutInflater.inflate(
R.layout.viewLayout, parent, false);
}
ImageView image = (ImageView) convertView.findViewById(R.id.image);
imageLoader.displayImage(urls.get(position), image, null);
return convertView;
}
}
Edit 1 : viewLayout.xml (This will contain the layout of the items you want to display inside the adapterViewFlipper)
<?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">
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</RelativeLayout>
这篇关于如何在Android中使用ViewFlipper使从ImageURLs的ArrayList的幻灯片？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
