Home

Awesome

<br /> <p align="center"> <h1 align="center">ZoomView.Forms</h3> <p align="center"> Quickly add a zoomable wrapper to any VisualElement <br /> </p> </p> <!-- TABLE OF CONTENTS -->

Table of Contents

Codacy Badge nuget

<!-- ABOUT THE PROJECT -->

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 -->

Getting Started

Simply add xmlns:ZoomView="clr-namespace:ZoomView.Forms;assembly=ZoomView.Forms.Plugin" to your xaml pages then all you need is

<ZoomView:ZoomView>
  Your view here
</ZoomView:ZoomView>

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 EXAMPLES -->

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

<ZoomView:ZoomView>
		<StackLayout Margin="20,0,20,0" VerticalOptions="Center">
			<Label Text="Phone number" TextColor="WhiteSmoke" />
			<Entry
            IsSpellCheckEnabled="false"
            IsTextPredictionEnabled="false"
            Keyboard="Telephone"
            MaxLength="16"
            Text="{Binding Mobile, Mode=TwoWay}" />
			<Label
            Margin="0,15,0,0"
            Text="PIN"
            TextColor="WhiteSmoke" />
			<Entry
            IsPassword="true"
            IsSpellCheckEnabled="false"
            IsTextPredictionEnabled="false"
            Text="{Binding Password, Mode=TwoWay}" />
			<Button
            Margin="0,25,0,20"
            BackgroundColor="Green"
            BorderColor="Transparent"
            BorderWidth="1"
            Command="{Binding LoginAsync}"
            CornerRadius="25"
            FontAttributes="Bold"
            HeightRequest="50"
            IsEnabled="{Binding LoginEnabled}"
            Text="Sign In"
            TextColor="White" />
		</StackLayout>
	</ZoomView:ZoomView>

Result:

iOS Gif Example Android Gif Example

<!-- LICENSE -->

License

This project uses the MIT License

<!-- CONTACT -->

Contact

My Github, or reach me on the Xamarin Slack, or on my E-mail

Project Link: ZoomView.Forms

<!-- ACKNOWLEDGEMENTS -->

Acknowledgements