stormlion227 / photobrowser.forms Goto Github PK

View Code? Open in Web Editor NEW

Full screen image viewer(Xamarin.Forms) that includes "pinch to zoom" and "swipe to dismiss" gestures.

License: MIT License

C# 100.00%

photobrowser.forms's Introduction

PhotoBrowser.Forms

Full screen image viewer(Xamarin.Forms) that includes "pinch to zoom" and "swipe to dismiss" gestures.

Supports Android and iOS.

Android library from : https://github.com/stfalcon-studio/FrescoImageViewer
iOS library from : https://github.com/mwaterfall/MWPhotoBrowser

Features

Pinch to zoom.
Swipe to dismiss.
Custom Title.
Custom Action Button.

Screen-Shots

Setup

Install the nuget package in portable and all platform specific projects.

Android

In MainActivity.cs file

    Stormlion.PhotoBrowser.Droid.Platform.Init(this);

iOS

In AppDelegate.cs file

    Stormlion.PhotoBrowser.iOS.Platform.Init();

Usage

    new PhotoBrowser
    {
        Photos = new List<Photo>
        {
            new Photo
            {
                URL = "https://raw.githubusercontent.com/stfalcon-studio/FrescoImageViewer/v.0.5.0/images/posters/Vincent.jpg",
                Title = "Vincent"
            },
            new Photo
            {
                URL = "https://raw.githubusercontent.com/stfalcon-studio/FrescoImageViewer/v.0.5.0/images/posters/Jules.jpg",
                Title = "Jules"
            },
            new Photo
            {
                URL = "https://raw.githubusercontent.com/stfalcon-studio/FrescoImageViewer/v.0.5.0/images/posters/Korben.jpg",
                Title = "Korben"
            }
        },
        ActionButtonPressed = (index) =>
        {
            Debug.WriteLine($"Clicked {index}");
        },
		
		BackgroundColor = Color.White,
		DidDisplayPhoto = (index) =>
		{
			Debug.WriteLine($"Selection changed: {index}");
		},

		Android_ContainerPaddingPx = 20,
		iOS_ZoomPhotosToFill = false		
    }.Show();