https://github.com/LuckyDucko/ZoomView.Forms

Magnify any Visual Element in Xamarin Forms
https://github.com/LuckyDucko/ZoomView.Forms

android image ios plugin ui xamarin xamarin-forms zoom zoomable zooming-panning-moving

Last synced: 3 months ago
JSON representation

Magnify any Visual Element in Xamarin Forms

• Host: GitHub
• URL: https://github.com/LuckyDucko/ZoomView.Forms
• Owner: LuckyDucko
• License: mit
• Created: 2020-07-24T06:44:12.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-12-06T19:02:00.000Z (almost 2 years ago)
• Last Synced: 2024-06-30T18:50:46.268Z (4 months ago)
• Topics: android, image, ios, plugin, ui, xamarin, xamarin-forms, zoom, zoomable, zooming-panning-moving
• Language: C#
• Homepage:
• Size: 479 KB
• Stars: 18
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-xamarin-forms - ZoomView.Forms ★13

README

        






  
ZoomView.Forms

  


  Quickly add a zoomable wrapper to any VisualElement

    


  


## Table of Contents

[![Codacy Badge](https://app.codacy.com/project/badge/Grade/ae337590962b4e28955d14f745f93b13)](https://www.codacy.com/manual/LuckyDucko/ZoomView.Forms?utm_source=github.com&utm_medium=referral&utm_content=LuckyDucko/ZoomView.Forms&utm_campaign=Badge_Grade)

[![nuget](https://img.shields.io/nuget/v/ZoomView.Forms.svg)](https://www.nuget.org/packages/ZoomView.Forms)

* [Getting Started](#getting-started)

  * [Installation](#installation)

* [Usage](#usage)

* [Contributing](#contributing)

* [License](#license)

* [Contact](#contact)

* [Acknowledgements](#acknowledgements)

## About The Project

ZoomView.Forms aims to provide iOS and Android Xamarin Developer the ability to add a 'zoomview', which is basically a scrollview with the ability to pan in/out.

The gesture recognition also is able to scale with your content.

## Getting Started

Simply add `xmlns:ZoomView="clr-namespace:ZoomView.Forms;assembly=ZoomView.Forms.Plugin"` to your xaml pages

then all you need is 

```

  Your view here

```

## Version 2.0.0

In Version 2.0.0, there is a new `UserInteractionEnabled` property thats part of the ZoomView. This property makes Zooming far easier within the ZoomView, however, it also disables interaction of the Content within the ZoomView. 

### Installation

Ensure that ZoomView.Forms is added to all projects, shared and Android/iOS

## Usage

**NOTE: Zooming can be interfered with by other touches being registered at the beginning of the pan gesture.**

here is an example view that i created

```XML

		

			

			

			

			

			

		

	

```

**Result:**

![iOS Gif Example](https://j.gifs.com/q74W92.gif)

![Android Gif Example](https://j.gifs.com/oV4WPj.gif)

## License

This project uses the MIT License

## Contact

My [Github](https://github.com/LuckyDucko),

or reach me on the [Xamarin Slack](https://xamarinchat.herokuapp.com/),

or on my [E-mail]([email protected])

Project Link: [ZoomView.Forms](https://github.com/LuckyDucko/ZoomView.Forms)

## Acknowledgements

* The Android code i got my main base from one of the [following](https://stackoverflow.com/search?q=zoomable+android+view&s=f3c43e0e-79a6-4529-a3ea-adf8f8f3ab14)

I will continue searching for the exact one. however was a while ago.