Xamarin.Forms 4.4 版本新特性

　　最近微軟更新了新版本的xamarin.form4.4框架，這個框架對於當前用戶來說是一大進步，這個框架升級后可以支持更多的新特性，對於開發者來說是一大進步，同時微軟又開始測試新的組件了，另人驚喜的是微軟終於推出了CarouseView和SwipeView兩個重要的組件，而IndicatorView控件只是一個輔助控件，同時開始支持GIF格式的圖片了（以前不支持你敢信，要支持需使用其他的圖庫）。

　　要使用新的組件，先使用SetFlage方法聲明一下，在APP.xaml.cs添加如下代碼

public App()
{
    InitializeComponent();
 
    Device.SetFlags(new[] {
        "CarouselView_Experimental",
        "IndicatorView_Experimental",
        "SwipeView_Experimental"
    } );
 
    MainPage = new AppShell();
}

　　一、GIF 動圖

<Image Source="https://cataas.com/cat/gif?type=sq" IsAnimationPlaying="True"/>

在Views的xaml中直接添加GIF Image即可，動圖默認是循環播放的，如果要停止循環，設置IsAnimationPlaying為false即可。

　　二、CarouseIView 和IndicatorView組件。

　　這兩個組件是組合使用的，你可以單獨使用，並不影響功能，CarouseIView是一個巨幕組件，用戶可以滑動巨幕，來切換內容，同時支持水平滑動和垂直滑動，和CollectionView組件類似，但又稍微不同，CollectionView一般用於大量數據的顯示，並且性能非常棒，是微軟推出的替代ListView組件的，而CarouseIView主要是水平巨幕功能。

<CarouselView x:Name="carouselView" ItemsSource="{Binding Monkeys}" >
                <CarouselView.ItemTemplate>
                    <!-- DataTemplate that defines item appearance -->
                    <DataTemplate>
                        <StackLayout>
                            <Frame HasShadow="True" BorderColor="DarkGray" CornerRadius="5" Margin="20" HeightRequest="300" HorizontalOptions="Center" VerticalOptions="CenterAndExpand">
                                <StackLayout>
                                    <Label Text="{Binding Name}" FontAttributes="Bold" FontSize="Large" HorizontalOptions="Center" VerticalOptions="Center" />
                                    <Image Source="{Binding ImageUrl}" Aspect="AspectFill" HeightRequest="150" WidthRequest="150" HorizontalOptions="Center" />
                                    <Label Text="{Binding Location}" HorizontalOptions="Center" />
                                    <Label Text="{Binding Details}" FontAttributes="Italic" HorizontalOptions="Center" MaxLines="5" LineBreakMode="TailTruncation" />
                                </StackLayout>
                            </Frame>
                        </StackLayout>
                    </DataTemplate>
                </CarouselView.ItemTemplate>
            </CarouselView>
            <IndicatorView ItemsSourceBy="carouselView"
                   IndicatorColor="LightGray"
                   SelectedIndicatorColor="DarkGray"
                   HorizontalOptions="Center" />

　　三、SwipeView組件

　　這是一個側滑組件，支持上、下、左、右四個方向的滑動，添加SwipeItem來顯示隱藏的內容，通過SwipView.RightItems、LeftItems、TopItems、BottomItems控制滑動的方向，同時又SwipeStarted、SwipeChanging、SwipedEnded、CloseRequested事件。同時，SwipeView定義了Close方法，用來關閉Items。

<SwipeView>
    <SwipeView.LeftItems>
        <SwipeItems>
            <SwipeItem Text="Favorite"
                       IconImageSource="favorite.png"
                       BackgroundColor="LightGreen"
                       Invoked="OnFavoriteSwipeItemInvoked" />
            <SwipeItem Text="Delete"
                       IconImageSource="delete.png"
                       BackgroundColor="LightPink"
                       Invoked="OnDeleteSwipeItemInvoked" />
        </SwipeItems>
    </SwipeView.LeftItems>
    <!-- Content -->
</SwipeView>