android开发获取网络图片并可拖拽移动

最新推荐文章于 2020-05-16 10:27:40 发布
最新推荐文章于 2020-05-16 10:27:40 发布
阅读量1k 收藏
点赞数
分类专栏： android开发 文章标签： 网络 图片 Android开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yanyuanfen2011/article/details/8970866
版权

这一篇讲获取网络图片，然后显示出来，并对其操作，如拖拽，放大，缩小，移动。

首先，先访问网络图片，代码如下：

先定义一个线程，因为在android4.0以上的系统中，不支持有阻塞的操作在主线程里发生，所以得新定义一个线程，这个线程包括访问网络操作。

Thread xiaoli_thread=new Thread(new Runnable(){
			@Override//该线程通过网络，获取校历的数据流
			public void run() {
				 try{
					 URL url= new URL(PATH);
					 HttpURLConnection conn= (HttpURLConnection)url.openConnection();
					 conn.setConnectTimeout(6 * 1000); // 别超过6秒
					 conn.setDoInput(true);
					 conn.connect();
					 InputStream inputStream=conn.getInputStream();
					 if(inputStream==null){
						 Log.i(TAG,"picture got failed");
					 }else{
						 bmp= BitmapFactory.decodeStream(inputStream);
						 Log.i(TAG,"picture got");
						 
						 MAX_W=bmp.getWidth()*2;
						 MAX_H=bmp.getHeight()*2;
						 MIN_W=bmp.getWidth()/2;
						 MIN_H=bmp.getHeight()/2;
						 
						 Message msg=new Message();
						 msg.what=SHOW_PICTURE;
						 handler.sendMessage(msg);
					 }
				 }catch (SocketTimeoutException e){
					 Log.i(TAG,"SocketTimeoutException");
					 e.printStackTrace();
				 }
				 catch (MalformedURLException e){
					 Log.i(TAG,"MalformedURLException");
					 e.printStackTrace();
				 }catch (IOException e) {
					 Log.i(TAG,"IOException");
					 e.printStackTrace();
				 }
			 }
		 });
再定义一个handler获取线程发送的消息 

final Handler handler=new Handler(){
    		@Override//接收线程发出的信息，缓冲框消失
			public void handleMessage(Message msg){
				switch(msg.what){
					case SHOW_PICTURE:
						 img.setImageBitmap(bmp);
						 dialog.dismiss();
					break;
				}
			}
	};

然后，在oncreate()方法中 

//后台启动校历线程,加载学校校历图片
		xiaoli_thread.start();
		Log.i(TAG,"new xiaoli_thread start!");
这样网络上的图片就可以显示出来了，当然还要有配置文件，这里就不说了。


接下来，就是对图片的操作。

先定义触摸、放大、缩小事件

img.setOnTouchListener(new MulitPointTouchListener(img));
zoomcon=(ZoomControls)super.findViewById(R.id.zoomcontrol);
		this.zoomcon.setOnZoomInClickListener(new onzoominclicklistener());//放大监听
		this.zoomcon.setOnZoomOutClickListener(new onzoomoutclicklistener());//缩小监听
		zoomcon.setIsZoomInEnabled(true);
	    zoomcon.setIsZoomOutEnabled(true);

然后，再写具体的方法

1、触摸即多点触控方法

	/**
	 * @继承OnTouchListener实现多点触控
	 */
	public class MulitPointTouchListener implements OnTouchListener {    
	    Matrix matrix = new Matrix();    
	    Matrix savedMatrix = new Matrix();    
	 
	    public ImageView image;    
	    static final int NONE = 0;    
	    static final int DRAG = 1; //拖拽   
	    static final int ZOOM = 2; //缩放   
	    int mode = NONE;    
	  
	    PointF start = new PointF();    
	    PointF mid = new PointF();    
	    float oldDist = 1f;    

	    public MulitPointTouchListener(ImageView image) {    
	        super();    
	        this.image = image;    
	    }    
	  
	    @Override    
	    public boolean onTouch(View v, MotionEvent event) {    
	        this.image.setScaleType(ScaleType.MATRIX);    
	        ImageView view = (ImageView) v;  
	        switch (event.getAction() & MotionEvent.ACTION_MASK) {  
		        case MotionEvent.ACTION_DOWN:
		            Log.w("FLAG", "ACTION_DOWN"); 
		            
		            //设置底部组件的可见性
		            if(IsVisible){  
			            bottom.setVisibility(View.INVISIBLE);  
			            IsVisible = false;  
			            Log.i(TAG,"onClick1");
			        }else{  
			            bottom.setVisibility(View.VISIBLE);  
			            IsVisible = true;  
			            Log.i(TAG,"onClick2");
			        }
		  
		            matrix.set(view.getImageMatrix());    
		            savedMatrix.set(matrix);    
		            start.set(event.getX(), event.getY());    
		            mode = DRAG;    
		            break;    
		        case MotionEvent.ACTION_POINTER_DOWN:    
		            Log.w("FLAG", "ACTION_POINTER_DOWN");  
		            oldDist = spacing(event);    
		            if (oldDist > 10f) {    
		                savedMatrix.set(matrix);    
		                midPoint(mid, event);    
		                mode = ZOOM;    
		            }    
		            break;    
		        case MotionEvent.ACTION_UP:    
		            Log.w("FLAG", "ACTION_UP");  
		        case MotionEvent.ACTION_POINTER_UP:    
		            Log.w("FLAG", "ACTION_POINTER_UP");  
		            mode = NONE;    
		            break;    
		        case MotionEvent.ACTION_MOVE:    
		            Log.w("FLAG", "ACTION_MOVE");  
		            if (mode == DRAG) {    
		                matrix.set(savedMatrix);    
		                matrix.postTranslate(event.getX() - start.x, event.getY()- start.y);    
		            } else if (mode == ZOOM) {    
		                float newDist = spacing(event);    
		                if (newDist > 10f) {    
		                    matrix.set(savedMatrix);    
		                    float scale = newDist / oldDist;    
		                    matrix.postScale(scale, scale, mid.x, mid.y);    
		                }    
		            }    
		            break;    
	        } 
	        view.setImageMatrix(matrix);    
	        return true;  
	    }
	    
	    private float spacing(MotionEvent event) {    
	        float x = event.getX(0) - event.getX(1);    
	        float y = event.getY(0) - event.getY(1);    
	        return FloatMath.sqrt(x * x + y * y);    
	    }    
	    private void midPoint(PointF point, MotionEvent event) {    
	    	float x = event.getX(0) + event.getX(1);    
	        float y = event.getY(0) + event.getY(1);    
	        point.set(x / 2, y / 2);    
	    } 
	    
	｝

2、放大操作 

/**
	 * @放大图片
	 */
	private class onzoominclicklistener implements OnClickListener{
		@Override
		public void onClick(View v) {
			int bmpWidth = bmp.getWidth();
		     int bmpHeight = bmp.getHeight();
		     //设置图片放大但比例
		     double scale = 1.25;
		     //计算这次要放大的比例
		     scaleWidth = (float)(scaleWidth*scale);
		     scaleHeight = (float)(scaleHeight*scale);
		     //产生新的大小但Bitmap对象
		     Matrix matrix = new Matrix();
		     matrix.postScale(scaleWidth, scaleHeight);
		     try{
			     Bitmap resizeBmp = Bitmap.createBitmap(bmp,0,0,bmpWidth,bmpHeight,matrix,true);
			     if(resizeBmp.getWidth()>=(MAX_W-350 )|| resizeBmp.getHeight()>=(MAX_H-350)){
			    	 zoomcon.setIsZoomInEnabled(false);
			     }else{
			    	 img.setImageBitmap(resizeBmp);
			    	 zoomcon.setIsZoomOutEnabled(true);
			     }
		     }catch(IllegalArgumentException e){
	        	Log.e(TAG,"IllegalArgumentException");
	        	e.printStackTrace();
		     }catch(Exception e){
	        	Log.e(TAG,"Exception");
	        	e.printStackTrace();
		     }
		}
	}

3、缩小操作 

	/**
	 * @缩小图片
	 */
	private class onzoomoutclicklistener implements OnClickListener{
		@Override
		public void onClick(View v) {
			int bmpWidth=bmp.getWidth();    
	        int bmpHeight=bmp.getHeight();   
	        
	        /* 设置图片缩小的比例 */  
	        double scale=0.8;   
	        /* 计算出这次要缩小的比例 */    
	        scaleWidth=(float) (scaleWidth*scale);    
	        scaleHeight=(float) (scaleHeight*scale);    
	        /* 产生reSize后的Bitmap对象 */  
	        Matrix matrix = new Matrix();   
	        matrix.postScale(scaleWidth, scaleHeight);  
	        try{
		        Bitmap resizeBmp = Bitmap.createBitmap(bmp,0,0,bmpWidth, bmpHeight,matrix,true); 
		        if(resizeBmp.getWidth()<=MIN_W || resizeBmp.getHeight()<=MIN_H){
			    	 zoomcon.setIsZoomOutEnabled(false);
			     }else{
			    	 img.setImageBitmap(resizeBmp);
			    	 zoomcon.setIsZoomInEnabled(true);
			     } 
	        }catch(IllegalArgumentException e){
	        	Log.e(TAG,"IllegalArgumentException");
	        	e.printStackTrace();
	        }catch(Exception e){
	        	Log.e(TAG,"Exception");
	        	e.printStackTrace();
	        }
	        
		}
	}

啊，代码有点长，最好在最后还要加上回收图片，因为它占的内存比较多 

 @Override
    protected void onStop() {
   	   if(bmp!=null){
   			if(!bmp.isRecycled()){
   				bmp.recycle();   //回收图片所占的内存
   				bmp=null;
   		        System.gc();  //提醒系统及时回收
   			}
   	   }
   	   super.onStop();
   }
	   
   	@Override
   	protected void onDestroy() {
   		super.onDestroy();
   		if(bmp!=null){
	   		if(!bmp.isRecycled()){
	   			bmp.recycle();   //回收图片所占的内存
	   			bmp=null;
	   	        System.gc();  //提醒系统及时回收
	   		}
   		}
   	}

效果图如下：



安卓市场：http://apk.hiapk.com/html/2013/05/1468059.html?module=256&info=IWjtVg9cqVJLYg%3D%3D
N多市场：http://www.nduoa.com/apk/detail/553415

360手机助手：http://zhushou.360.cn/search/index/?kw=%E6%A0%A1%E5%9B%AD%E5%B0%8F%E5%8A%A9%E6%89%8B

百度应用：http://as.baidu.com/a/item?docid=3101724&pre=web_am_se

优亿市场（eoe)：http://www.eoemarket.com/search/apps/?keyword=%E6%A0%A1%E5%9B%AD%E5%B0%8F%E5%8A%A9%E6%89%8B



圆奋奋
关注
专栏目录
android从网络获取图片资源，图片放大、缩小、触摸等操作。
11-10
从网络异步加载图片资源，主线程执行ui操作，工作线程执行耗时操作。并可对图片触摸放大缩小。
Android从网络获取图片并放大
大模型大数据攻城狮的专栏
09-05 2927
package irdc.ex08_06;import java.io.IOException;import java.io.InputStream;import java.net.HttpURLConnection;import java.net.MalformedURLException;import java.net.URL;import android.app.Activity;i
Android实现让图片在屏幕上任意移动的方法(拖拽功能)
03-20
主要介绍了Android实现让图片在屏幕上任意移动的方法,实例分析了Android拖拽功能的相关实现技巧,需要的朋友可以参考下
android 显示网络图片并放大缩小
11-16
该文件可从网络指定位置下载图片，并设置图片在手机上的单点移动，多点触摸及放大缩小。
Android开发笔记之 图片拖动
三木君的博客
04-14 410
链接：http://www.2cto.com/kf/201109/102541.html 主要思想代码： 通过动态设置imageView的位置。来实现同步图片位置的移动。 private View.OnTouchListener movingEventListener = new View.OnTouchListener() { int lastX, lastY; @Ov
android实现关闭或开启移动网络数据
01-20
总之，Android开发中控制移动网络数据的开关是一个实用的功能，它涉及到系统服务、权限管理和用户交互等多个方面。同时，通过学习和实践相关的动画和自定义控件知识，可以提升应用的用户体验和视觉效果。
Android应用源码之DragList(可拖拽移动的ListView)-IT计算机-毕业设计.zip
04-06
在Android应用开发中，DragList（可拖拽移动的ListView）是一种常见的交互设计，它允许用户通过手势直接在ListView中拖动项目来重新排序。这种功能常见于音乐播放器、任务管理器等需要动态调整顺序的应用中。本毕业...
android浮层图片拖动并且可点击效果
08-28
在Android开发中，实现浮层图片拖动以及可点击效果是一项常见的需求，特别是在设计交互式用户体验时。浮层通常指的是在应用主界面之上显示的、能够覆盖一部分或全部界面的视图，它允许用户在不离开当前界面的情况下...
android imageview 多点触碰(Multitouch)实现图片拖拽移动缩放
05-27
在Android开发中，Imageview是用于显示图像的基本组件。然而，为了提供更加丰富的用户体验，我们经常需要实现一些高级功能，比如多点触碰（Multitouch）支持，使得用户能够通过手势来拖拽图片、移动图片位置以及缩放...
android图片拖动改变位置
04-15
Android 图片 gridview iamgeView ,拖动图片改变位置，拖动图片重新改变位置
android游戏开发之触屏控制人物移动
07-30
经典的RPG游戏模型，通过摇杆控制人物在画面内运动
android 实现图标 （图片）拖拽移动
逗比小可爱的博客
04-25 4737
Android实现让图片在屏幕上任意移动 仅供参考，具体如下：package com.example.mytt;import android.app.Activity; import android.os.Bundle; import android.util.DisplayMetrics; import android.view.MotionEvent; import android.view.
Android实现图片随着手指触摸屏幕移动
fairy0000000的博客
05-12 2219
一、步骤 自定义view,并且重写里面的ondraw函数 在mainActivity中进行调用 二、主要知识 了解paint（画笔），color（颜色），canvas （画板）这里有用到canvas.drawBitmap(Bitmap bitmap,Float left,Float top,Paint paint)方法绘制图片。大家可以通过这篇文章去了解一下相关知识paint等相关知识 三、代码 我选择了一张星星的图片放在了mipmap文件夹中然后把背景颜色设置为了黑色 一个帧布局xml文件在lay
Android 图片移动和拖动
xzizbb的博客
05-31 2935
Android 图片移动和拖动移动图片实现方式：利用点击两个按钮（left和right）来操纵图片向左向右的移动。界面要使得图片可以移动，要使用“RelativeLayout” activity_main: 将图片文件储存到drawable文件夹中，该示例命名为image1 <Button android:id="@+id/btnRight" android:layout_wi
拓扑图节点拖动的实现（学习笔记）
xiudou_123的专栏
04-10 4484
实现拓扑图节点的拖动，节点带有警报等
Android Studio 基础 之 截图，指定截图区域动态截图
仙魁XAN
05-16 5129
Android Studio 基础 之 截图，指定截图区域动态截图 目录 Android Studio 基础 之 截图，指定截图区域动态截图 一、简单介绍 二、实现原理 三、注意事项 四、预览效果 五、实现步骤 六、关键代码 7、附录简版截图 下面是简单的只要 x, y, width，heigth 输入进行屏幕截图的代码（也是从上面代码截取出来的，方便后期封装为工具类） 一、简单介绍 Android 开发中的一些基础操作，使用整理，便于后期使用。 本节介绍，在Android中，
求安卓拓扑图实现思路
qq_36272140的博客
10-22 1710
安卓拓扑图控件需求分析： 1.树形拓扑图,至少支持3级拓扑，每级节点图标，以大小明确区分开来。 2.第三级子节点个数容量不少于2000。 3.组件支持放大与缩小，放大效果类似于滴滴打车那种背景放大，而节点图标不放大。&lt;重点效果&gt; 4.节点数据用主流的JSON格式，从服务器获取。 5.拓扑图界面显示最近一次的更新时间。如果没有数据，将上一次缓存数据作为，拓扑图数据进行显示。 6，加载性能...
Android单点触控技术，对图片进行平移，缩放，旋转操作
dawuafang
01-19 718
转载请注明本文出自xiaanming的博客（http://blog.csdn.net/xiaanming/article/details/42833893），请尊重他人的辛勤劳动成果，谢谢！ 相信大家使用多点对图片进行缩放，平移的操作很熟悉了，大部分大图的浏览都具有此功能，有些app还可以对图片进行旋转操作，QQ的大图浏览就可以对图片进行旋转操作，大家都知道对图片进行缩放，平移，旋转等操作可以使用...
Android Matrix：实现图片缩放与拖动实战教程
在Android开发中，利用Matrix对象能够实现对图片的精细控制，包括放大、缩小和拖动。本文将带你深入理解如何通过Matrix来实现这些效果。首先，我们需要创建一个名为"DragAndZoom"的新项目，并准备一张照片作为展示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值