All Projects → jsibbold → Zoomage

jsibbold / Zoomage

Licence: other
A simple pinch-to-zoom ImageView library for Android

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Zoomage

Pinchimageview
体验非常好的Android图片手势控件。
Stars: ✭ 1,871 (+786.73%)
Mutual labels:  pinch-to-zoom, zoom, imageview
TNImageView-Android
Android Library for making scale-able and rotatable image views or giving this power to your own image view. This repo has been depreciated.
Stars: ✭ 18 (-91.47%)
Mutual labels:  imageview, pinch-to-zoom
react-quick-pinch-zoom
A react component that providing multi-touch gestures for zooming and dragging on any DOM element.
Stars: ✭ 124 (-41.23%)
Mutual labels:  zoom, pinch-to-zoom
Zoomy
Zoomy is an easy to use pinch-to-zoom Android library
Stars: ✭ 842 (+299.05%)
Mutual labels:  pinch-to-zoom, zoom
Frescoimageviewer
Customizable Android full screen image viewer for Fresco library supporting "pinch to zoom" and "swipe to dismiss" gestures. Made by Stfalcon
Stars: ✭ 1,807 (+756.4%)
Mutual labels:  pinch-to-zoom, zoom
FaceAware-Android
this helps to auto zoom for face on ImageView
Stars: ✭ 46 (-78.2%)
Mutual labels:  imageview, zoom
Zoomlayout
2D zoom and pan behavior for View hierarchies, images, video streams, and much more, written in Kotlin for Android.
Stars: ✭ 688 (+226.07%)
Mutual labels:  pinch-to-zoom, imageview
react-instagram-zoom-slider
🌄↔️ A slider component with pinch to zoom capabilities inspired by Instagram
Stars: ✭ 67 (-68.25%)
Mutual labels:  zoom, pinch-to-zoom
Photo view
📸 Easy to use yet very customizable zoomable image widget for Flutter, Photo View provides a gesture sensitive zoomable widget. Photo View is largely used to show interacive images and other stuff such as SVG.
Stars: ✭ 1,280 (+506.64%)
Mutual labels:  pinch-to-zoom, zoom
Pinchtozoom
Android's ImageView pinch-to-zoom made easy
Stars: ✭ 108 (-48.82%)
Mutual labels:  pinch-to-zoom, imageview
Stfalconimageviewer
A simple and customizable Android full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures
Stars: ✭ 1,734 (+721.8%)
Mutual labels:  pinch-to-zoom, zoom
Atgmediabrowser
Image slide-show viewer with multiple predefined transition styles, with ability to create new transitions with ease.
Stars: ✭ 186 (-11.85%)
Mutual labels:  pinch-to-zoom, zoom
React Native Image View
Modal component to view images with zoom
Stars: ✭ 273 (+29.38%)
Mutual labels:  pinch-to-zoom, zoom
React Prismazoom
A pan and zoom component for React, using CSS transformations.
Stars: ✭ 29 (-86.26%)
Mutual labels:  pinch-to-zoom, zoom
Zoom
Javascript library to do pinch zoom that preserves scale and rotation correctly.
Stars: ✭ 130 (-38.39%)
Mutual labels:  pinch-to-zoom, zoom
React Native Zoomable View
A view component for react-native with pinch to zoom, tap to move and double tap to zoom capability.
Stars: ✭ 152 (-27.96%)
Mutual labels:  pinch-to-zoom, zoom
Transformation Matrix
Javascript isomorphic 2D affine transformations written in ES6 syntax. Manipulate transformation matrices with this totally tested library!
Stars: ✭ 184 (-12.8%)
Mutual labels:  zoom
Imageviewer
A simple and customizable Android full-screen image viewer 一个简单且可自定义的Android全屏图像浏览器
Stars: ✭ 1,889 (+795.26%)
Mutual labels:  zoom
Vicmaimageview
Content Mode Animatable Image View, change image view's content mode with your animation!
Stars: ✭ 193 (-8.53%)
Mutual labels:  imageview
Lkimagekit
A high-performance image framework, including a series of capabilities such as image views, image downloader, memory caches, disk caches, image decoders and image processors.
Stars: ✭ 2,063 (+877.73%)
Mutual labels:  imageview

zoomage

Build Status Download

A simple pinch-to-zoom ImageView library for Android with an emphasis on a smooth and natural feel.

Gradle

repositories {
    jcenter()
}

dependencies {
    implementation 'com.jsibbold:zoomage:1.3.1'
}

For the latest snapshot use

repositories {
    maven { url 'https://oss.jfrog.org/artifactory/oss-snapshot-local' }
}

dependencies {
    implementation 'com.jsibbold:zoomage:1.3.1-SNAPSHOT'
}

Using It

Simply add a ZoomageView as you would any typical ImageView in Android. The scaleType that you set on your ZoomageView will determine the starting size and position of your ZoomageView's image. This is the inherited ImageView.ScaleType from Android. With a ZoomageView, the fitCenter or centerInside scale types usually make the most sense to use, fitCenter being Android's default scale type.

    <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <com.jsibbold.zoomage.ZoomageView
            android:id="@+id/myZoomageView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/my_zoomable_image"
            app:zoomage_restrictBounds="false"
            app:zoomage_animateOnReset="true"
            app:zoomage_autoResetMode="UNDER"
            app:zoomage_autoCenter="true"
            app:zoomage_zoomable="true"
            app:zoomage_translatable="true"
            app:zoomage_minScale="0.6"
            app:zoomage_maxScale="8"
            />
    </RelativeLayout>

If using a ZoomageView with a view pager, it is recommended that ViewPager2 is used.

XML Attributes

zoomage_restrictBounds="true|false"

Restricts the bounds of the image so it does not wander outside the border of the ImageView when it's smaller than the frame size, and restricts the bounds to stop at the edges of the ImageView when the image is larger than the frame size. Default value is false.

zoomage_animateOnReset="true|false"

Image will animate back to its starting size whenever it is reset if true, and will snap back to its starting size when false. Default value is true.

zoomage_autoResetMode="UNDER|OVER|ALWAYS|NEVER"

Determines at what times the image will reset to its starting size. Note that UNDER, OVER, and ALWAYS all have the effect of resetting the image to its starting position if its size has not changed. Default value is UNDER.

zoomage_autoCenter="true|false"

This will cause the image to pull itself into view on-screen if it is partially off-screen. Default value is true.

zoomage_minScale="{float greater than 0}"

The minimum allowed scale for the image. Ideally this should be less than 1, must be greater than 0, and must be less than maxScale. Default value is 0.6.

zoomage_maxScale="{float greater than 0}"

The maximum allowed scale for the image. Ideally this should be greater than 1, must be greater than 0, and must be greater than minScale. Default value is 8.

zoomage_zoomable="true|false"

Sets whether zooming is allowed. Default value is true.

zoomage_translatable="true|false"

Sets whether translation is allowed. Default value is true.

zoomage_doubleTapToZoom="true|false"

Sets whether double tap to zoom functionality is enabled. Default is true.

zoomage_doubleTapToZoomScaleFactor="{float within bounds of min and max scale}"

Sets the scale factor for double tap to zoom functionality. Default is 3.


Special thanks to @mchowning for all his help

License

Copyright 2016 Jeffrey Sibbold

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.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].