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

qnakjoqk 于 2023-06-19 发布在 .NET

关注(0)|答案(1)|浏览(80)

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

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

下面是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>

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

xaml

来源：https://stackoverflow.com/questions/76464486/there-is-a-way-to-not-center-the-first-element-on-a-carrousel-view-using-net-ma

1条答案

按热度按时间

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>

赞(0）回复(0）举报 2023-06-19

我来回答

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

1条答案

相关问题

热门标签

最新问答