flipview 1.0.0

This control was created for using in card game apps, flip cards

Release Notes

Version 1.0.0

Initial Release

A FlipView on Every Platform in 2 Minutes...

Instructions:

This is the simplest example of how to use the FlipView component. Just declare the FlipView tag in your XAML Forms page and specify the location of the source.

XAML

xmlns:visualnet="clr-namespace:FlipView;assembly=FlipView"

SAMPLE 1

and on page is just put the view like this:

        <visualnet:Flip x:Name="NameOfFlip" ImageFront="card0.jpg" ImageBack="card2.jpg"  Clicked="Flip_Clicked" Tag="Test" />

SAMPLE 2

Sample with 9 cards:

    <Grid Margin="0,0,0,0" VerticalOptions="FillAndExpand"   HorizontalOptions="FillAndExpand" BackgroundColor="White">

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>


        <visualnet:Flip x:Name="Flip00" Grid.Row="0" Grid.Column="0" ImageFront="card0.jpg" ImageBack="card2.jpg"  Clicked="Flip_Clicked" Tag="Test" />
        <visualnet:Flip x:Name="Flip01" Grid.Row="0" Grid.Column="1" ImageFront="card0.jpg" ImageBack="card3.jpg"  Clicked="Flip_Clicked" Tag="Test" />
        <visualnet:Flip x:Name="Flip02" Grid.Row="0" Grid.Column="2" ImageFront="card0.jpg" ImageBack="card4.jpg"  Clicked="Flip_Clicked" Tag="Test" />

        <visualnet:Flip x:Name="Flip10" Grid.Row="1" Grid.Column="0" ImageFront="card0.jpg" ImageBack="card5.jpg"  Clicked="Flip_Clicked" Tag="Test" />
        <visualnet:Flip x:Name="Flip11" Grid.Row="1" Grid.Column="1" ImageFront="card0.jpg" ImageBack="card2.jpg"  Clicked="Flip_Clicked" Tag="Test" />
        <visualnet:Flip x:Name="Flip12" Grid.Row="1" Grid.Column="2" ImageFront="card0.jpg" ImageBack="card8.jpg"  Clicked="Flip_Clicked" Tag="Test" />

        <visualnet:Flip x:Name="Flip20" Grid.Row="2" Grid.Column="0" ImageFront="card0.jpg" ImageBack="card9.jpg"  Clicked="Flip_Clicked" Tag="Test" />
        <visualnet:Flip x:Name="Flip21" Grid.Row="2" Grid.Column="1" ImageFront="card0.jpg" ImageBack="card3.jpg"  Clicked="Flip_Clicked" Tag="Test" />
        <visualnet:Flip x:Name="Flip22" Grid.Row="2" Grid.Column="2" ImageFront="card0.jpg" ImageBack="card6.jpg"  Clicked="Flip_Clicked" Tag="Test" />


    </Grid>

** CODE BEHIND **

Sample when you touch the FlipView:

   private async void Flip_Clicked(object sender, EventArgs e)
    {

        Flip objFlip = (Flip)sender;
        Debug.WriteLine(objFlip.IsFlipped);
        Debug.WriteLine(objFlip.ImageBack);
        Debug.WriteLine(objFlip.ImageFront);
        Debug.WriteLine(objFlip.Tag);

    }
    
    

Cards Images used on this demo

https://vnsoft.es/images/nuget/flipview/cards.zip

Native Mobile Performance

This FlipView component is fully cross-platform between the iOS and Android mobile operating systems as it renders the native webview on each platform, taking on the look and feel of the operating system they are running on. This ensures your mobile application looks and works its best on each system supported.

** No complex knowledge is required to properly manage to set the source.

• Optimized for Xamarin
• Cross-platform Xamarin Forms XAML component
• Simple configuration
• Low overhead/footprint
• Handles and releases resources for you

Licensing

This compoment s free of charge for anyone, no License is required

Platform Requirements

Please make sure the platforms you're targeting meet the minimum requirements listed below.

| Platform | Minimum Version |

|---------------|---------------------|

| iOS | 8.0+ Unified |

| Android | 6.0+ (API Level 23) |