Xamarin.forms 轮播图小案例

Xamarin.forms小案例 调用原神api实现轮播图

简单小案例

xaml的代码，这是写平板的横屏，有需求的可以自己动手调调,懒得截图平板的了就放模拟器的了，原神api官网就有

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Shell01.Views.Monkeys">
    <ContentPage.Content>
        <RelativeLayout>
            <AbsoluteLayout RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width}"
							RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height}">
                <CarouselView x:Name="CarouselViewbanner">
                    <CarouselView.ItemTemplate>
                        <DataTemplate>
                            <Image Source="{Binding .}"></Image>
                        </DataTemplate>
                    </CarouselView.ItemTemplate>
                </CarouselView>
            </AbsoluteLayout>
            <Frame
                AbsoluteLayout.LayoutBounds="20,0.5,50,50" RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1}"
                 RelativeLayout.YConstraint="{ConstraintExpression Typ