Highly configurable, easily extendable view with pan and zoom gestures for displaying huge images without loss of detail. Perfect for photo galleries, maps, building plans etc.

385 커밋

5 브랜치

13 릴리즈

arkon 33daa63447 More minor cleanup		1 년 전
docs	b61c59eb66 Release 3.10.0 javadoc	6 년 전
gradle	8d25bc8a21 Convert sample app to Kotlin	1 년 전
library	33daa63447 More minor cleanup	1 년 전
sample	77ce8333b7 Convert parts of library to Kotlin	1 년 전
.gitignore	87bc6c49d5 Update .gitignore	7 년 전
CONTRIBUTING.md	b2d4dad265 Fix whitespace errors	7 년 전
LICENSE	b064b0baf4 Initial commit	11 년 전
README.md	ebce8e07ef Add AndroidX dependency	4 년 전
build.gradle	8d25bc8a21 Convert sample app to Kotlin	1 년 전
gradle.properties	8d25bc8a21 Convert sample app to Kotlin	1 년 전
gradlew	7da48f54f0 Bump dependencies	1 년 전
gradlew.bat	7da48f54f0 Bump dependencies	1 년 전
settings.gradle.kts	8d25bc8a21 Convert sample app to Kotlin	1 년 전

Subsampling Scale Image View

A custom image view for Android, designed for photo galleries and displaying huge images (e.g. maps and building plans) without OutOfMemoryErrors. Includes pinch to zoom, panning, rotation and animation support, and allows easy extension so you can add your own overlays and touch event detection.

The view optionally uses subsampling and tiles to support very large images - a low resolution base layer is loaded and as you zoom in, it is overlaid with smaller high resolution tiles for the visible area. This avoids holding too much data in memory. It's ideal for displaying large images while allowing you to zoom in to the high resolution details. You can disable tiling for smaller images and when displaying a bitmap object. There are some advantages and disadvantages to disabling tiling so to decide which is best, see the wiki.

Guides

Migration guides

Versions 3.9.0, 3.8.0 and 3.0.0 contain breaking changes. Migration instructions can be found in the wiki.

Download the sample app

Kotlin Sample App on GitHub

Demo

Features

Image display

Display images from assets, resources, the file system or bitmaps
Automatically rotate images from the file system (e.g. the camera or gallery) according to EXIF
Manually rotate images in 90° increments
Display a region of the source image
Use a preview image while large images load
Swap images at runtime
Use a custom bitmap decoder

With tiling enabled:

Display huge images, larger than can be loaded into memory
Show high resolution detail on zooming in
Tested up to 20,000x20,000px, though larger images are slower

Gesture detection

One finger pan
Two finger pinch to zoom
Quick scale (one finger zoom)
Pan while zooming
Seamless switch between pan and zoom
Fling momentum after panning
Double tap to zoom in and out
Options to disable pan and/or zoom gestures

Animation

Public methods for animating the scale and center
Customisable duration and easing
Optional uninterruptible animations

Overridable event detection

Supports OnClickListener and OnLongClickListener
Supports interception of events using GestureDetector and OnTouchListener
Extend to add your own gestures

Easy integration

Use within a ViewPager to create a photo gallery
Easily restore scale, center and orientation after screen rotation
Can be extended to add overlay graphics that move and scale with the image
Handles view resizing and wrap_content layout

Quick start

1) Add this library as a dependency in your app's build.gradle file.

dependencies {
    implementation 'com.davemorrissey.labs:subsampling-scale-image-view:3.10.0'
}

If your project uses AndroidX, change the artifact name as follows:

dependencies {
    implementation 'com.davemorrissey.labs:subsampling-scale-image-view-androidx:3.10.0'
}

2) Add the view to your layout XML.

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

    <com.davemorrissey.labs.subscaleview.SubsamplingScaleImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

3a) Now, in your fragment or activity, set the image resource, asset name or file path.

SubsamplingScaleImageView imageView = (SubsamplingScaleImageView)findViewById(id.imageView);
imageView.setImage(ImageSource.resource(R.drawable.monkey));
// ... or ...
imageView.setImage(ImageSource.asset("map.png"))
// ... or ...
imageView.setImage(ImageSource.uri("/sdcard/DCIM/DSCM00123.JPG"));

3b) Or, if you have a Bitmap object in memory, load it into the view. This is unsuitable for large images because it bypasses subsampling - you may get an OutOfMemoryError.

SubsamplingScaleImageView imageView = (SubsamplingScaleImageView)findViewById(id.imageView);
imageView.setImage(ImageSource.bitmap(bitmap));

Photo credits

San Martino by Luca Bravo, via unsplash.com
Swiss Road by Ludovic Fremondiere, via unsplash.com

README.md