Skip to content

Xamarin.Forms custom control showing a before-and-after view

License

Notifications You must be signed in to change notification settings

mariusmuntean/BeforeAndAfter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BeforeAndAfter

A custom control that displays a before-and-after view of something. You usually provide two images and overlap them.

Get it from NuGet: NuGet

Here's a quick rundown of the control's features:

  • Specify the before and after views. These can be whatever Xamarin.Forms views you want, in the sample I'm using two normal Image controls.
  • OPTIONAL: provide your own thumb control. Have a look at the sample, I'm using a material design icon.

Known Limitations

On iOS you might have jittery movement. Just add thesetwo lines to your App.xaml

         xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
         ios:Application.HandleControlUpdatesOnMainThread="true"

Here's a gif of the included sample app:

Sample

Inspired by: https://github.com/xsahil03x/before_after/tree/master/example

As usual you can do everything you want with my code. Have fun!

Have a question? Tweet at me: https://twitter.com/MunteanMarius

About

Xamarin.Forms custom control showing a before-and-after view

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages