高仿新浪點擊圖片放大(可以拖動,動態縮小放大,以及再次點擊圖片消失和儲存圖片的功能),高仿拖動

來源:互聯網
上載者:User

高仿新浪點擊圖片放大(可以拖動,動態縮小放大,以及再次點擊圖片消失和儲存圖片的功能),高仿拖動

有圖有真相:

最近在做項目的時候用到了點擊圖片放大效果,於是就開始實現,本以為挺簡單的,實現起來還是遇到不少的小問題啊:

第一:只實現點擊圖片放大,再次點擊消失,這個好實現;

第二:只實現圖片可以拖動,而且可以動態縮小放大,這個也好實現;

第三:第一 和第二同步實現就出現問題了:

具體的問題是:

(1)setOnClickListener 和 setOnTouchListener 同時設定的時候,若是setOnTouchListener的返回值為true,則不會再執行setOnClickListener ;若是返回為false,則會執行setOnClickListener 

(2)將setOnTouchListener的返回值設為false之後,運行項目,圖片縮小放大之後會直接消失,也就是直接執行了setOnClickListener ,但是項目的要求是,圖片移動了或者放大縮小了,依舊顯示圖片,只有點擊的時候才會使圖片消失,我於是就用一個變數進行控制手指點擊螢幕之後的大小小於1的時候才算是點擊了圖片,從而讓圖片消失,具體不多說了,看圖和代碼:


public class ImageToFullScreenActivity extends Activity implementsOnClickListener {private String mImageUrl;private ImageWorker mImageWorker;private int mImageWidth;private int mImageHeight;private ImageView mFullImageView;private LinearLayout mImageLayout;private ImageView mSaveImage;private Boolean isShutDownPic = true;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.image_to_full_screen);mImageUrl = getIntent().getStringExtra("imageUrl");init();}private void init() {mImageLayout = (LinearLayout) findViewById(R.id.image_layout);mFullImageView = (ImageView) findViewById(R.id.full_image);mSaveImage = (ImageView) findViewById(R.id.save_image);mSaveImage.setOnClickListener(this);mImageLayout.setOnClickListener(this);mFullImageView.setOnClickListener(this);mFullImageView.setOnTouchListener(new TouchListener());WindowManager wm = (WindowManager) getSystemService(Context.WINDOW_SERVICE);DisplayMetrics outMetrics = new DisplayMetrics();wm.getDefaultDisplay().getMetrics(outMetrics);mImageWidth = (int) (outMetrics.widthPixels * 1.0d);mImageHeight = mImageWidth;ImageCacheParams cacheParams = new ImageCacheParams();cacheParams.loadingResId = R.drawable.image_full_screen;cacheParams.memCacheSize = ImageCache.DEFAULT_MEM_CACHE_SIZE_BIG;cacheParams.reqWidth = mImageWidth;cacheParams.reqHeight = mImageHeight;mImageWorker = new ImageWorker(this,(HealthApplication) getApplication());mImageWorker.addParams(cacheParams);mImageWorker.loadBitmap(mImageUrl, mFullImageView);LayoutParams params = new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT);mFullImageView.setLayoutParams(params);}@Overridepublic void onClick(View v) {// TODO Auto-generated method stubswitch (v.getId()) {case R.id.save_image:SaveImageToSysAlbum();break;case R.id.image_layout:if(isShutDownPic){ImageToFullScreenActivity.this.finish();}isShutDownPic = true;break;case R.id.full_image:if(isShutDownPic){ImageToFullScreenActivity.this.finish();}isShutDownPic = true;break;default:break;}}/** * 將ImageView中的圖片儲存到系統相簿 */private void SaveImageToSysAlbum() {if (FileUtil.isSdCardExist()) {BitmapDrawable bmpDrawable = (BitmapDrawable) mFullImageView.getDrawable();Bitmap bmp = bmpDrawable.getBitmap();if (bmp != null) {try {/* * ContentResolver cr = getContentResolver(); String url = * MediaStore.Images.Media.insertImage(cr, bmp, * String.valueOf(System.currentTimeMillis()), ""); */File tempFile = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_DCIM).getPath()+ "/"+ String.valueOf(System.currentTimeMillis())+ ".png");if (tempFile.exists()) {tempFile.delete();}try {tempFile.createNewFile();} catch (IOException e) {e.printStackTrace();}FileOutputStream fOut = null;try {fOut = new FileOutputStream(tempFile);} catch (FileNotFoundException e) {e.printStackTrace();}bmp.compress(Bitmap.CompressFormat.PNG, 100, fOut);try {fOut.flush();fOut.close();} catch (IOException e) {// TODO: handle exceptione.printStackTrace();}Toast.makeText(this, getString(R.string.save_succ),Toast.LENGTH_SHORT).show();} catch (Exception e) {e.printStackTrace();}} else {Toast.makeText(this, getString(R.string.no_iamge_save_fail),Toast.LENGTH_SHORT).show();}} else {Toast.makeText(this, getString(R.string.no_sdcard_save_fail),Toast.LENGTH_SHORT).show();}String release = android.os.Build.VERSION.RELEASE;String tempID = release.substring(0, 3);if (Double.parseDouble(tempID) >= 4.4) {// 安卓4.4以上版本的時候使用這個,以下的使用else語句裡面的MediaScannerConnection.scanFile(this,new String[] { Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_DCIM).getPath()+ "/" }, null, null);} else {sendBroadcast(new Intent(Intent.ACTION_MEDIA_MOUNTED,Uri.parse("file://"+ Environment.getExternalStorageDirectory())));MediaScannerConnection.scanFile(this,new String[] { Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_DCIM).getPath()+ "/" }, null, null);}}private class TouchListener implements OnTouchListener {private PointF startPoint = new PointF();private Matrix matrix = new Matrix();private Matrix currentMaritx = new Matrix();private int mode = 0; // 用於標記模式private static final int DRAG = 1; // 拖動private static final int ZOOM = 2; // 放大private float startDis = 0;private PointF midPoint; // 中心點@Overridepublic boolean onTouch(View v, MotionEvent event) {switch (event.getAction() & MotionEvent.ACTION_MASK) {case MotionEvent.ACTION_DOWN:mode = DRAG; // 拖拽currentMaritx.set(mFullImageView.getImageMatrix()); // 記錄ImageView當前移動位置startPoint.set(event.getX(), event.getY()); // 開始點break;case MotionEvent.ACTION_MOVE:// 移動事件float tempX = event.getX() - startPoint.x;float tempY = event.getY() - startPoint.y;/** * 控制移動小於1.0的情況下,視為沒有移動,執行點擊事件 */if(Math.abs(tempX) < 1.0 && Math.abs(tempY) < 1.0){isShutDownPic = true;}else {isShutDownPic = false;}mFullImageView.setScaleType(ImageView.ScaleType.MATRIX);if (mode == DRAG) { // 圖片拖動事件float dx = event.getX() - startPoint.x; // x軸移動距離float dy = event.getY() - startPoint.y;matrix.set(currentMaritx); // 在當前的位置基礎上移動matrix.postTranslate(dx, dy);} else if (mode == ZOOM) { // 圖片放大事件float endDis = distance(event); // 結束距離if (endDis > 10f) {float scale = endDis / startDis; // 放大倍數matrix.set(currentMaritx);matrix.postScale(scale, scale, midPoint.x, midPoint.y);}}break;case MotionEvent.ACTION_UP:mode = 0;break;// 有手指離開螢幕,但螢幕還有觸點(手指)case MotionEvent.ACTION_POINTER_UP:mode = 0;break;// 當螢幕上已經有觸點(手指),再有一個手指壓下螢幕case MotionEvent.ACTION_POINTER_DOWN:mode = ZOOM;startDis = distance(event);if (startDis > 10f) { // 避免手指上有兩個midPoint = mid(event);currentMaritx.set(mFullImageView.getImageMatrix()); // 記錄當前的縮放倍數}break;}// 顯示縮放後的圖片mFullImageView.setImageMatrix(matrix);return false;}}/** * 計算兩點之間的距離 *  * @param event * @return */public static float distance(MotionEvent event) {float dx = event.getX(1) - event.getX(0);float dy = event.getY(1) - event.getY(0);return FloatMath.sqrt(dx * dx + dy * dy);}/** * 計算兩點之間的中間點 *  * @param event * @return */public static PointF mid(MotionEvent event) {float midX = (event.getX(1) + event.getX(0)) / 2;float midY = (event.getY(1) + event.getY(0)) / 2;return new PointF(midX, midY);}}


大家若是有更好的實現方法,請給留個連結,大家互相學習一下!


高仿蘋果四代可以夠用兩個手指放大縮小圖片?

既然是高仿的,那肯定有些功能沒有
 
高仿蘋果4怎把照片設定成手拉放大縮小的?高人知道的告訴我下·

能拉大小不是設定的問題,而是和手機的觸屏有關,分電容屏和電阻屏。能拉大小是電容屏不過這種電容屏的Iphone4價格在800左右
 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.