XAML 有一种方法可以使用.NET Maui使第一个元素不在Carrousel视图的中心

qnakjoqk  于 2023-06-19  发布在  .NET
关注(0)|答案(1)|浏览(81)

我正在使用旋转木马视图来显示图像
结果是:

这是好的,但我希望在屏幕的开始像这样的第一个:

下面是xaml:

<StackLayout>
   <CarouselView ItemsSource="{Binding Carte, Mode=TwoWay}" IndicatorView="indicatorView2" PeekAreaInsets="100" HeightRequest="200" >
      <CarouselView.ItemsLayout>
         <LinearItemsLayout Orientation="Horizontal" ItemSpacing="10" />
      </CarouselView.ItemsLayout>
      <CarouselView.ItemTemplate>
         <DataTemplate x:DataType="DTO:CategorieMenu">
            <StackLayout>
               <Image Source="{Binding ImgSource}" HeightRequest="150" HorizontalOptions="Center" />
               <Label Text="{Binding Name}" Style="{StaticResource MainPageLabelStyle}"/>
            </StackLayout>
         </DataTemplate>
      </CarouselView.ItemTemplate>
   </CarouselView>
</StackLayout>

我尝试了很多方法,但我找不到该做什么。有人知道怎么做吗?

yzckvree

yzckvree1#

您可以直接删除ItemSpacing="10"。我创建了一个新项目来测试您的代码并重现了该问题。

在我删除ItemSpacing="10"之前,效果是:

在我删除ItemSpacing="10"之后,效果是:

下面是我的代码:

<CarouselView ItemsSource="{Binding Carte, Mode=TwoWay}"  IndicatorView="indicatorView2" PeekAreaInsets="100" HeightRequest="200" >
            <CarouselView.ItemsLayout>
                <LinearItemsLayout Orientation="Horizontal" />
            </CarouselView.ItemsLayout>
            <CarouselView.ItemTemplate>
                <DataTemplate x:DataType="DTO:CategorieMenu">
                    <VerticalStackLayout >
                        <Image Source="{Binding ImageSource}" HeightRequest="150" HorizontalOptions="Center" />
                        <Label Text="{Binding Name}" Style="{StaticResource MainPageLabelStyle}" HorizontalOptions="Center"/>
                    </VerticalStackLayout>
                </DataTemplate>
            </CarouselView.ItemTemplate>
        </CarouselView>

相关问题