Created by: Mike Ortiz - @MikeOrtiz
Contributions by:
- Patrick Lackemacher - @plackemacher
- @Babay88
- Ipsilon Developments Inc - @ipsilondev
- Hank - @hank-cp
- Stephen Paul Weber - @singpolyma
- Julian Villella - @JVillella
- Lorenzo Delgado - @LNSD
##Capabilities
TouchImageView extends ImageView and supports all of ImageView’s functionality. In addition, TouchImageView adds pinch zoom,dragging, fling, double tap zoom functionality and other animation polish. The intention is for TouchImageView to mirror as closely as possible the functionality of zoomable images in Gallery apps.
##How to include in your project:
Step 1. Add the JitPack repository to your build file
Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}
Step 2. Add the dependency to your module build.gradle:
dependencies {
compile 'com.github.thijsk:TouchImageView:v1.3.1'
}
##Examples
Please view the sample app which includes examples of the following functionality:
####Single TouchImageView
Basic use of a single TouchImageView. Includes usage of OnTouchImageViewListener
, getScrollPosition()
, getZoomedRect()
, isZoomed()
, and getCurrentZoom()
.
####ViewPager Example
TouchImageViews placed in a ViewPager like the Gallery app.
####Mirroring Example
Mirror two TouchImageViews using onTouchImageViewListener
and setZoom()
.
####Switch Image Example
Click on TouchImageView to cycle through images. Note that the zoom state is maintained though the images are switched.
####Switch ScaleType Example
Click on TouchImageView to cycle through supported ScaleTypes.
##Limitations
TouchImageView does not yet support pinch image rotation.
Also, the scale types FIT_START
and FIT_END
are not yet supported.
##Support
Minimum API: 8
##Contributing
Before creating an issue, please make sure that a ticket is not already open. Also, please check that your issue has not already been fixed in the dev branch. If the issue is reproducible on the dev branch, please provide clear repro instructions in the issue. Last, if you’d like to contribute code, please open all pull requests against the dev branch.
##Usage
Place TouchImageView.java in your project. It can then be used the same as ImageView.
TouchImageView img = (TouchImageView) findViewById(R.id.img);
If you are using TouchImageView in XML, then you must provide the full package name, because it is a custom view.
<com.ortiz.touchview.TouchImageView
android:id="@+id/img”
android:layout_width="match_parent"
android:layout_height="match_parent" />
##API
Get the current zoom. This is the zoom relative to the initial scale, not the original resource.
float getCurrentZoom();
Get the max zoom multiplier.
float getMaxZoom();
Get the min zoom multiplier.
float getMinZoom();
Return the point at the center of the zoomable image. The PointF
coordinates range in value between 0 and 1 and the focus point is denoted as a fraction from the left and top of the view. For example, the top left corner of the image would be (0, 0). And the bottom right corner would be (1, 1).
PointF getScrollPosition();
Return a RectF
representing the zoomed image.
RectF getZoomedRect();
Returns false
if image is in initial, unzoomed state. True
, otherwise.
boolean isZoomed();
Reset zoom and translation to initial state.
void resetZoom();
Set the max zoom multiplier. Default value is 3.
void setMaxZoom(float max);
Set the min zoom multiplier. Default value is 1.
void setMinZoom(float min);
Set the focus point of the zoomed image. The focus points are denoted as a fraction from the left and top of the view. The focus points can range in value between 0 and 1.
void setScrollPosition(float focusX, float focusY);
Set zoom to the specified scale. Image will be centered by default.
void setZoom(float scale);
Set zoom to the specified scale. Image will be centered around the point (focusX, focusY). These floats range from 0 to 1 and denote the focus point as a fraction from the left and top of the view. For example, the top left corner of the image would be (0, 0). And the bottom right corner would be (1, 1).
void setZoom(float scale, float focusX, float focusY);
Set zoom to the specified scale. Image will be centered around the point (focusX, focusY). These floats range from 0 to 1 and denote the focus point as a fraction from the left and top of the view. For example, the top left corner of the image would be (0, 0). And the bottom right corner would be (1, 1).
void setZoom(float scale, float focusX, float focusY, ScaleType scaleType);
Set zoom parameters equal to another TouchImageView
. Including scale, position, and ScaleType
.
void setZoom(TouchImageView img);
License (tl;dr)
The MIT License (MIT)
Copyright (c) 2012-2015 Michael Ortiz
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.