/ZoomView.Forms

Magnify any Visual Element in Xamarin Forms

Primary LanguageC#MIT LicenseMIT


ZoomView.Forms

Quickly add a zoomable wrapper to any VisualElement

Table of Contents

Codacy Badge nuget

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

<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

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

This project uses the MIT License

Contact

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

Project Link: ZoomView.Forms

Acknowledgements

  • The Android code i got my main base from one of the following I will continue searching for the exact one. however was a while ago.