Android使用Photoview實現(xiàn)圖片左右滑動及縮放功能

我想,不管是做什么樣的app。一般都會涉及到圖片點擊方法,和左右滑動的功能吧。今天我就把自己的實現(xiàn)拿來分享一下。圖片的加載用到了picasso的圖片加載工具。

目前創(chuàng)新互聯(lián)公司已為千余家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站托管、服務器托管、企業(yè)網(wǎng)站設(shè)計、崇信網(wǎng)站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。

第一步:注入依賴

compile 'com.squareup.picasso:picasso:2.5.2'
compile 'com.github.chrisbanes:PhotoView:1.3.0'

第二步,我們就來實現(xiàn)這個功能。多張圖片左右滑動,這需要用到ViewPager這個類。
且看布局:

<uk.co.senab.photoview.sample.HackyViewPager
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/iv_photo"
 android:layout_width="match_parent"
 android:layout_height="match_parent"/>

這里用到了自定義的ViewPager

public class HackyViewPager extends ViewPager {

 public HackyViewPager(Context context) {
 super(context);
 }

 public HackyViewPager(Context context, AttributeSet attrs) {
 super(context, attrs);
 }

 @Override
 public boolean onInterceptTouchEvent(MotionEvent ev) {
 try {
  return super.onInterceptTouchEvent(ev);
 } catch (IllegalArgumentException e) {
  e.printStackTrace();
  return false;
 }
 }
}

這個是點擊之后跳轉(zhuǎn)到大圖的Activity,來顯示大圖。最重要也是很簡單的一步:

package uk.co.senab.photoview.sample;

import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;

import com.squareup.picasso.Callback;
import com.squareup.picasso.Picasso;

import uk.co.senab.photoview.PhotoView;
import uk.co.senab.photoview.PhotoViewAttacher;

public class PicassoSampleActivity extends AppCompatActivity {

 ViewPager mViewPager;
 //String position;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_simple);
 mViewPager = (HackyViewPager) findViewById(R.id.iv_photo);
 setContentView(mViewPager);
 mViewPager.setAdapter(new SamplePagerAdapter());
 //position=getIntent().getStringExtra("position");

 //設(shè)置默認的坐標,實際情況不要寫死,只需點擊哪張圖片的position,并傳過來接受就可以了,就默認顯示點擊圖片的大圖。
 //mViewPager.setCurrentItem(Integer.parseInt(position));
 mViewPager.setCurrentItem(2);
 }

 static class SamplePagerAdapter extends PagerAdapter {
 //這里暫時寫死了,實際情況中要從服務端獲取圖片地址結(jié)合,傳過來
 private static final String[] url = {"/media/Bist9mvIYAAeAyQ.jpg", "/album/whcrop%3D657%2C370%3Bq%3D90/sign=2c994e578a82b9013df895711cfd9441/09fa513d269759eede0805bbb2fb43166d22df62.jpg",
  "/d/file/2013-11-14/13631d143b7076dc3257b1e516a2a9a2.jpg", "/f5/63/d/7.jpg"};

 @Override
 public int getCount() {
  return url.length;
 }

 @Override
 public View instantiateItem(ViewGroup container, int position) {
  PhotoView photoView = new PhotoView(container.getContext());
  final PhotoViewAttacher attacher = new PhotoViewAttacher(photoView);
  Picasso.with(container.getContext())
   .load(url[position])
   .into(photoView, new Callback() {
   @Override
   public void onSuccess() {
    attacher.update();
   }

   @Override
   public void onError() {

   }
   });

  container.addView(photoView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);

  return photoView;
 }

 @Override
 public void destroyItem(ViewGroup container, int position, Object object) {
  container.removeView((View) object);
 }

 @Override
 public boolean isViewFromObject(View view, Object object) {
  return view == object;
 }

 }
}

有了這個工具我們很輕松就實現(xiàn)了圖片點擊放大,左右活動,縮放等功能。

分享文章:Android使用Photoview實現(xiàn)圖片左右滑動及縮放功能
當前路徑:http://www.muchs.cn/article10/ishggo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計公司、網(wǎng)站內(nèi)鏈、網(wǎng)站收錄、動態(tài)網(wǎng)站、、網(wǎng)站營銷

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機網(wǎng)站建設(shè)