Quickly add a zoomable wrapper to any VisualElement
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.
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>
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.
Ensure that ZoomView.Forms is added to all projects, shared and Android/iOS
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:
This project uses the MIT License
My Github, or reach me on the Xamarin Slack, or on my E-mail
Project Link: ZoomView.Forms
- 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.