Question

我想做图像滑块。但我无法在xaml方面显示更多图像。这是我的代码;

的Xaml：

     <Image  //first image
                Aspect="AspectFill"
                Source="{Binding Hotel.HotelImages[0].FullPath}" />

     <Image //second image
                Aspect="AspectFill"
                Source="{Binding Hotel.HotelImages[1].FullPath}" />

当我尝试这个时，它会显示我的最后一张图片，但我想将它们都显示为旋转木马。

[1]：[http://i.stack.imgur.com/C74tr.png ----我想要这样

[2]：http://i.stack.imgur.com/ElnFn.png ----我的页面

Answer 1

从你的照片中，你似乎可以使用＆＃34; new＆＃34; Xamarin.Forms＆＃39;来自Xamarin的CarouselView：

Nuget：CarouselView

参考：https://blog.xamarin.com/flip-through-items-with-xamarin-forms-carouselview/

<cv:CarouselView ItemsSource="{Binding Zoos}" x:Name="CarouselZoos">
    <cv:CarouselView.ItemTemplate>
      <DataTemplate>
        <Grid>
          <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
          </Grid.RowDefinitions>
          <Image Grid.RowSpan="2" Aspect="AspectFill" Source="{Binding ImageUrl}"/>
          <StackLayout Grid.Row="1" BackgroundColor="#80000000" Padding="12">
            <Label TextColor="White" Text="{Binding Name}" FontSize="16" HorizontalOptions="Center" VerticalOptions="CenterAndExpand"/>
          </StackLayout>
        </Grid>
      </DataTemplate>
    </cv:CarouselView.ItemTemplate>
  </cv:CarouselView>

Answer 2

您可以尝试使用Xlabs中的ImageGallery。

Xaml中的Xamarin.Forms图像滑块

2 个答案: