`
zdphpn
  • 浏览: 11546 次
  • 性别: Icon_minigender_1
  • 来自: 邯郸市
社区版块
存档分类
最新评论
阅读更多
        有时候需要显示动图,可安卓有没有现成的控件,很烦。用过GifView(一个开源的第三方GIF显示控件),后来用android-gif-drawable(另一个GIF开源控件)。简单点可以用第一种,这里选第二种。
        GitHub下载地址:https://github.com/koral--/android-gif-drawable-eclipse-sample(eclipse的一个例程,需要其他请百度)


        点击Download ZIP下载:
        将libs文件夹下所有文件夹拷到工程目录libs下(如:.\Dp Notes\libs)下,将src下lp文件夹拷到工程目录src下(如:.\Dp Notes\src)。
        ADT工程名上右键刷新:
        好吧,报了一堆的错,应该是库有更新,错误原因呢主要是ADT的SDK版本太低,解决办法当然是更新SDK(更新太慢?算了,不更新了),每个文件改错。

        首先,import android.support.annotation.x报错:
        百度,下载support-annotations-23.0.1.jar放libs下,地址:http://download.csdn.net/download/lvshaorong/9399501,CSDN的免积分。

        然后,类似final ConcurrentLinkedQueue<AnimationListener> mListeners = new ConcurrentLinkedQueue<AnimationListener>();

        类似catch (Exception ignored)
        类似
        //    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
        //    public GifImageView(Context context, AttributeSet attrs, int defStyle, int defStyleRes) {
        //        super(context, attrs, defStyle, defStyleRes);
        //        postInit(GifViewUtils.initImageView(this, attrs, defStyle, defStyleRes));
        //    }

        最后,有错的大胆注释,没错为止。
        简单显示测试,Activity_main.xml中最后加入:

<pl.droidsonroids.gif.GifImageView
	android:id="@+id/giv_demo"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:src="@drawable/gif_smaple"/>

        gif_smaple是一个GIF动图文件,运行:

注:这是一个.gif动图,ctrl点击图片查看

        ADT这个工具确实是要被淘汰了,最后一次用。

        代码怎么添加一个GifImageView并显示一个动图?其实和安卓自带的控件一样,new一个设置属性即可,在上节的ListView Item中直接实现:

if("gif".equals(data.type)){//要显示GIF
	if(holder.tv_gifctrl!=null){//GIF控制先移除
		holder.rl_data.removeView(holder.tv_gifctrl);
	}
	if(holder.giv_data!=null){//GIF显示先移除
		holder.giv_data.setVisibility(View.GONE);
	}
				
	RelativeLayout.LayoutParams lp1 = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
	holder.tv_gifctrl=new TextView(activity);//生成GIF控制
	holder.tv_gifctrl.setText("GIF");//设置一些TextView属性
				holder.tv_gifctrl.setGravity(Gravity.CENTER_HORIZONTAL);
				holder.tv_gifctrl.setTextColor(activity.getResources().getColor(R.color.white_dark));
				holder.tv_gifctrl.setTextSize(TypedValue.COMPLEX_UNIT_PX,activity.getResources().getDimension(R.dimen.text_level1));
				
	int padding=(int)activity.getResources().getDimension(R.dimen.padding_n);
	GradientDrawable gd = new GradientDrawable();
gd.setColor(activity.getResources().getColor(R.color.black_normal_88));
	gd.setCornerRadius(padding);
	holder.tv_gifctrl.setBackground(gd);//设置圆角背景
	
	holder.tv_gifctrl.setPadding(padding,padding,padding,padding);
	lp1.addRule(RelativeLayout.CENTER_IN_PARENT);
	holder.tv_gifctrl.setLayoutParams(lp1);
	
	holder.tv_gifctrl.setTag(tagctrlgif);//设置TAG
	holder.rl_data.addView(holder.tv_gifctrl);//添加到布局
	
	OnClickListener listener=new OnClickListener() {//点击的监听器

		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			v.setOnClickListener(null);//清除监听器
			v.findViewWithTag(tagctrlgif).setVisibility(View.GONE);//通过TAG找到GIF控制,隐藏
			if(holder.giv_data!=null){ //GIF显示先移除
				holder.rl_data.removeView(holder.giv_data);
			}
			RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT);
			//生成GIF显示
			holder.giv_data=new GifImageView(activity);
			holder.giv_data.setLayoutParams(lp);
			holder.giv_data.setTag(tagdata);//设置TAG
			holder.rl_data.addView(holder.giv_data);//加到布局
			//载入GIF图片资源
			GifDrawable drawable=gifload.loadImage(viewparent,tagdata,data.dataurl,glcallback);
			if(drawable!=null){//已经加载过
				drawable.start();//开始播放,设置
				holder.giv_data.setBackground(drawable);
			}
			else{//添加一个进度条
				RelativeLayout.LayoutParams lp1 = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
				holder.pb_load=new ProgressBar(activity,null,android.R.attr.progressBarStyleSmall);
															lp1.addRule(RelativeLayout.CENTER_IN_PARENT);
				holder.pb_load.setLayoutParams(lp1);
				holder.pb_load.setTag(tagloadgif);
				holder.rl_data.addView(holder.pb_load);
			}
		}
	};
	holder.rl_data.setOnClickListener(listener);//设置监听器
}

        类似于图片加载完毕的一个GIF加载完毕监听器:
private GifLoadCallback glcallback=new GifLoadCallback() {
		
	@SuppressLint("NewApi")
	@Override
	public void onSuccess(GifDrawable drawable, int tag, View viewParent) {
		// TODO Auto-generated method stub
		if(drawable!=null){
				
			//通过TAG找到GIF显示
			GifImageView giv_data=(GifImageView)viewParent.findViewWithTag(tag);
			if(giv_data!=null){//找到,设置显示
//				LayoutParams lp=rl_data.getLayoutParams();
//                              lp.height=itemWidth*drawable.getMinimumHeight()/drawable.getMinimumWidth();
//				rl_data.setLayoutParams(lp);
				drawable.start();
				giv_data.setBackground(drawable);
					
					viewParent.findViewWithTag(tag+1).setVisibility(View.GONE);//GIF控制隐藏
					viewParent.findViewWithTag(tag-1).setVisibility(View.GONE);//GIF加载进度条隐藏
			}
		}
	}
};

        附上GifDrawable加载的类,类似于图片Drawable的加载:
public class GifLoad {

	private Context context;
	
	private Map<String, GifDrawable> imageMap;
	private ThreadPoolExecutor executor = null;
	BlockingQueue<Runnable> queue =null;
	 
	private String path=Environment.getExternalStorageDirectory()+"/Dp Notes/Cache/GifImage";
	private int threadMaxNum=Runtime.getRuntime().availableProcessors()>1?Runtime.getRuntime().availableProcessors():2;
	private int cacheMaxNum=1;
	
	
	@SuppressLint("NewApi")
	public GifLoad(Context context){
		this.context=context;
		
		imageMap=new LinkedHashMap<String, GifDrawable>();
		queue =new ArrayBlockingQueue<Runnable>(this.threadMaxNum);
		executor=new ThreadPoolExecutor(this.threadMaxNum,this.threadMaxNum,1,TimeUnit.MINUTES,queue,new ThreadPoolExecutor.CallerRunsPolicy());
		
//		File dir=new File(this.path);
//		if(!dir.exists()){
//			dir.mkdirs();
//		}
	}
	
	public void setcacheMaxNum(int maxNum){
		this.cacheMaxNum=maxNum;
	}
	
	public GifDrawable loadImage(final View viewParent,final int viewTag,final String imageUrl,final GifLoadCallback callback){
		
		if (imageMap.containsKey(imageUrl)) {
			GifDrawable drawable=imageMap.get(imageUrl);
			
			return drawable;
		}
//		int index=imageUrl.lastIndexOf("/");
//		index=index>=0?index:0;
//		String filename=imageUrl.substring(index);
//		final String filepath=path+filename+".0";
//		
//		final File mf=new File(filepath);
//		if(mf.exists()){
//			//文件读取待加入
//			if(draw!=null){
//				imageMap.put(imageUrl,draw);
//				chackMapSize();
//				return draw;
//			}
//		}
		imageMap.put(imageUrl,null);
		
		final Handler handler = new Handler() {

			@SuppressLint("HandlerLeak")
			public void handleMessage(Message message) {
				if(callback!=null){
					if(message.what==1){
						callback.onSuccess((GifDrawable)message.obj,viewTag,viewParent);
					}
				}
			}
		};

		executor.execute(new Runnable() {
			
			@Override
			public void run() {
				// TODO Auto-generated method stub
				URL url = null;
				InputStream inputStream = null;
				try {
					url = new URL(imageUrl);
					inputStream = url.openStream();
					ByteArrayOutputStream swapStream = new ByteArrayOutputStream();
					byte[] buff = new byte[512];
					int rc = 0;
					try {
						while ((rc = inputStream.read(buff, 0, 512)) > 0) {
							swapStream.write(buff, 0, rc);
						}
					} catch (IOException e) {
						// TODO Auto-generated catch block
						e.printStackTrace();
					}
					try {
						swapStream.close();
					} catch (IOException e) {
						// TODO Auto-generated catch block
						e.printStackTrace();
					}
					GifDrawable drawable=null;
					
					if(swapStream.size()>0){
						drawable=new GifDrawable(swapStream.toByteArray());
						
						Message message=handler.obtainMessage(1,drawable);
						handler.sendMessage(message);
						
						imageMap.put(imageUrl,drawable);
						chackMapSize();
					}
					else{
						Message message=handler.obtainMessage(1,drawable);
						handler.sendMessage(message);
						
						imageMap.remove(imageUrl);
					}
					
//					if(drawable!=null){
//						FileOutputStream fout=null;
//						try {
//							if(!mf.exists()){
//								mf.createNewFile();
//							}
//							fout=new FileOutputStream(mf);
//							fout.write(swapStream.toByteArray());
//							fout.flush();
//						} catch (IOException e) {
//							// TODO Auto-generated catch block
//							e.printStackTrace();
//						} finally {
//							try {
//								if(fout!=null){
//									fout.close();
//								}
//							} catch (IOException e) {
//								// TODO Auto-generated catch block
//								e.printStackTrace();
//							}
//						}
//					}
					
				} catch (Exception e) {
					e.printStackTrace();
				} finally {
					try {
						if (inputStream != null)
							inputStream.close();
					} catch (IOException e) {
						e.printStackTrace();
					}
				}
			}
		});
		return null;
	}
	
	private void chackMapSize(){

		if(imageMap.size()>cacheMaxNum){
			for(Entry<String, GifDrawable> m:imageMap.entrySet()){
				imageMap.remove(m.getKey());
				break;
			}
		}
		
	}

	public interface GifLoadCallback {
		public void onSuccess(GifDrawable drawable,int tag,View viewParent);
	}
}

        运行看看:

注:这是一个.gif动图,ctrl点击图片查看

不要气馁——2017/06/07




  • 大小: 22.9 KB
  • 大小: 3.6 MB
  • 大小: 3.9 MB
分享到:
评论

相关推荐

    ffmpeg生成gif动图.pdf

    ffmpeg生成gif动图 本篇文章将对ffmpeg生成gif动图的过程进行详细的介绍和解释,涵盖了从主要函数的调用流程到详细的代码实现。 一、主要函数的调用流程 在生成gif动图时,ffmpeg会调用多个函数来实现视频的编码...

    gif动图,文件格式总结

    通常19字节固定,用于实现GIF的动画效果。 7. **图像结尾**: 最后,GIF文件以一个特定字节0x3B(分号)结束,标志着文件的终结。 GIF格式因其轻量级、支持动画和透明度等特点,在网页和其他多媒体应用中非常流行...

    “正在加载”的动态gif图标

    "gif"是Graphics Interchange Format的缩写,是一种支持动图的文件格式,由于其跨平台性和支持透明度等特点,常被用来制作动态图标。 压缩包中的文件名称列表揭示了各种不同设计风格的加载图标,例如loading_1123....

    一套价值8800元的EXCEL教程包你一学就会(全程GIF动画图文版

    #### 19. 冻结行列标题 - **作用**:保持某些行或列始终可见。 - **操作步骤**:选中要冻结的位置 -&gt; 单击“视图”-&gt;“冻结窗格”。 #### 20. 用窗体调用“宏” - **实现方式**:设计窗体 -&gt; 将宏与按钮关联 -&gt; ...

    基于Python、HTML、JavaScript的COVID-19 NLP可视化设计源码

    19 NLP可视化设计源码,包含58个文件,涵盖17个Python脚本、16个PNG图表、5个CSV数据文件、5个HTML页面、4个JavaScript脚本、2个Markdown文档、2个Jupyter Notebook、1个Git忽略规则文件、1个项目授权文件以及1个GIF...

    python 实现turtle画图并导出图片格式的文件

    如下所示: from turtle import* import turtle setup(800,700,300,50) penup() seth(90) fd(100) seth(0) fd(-200) pendown() pensize(3) pencolor(black) ...fd(19) penup() seth(150) fd(155) pendow

    基于JavaScript与微信小程序的宠物百科宠物资讯社区设计源码

    包含89个文件,涵盖19个JavaScript文件、18个JSON配置文件、16个CSS样式文件(wxss)、16个PNG图片文件、15个WXML模板文件、2个Markdown文件、1个Git忽略文件、1个许可证文件以及1个GIF动图文件。该社区旨在为宠物...

    2020学年第一学期网页设计与制作期末考试试卷(A卷) 19电商3.pdf

    12. Photoshop的时间轴功能可以用来制作GIF动图。正确答案是D.时间轴。 13. 绝对路径是指向其他站点文件夹的完整URL,常用于外部链接。正确答案是A.绝对路径。 14. 网站Logo是网站所有者对外展示形象的重要工具。...

    2020学年第一学期网页设计与制作期末考试试卷(A卷) 19电商3.docx

    12. **Photoshop制作GIF动图**:在Photoshop中,通过“时间轴”功能可以创建和编辑GIF动画。 13. **绝对路径**:绝对路径指明文件或目录的完整地址,常用于链接到其他站点的文件夹。 14. **网站Logo**:网站Logo是...

    QQ登录背景闪动效果附效果演示源码下载

    这些元素作为容器,承载了闪动背景的显示。通过CSS样式,我们可以调整这些元素的位置、大小和外观,以适应不同的屏幕尺寸和设备。 要实现闪动效果,JavaScript代码会在用户打开登录页面时加载并执行,动态地改变`#...

    传媒系列报告之19-快手科技:社交筑垒,百亿冲锋.zip

    快手起始于2011年的GIF快手,最初是一款制作动图的应用。随着移动互联网的快速发展,快手敏锐地捕捉到短视频市场的潜力,转型为短视频平台,并迅速积累了大量用户。其独特的社区氛围和用户粘性,使其在社交领域逐渐...

    iOS_Animations_by_Tutorials_v4.0内含所有章节的代码资源

    最后,"27-frame-animations-with-uiimageview"部分讲解了基于图像帧的动画,通常用于实现GIF动图或者连续的序列帧动画效果。通过UIImage数组和CADisplayLink,可以轻松地创建出这类动画。 总而言之,《iOS_...

    平面设计全能班-PS练习素材

    6.警车GIF 7.律动残影 8.3D圆环 9.云中美女 10.点石成金 11.图片转线稿 12.粉笔效果 13.编制效果砉瘘泻竴创.AI油漆笔刷 14.拼图效果 15.大头大头 16.PS界面 17.爆炸效果 18.大头大头 19.科幻黑洞颯鐘缚袆妻午.拉直...

    记住这20种实用PS技术

    16. 动态效果:利用时间轴创建简单的动画效果,如GIF格式的动图。 17. 自定义形状:使用内置或自定义形状工具绘制图形,丰富设计元素。 18. 阴影与发光:添加内阴影、外阴影、内发光、外发光等效果,增强图像立体感...

    江苏省2015年高中信息技术VB程序设计试卷23无答案

    第5题中,wav是常见的音频文件格式,而bmp是图像文件,gif是动图,txt是文本文件。 【信息安全与密码设置】 第9题提到设置安全密码,选择B,kh586*,因为一个好的密码应该包含大小写字母、数字和特殊字符的组合,...

    江苏省2016届普通高中信息技术学业水平测试网络技术试卷25

    16. **文件扩展名与文件类型**:`.wav`是音频文件的扩展名,`.bmp`是位图图像文件,`.gif`是动图文件,`.txt`是文本文件,所以选项A是音频文件。 17. **IP地址**:在IP地址172.20.17.36中,最后的36是主机标识,...

Global site tag (gtag.js) - Google Analytics