https://github.com/mariusmuntean/BeforeAndAfter

Xamarin.Forms custom control showing a before-and-after view
https://github.com/mariusmuntean/BeforeAndAfter

csharp custom-control xamarin-forms

Last synced: 30 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/mariusmuntean/BeforeAndAfter
• Owner: mariusmuntean
• License: mit
• Created: 2019-07-20T17:11:12.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-11-06T21:27:50.000Z (about 2 years ago)
• Last Synced: 2024-05-14T00:31:44.683Z (7 months ago)
• Topics: csharp, custom-control, xamarin-forms
• Language: C#
• Homepage:
• Size: 4.95 MB
• Stars: 25
• Watchers: 1
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.MD
  • License: LICENSE

Awesome Lists containing this project

• awesome-xamarin-forms - BeforeAndAfter ★26 - and-after view. (UI)

README

        
## 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](https://img.shields.io/badge/BeforeAndAfter-NuGet-brightgreen.svg?style=popout)](https://www.nuget.org/packages/BeforeAndAfter/)

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](media/BeforeAndAfterSample.gif)

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