Quantcast
Channel: Recent Threads — Xamarin Community Forums
Viewing all articles
Browse latest Browse all 204402

Xamarin ffimageloading plugin tap image to full screen

$
0
0

The code below render an image with 200px height using ffimageloading component. I need to tap on this image and display the image in a fullscreen or zoom it. Is it posible with ffimageloading or I need implement it by each platform (android and ios)?

I need to put space in links because I receive an annoying message: "You have to be around for a little while longer before you can post links."

View code

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns="http: // xamarin.com /schemas /2014 /forms"
                 xmlns:x="http: // schemas.microsoft.com /winfx/ 2009/ xaml"
                 xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
                 prism:ViewModelLocator.AutowireViewModel="True"
                 xmlns:ffimageloading="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
                 x:Class="Namespace.Views.MyClass">
    <Grid Padding="0"
                      Margin="0"
                      BackgroundColor="{StaticResource BackgroundColor}">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="200" />
                        </Grid.RowDefinitions>
                        <ffimageloading:CachedImage
                            Grid.Row="0"
                            Source="{Binding ThumbPath}"
                            Aspect="AspectFill">
                            <ffimageloading:CachedImage.LoadingPlaceholder>
                                <OnPlatform
                                x:TypeArguments="ImageSource"
                                iOS="logo_header"
                                Android="logo_header" />
                            </ffimageloading:CachedImage.LoadingPlaceholder>
                            <ffimageloading:CachedImage.ErrorPlaceholder>
                                <OnPlatform
                                x:TypeArguments="ImageSource"
                                iOS="noimage"
                                Android="noimage" />
                            </ffimageloading:CachedImage.ErrorPlaceholder>
                        </ffimageloading:CachedImage>
                    </Grid>
    </ContentPage>

ViewModel code using prism

 public class MyClassViewModel : BindableBase, INavigationAware
 {
    public MyClassViewModel()
    {
    }

    private string _thumbPath;

    public PerfilPetDto ThumbPath
    {
        get
        {
            return "uri to online image";
        }
        set
        {
            _thumbPath = value;
            RaisePropertyChanged(nameof(ThumbPath));
        }
    }
}

Viewing all articles
Browse latest Browse all 204402

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>