Android开发:实现图片缩放之PhotoView的使用

本文介绍如何利用PhotoView在Android应用中加载并缩放本地SD卡中的图片。通过添加依赖、实现代码及自定义方法,实现图片显示功能。

项目中需要显示图片,并对图片进行缩放,于是选择了PhotoView

这里只是对本地SD卡中存储的图片进行了加载,未做网络图片加载

项目地址:https://github.com/chrisbanes/PhotoView

 

一、添加依赖

Gradle

  • Project level build.gradle(在project的build.gradle中添加依赖
allprojects {
    repositories {
        maven { url 'https://jitpack.io' }
    }
}
  • App level build.gradle(在app的build.gradle中添加依赖
dependencies {
   compile 'com.github.chrisbanes:PhotoView:1.2.6'
}

二、代码实现

BaseActivity是我自己定义的基类,可以换成自己的或者继承系统的都可以。

init方法是在BaseActivity中实现的抽象方法,基本等同于onCreate()方法。

/**
 * Created by Administrator on 2018/9/3.
 * 展示图片
 */

public class ShowImgActivity extends BaseActivity {
    @Override
    protected void init() {
        setContentView(R.layout.activity_show_img);
        String picPath = getIntent().getStringExtra("picPath");
        initElement(picPath);
    }

    /**
     * 初始化控件
     *
     * @param picPath 图片地址
     */
    private void initElement(String picPath) {
        PhotoView photoView = (PhotoView) findViewById(R.id.photo);

        setElement(photoView, picPath);
    }

    /**
     * 配置控件
     *
     * @param picPath 图片地址
     */
    private void setElement(PhotoView photoView, String picPath) {
        if (!TextUtils.isEmpty(picPath)) {
            Display display = getWindowManager().getDefaultDisplay();
            Point point = new Point();
            display.getSize(point);

            Bitmap bitmap = decodeBitmapFromSD(picPath, point.x, point.y);
            photoView.setImageBitmap(bitmap);
        } else {
            Toast.makeText(this, "未找到文件", Toast.LENGTH_SHORT).show();
        }
    }

    /**
     * 启动Activity
     *
     * @param context 上下文
     * @param picPath 图片地址
     */
    public static void startActivity(Context context, String picPath) {
        Intent intent = new Intent();
        intent.setClass(context, ShowImgActivity.class);
        intent.putExtra("picPath", picPath);
        context.startActivity(intent);
    }
}

三、布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <uk.co.senab.photoview.PhotoView
        android:id="@+id/photo"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

四、decodeBitmapFromSD方法

  // 从sd卡上加载图片
    @Nullable
    public static Bitmap decodeBitmapFromSD(String filePath,
                                            int reqWidth, int reqHeight) {
        BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds = true;
        BitmapFactory.decodeFile(filePath, options);
        options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);
        options.inJustDecodeBounds = false;
        if (getFileExtName(filePath).equals("jpg")) {
            FileInputStream fis = null;
            try {
                fis = new FileInputStream(filePath);
            } catch (FileNotFoundException e) {
                e.printStackTrace();
            }

            return BitmapFactory.decodeStream(fis, null, options);
//            if (src != null) {
//                return createScaleBitmap(src, reqWidth, reqHeight);
//            }
        }
        return null;
    }

五、calculateInSampleSize 计算缩放比例

private static int calculateInSampleSize(BitmapFactory.Options options,
                                         int reqWidth, int reqHeight) {
    final int height = options.outHeight;
    final int width = options.outWidth;
    int inSampleSize = 1;
    if (height > reqHeight || width > reqWidth) {
        final int halfHeight = height / 2;
        final int halfWidth = width / 2;
        while ((halfHeight / inSampleSize) > reqHeight
                && (halfWidth / inSampleSize) > reqWidth) {
            inSampleSize *= 2;
        }
    }
    return inSampleSize;
}

注:访问外部存储,记得添加访问权限!

 

 

PhotoView PhotoView aims to help produce an easily usable implementation of a zooming Android ImageView. Branch Develop: Build Status Branch Master: Build Status PhotoView Features Out of the box zooming, using multi-touch and double-tap. Scrolling, with smooth scrolling fling. Works perfectly when used in a scrolling parent (such as ViewPager). Allows the application to be notified when the displayed Matrix has changed. Useful for when you need to update your UI based on the current zoom/scroll position. Allows the application to be notified when the user taps on the Photo. Sample Application The sample application (the source is in the repository) has been published onto Google Play for easy access: Get it on Google Play Gradle Dependency Add this in your root build.gradle file (not your module build.gradle file): allprojects { repositories { ... maven { url "https://jitpack.io" } } } Then, add the library to your project build.gradle dependencies { compile 'com.github.chrisbanes:PhotoView:1.2.6' } Sample Usage There is a sample provided which shows how to use the library in a more advanced way, but for completeness here is all that is required to get PhotoView working: ImageView mImageView; PhotoViewAttacher mAttacher; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // Any implementation of ImageView can be used! mImageView = (ImageView) findViewById(R.id.iv_photo); // Set the Drawable displayed Drawable bitmap = getResources().getDrawable(R.drawable.wallpaper); mImageView.setImageDrawable(bitmap); // Attach a PhotoViewAttacher, which takes care of all of the zooming functionality. // (not needed unless you are going to change the drawable later) mAttacher = new PhotoViewAttacher(mImageView); } // If you later call mImageView.setImageDrawable/setImageBitmap/setImageResource/etc then you just need to call mAttacher.update(); Issues With ViewGroups There are some ViewGroups (ones that utilize onInterceptTouchEvent) that throw exceptions when a PhotoView is placed within them, most notably ViewPager and DrawerLayout. This is a framework issue that has not been resolved. In order to prevent this exception (which typically occurs when you zoom out), take a look at HackyDrawerLayout and you can see the solution is to simply catch the exception. Any ViewGroup which uses onInterceptTouchEvent will also need to be extended and exceptions caught. Use the HackyDrawerLayout as a template of how to do so. The basic implementation is: public class HackyProblematicViewGroup extends ProblematicViewGroup { public HackyProblematicViewGroup(Context context) { super(context); } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { try { return super.onInterceptTouchEvent(ev); } catch (IllegalArgumentException e) { //uncomment if you really want to see these errors //e.printStackTrace(); return false; } } } Usage with Fresco Due to the complex nature of Fresco, this library does not currently support Fresco. See this project as an alternative solution. Subsampling Support This library aims to keep the zooming implementation simple. If you are looking for an implementation that supports subsampling, check out this project Pull Requests / Contribution Development happens in develop branch of this repository, and Pull Requests should be filled against that branch. Any Pull Request against master will be rejected License Copyright 2011, 2012 Chris Banes Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值