如何调整 Grid 中 CarouselView 的大小？

Question

我有一个网格。一行是 CarouselView。

<Grid Margin="0, 20, 0, 0">
 <Grid.RowDefinitions>
     <RowDefinition />
 </Grid.RowDefinitions>
 <Grid.ColumnDefinitions>
      <ColumnDefinition Width="130"/>
      <ColumnDefinition/>
 </Grid.ColumnDefinitions>
  <CarouselView x:Name="GamesCarouselView" Margin="25, 5, 0, 0" HeightRequest="120" Grid.ColumnSpan="2" >
       <CarouselView.ItemsLayout>
            <LinearItemsLayout Orientation="Horizontal"/>
            </CarouselView.ItemsLayout> 
        <CarouselView.ItemTemplate>
        <DataTemplate>
            <ImageButton BackgroundColor="#fafafa" Source="{Binding .}" CornerRadius="13" BorderColor="#1976d3" BorderWidth="4"/>
        </DataTemplate> 
   </CarouselView.ItemTemplate>
   </CarouselView>   
  </Grid>

CarouselView 中的照片宽度占据了整个屏幕的长度。我怎样才能调整它的大小？

Answer 1

在您的数据模板中使用网格（或您想要的布局）并添加您的 Image/ImageButton 以及您期望的对齐方式和尺寸：

 <Grid Margin="0, 20, 0, 0">
     <Grid.RowDefinitions>
         <!--One RowDefinition in * si useless by the way -->
         <RowDefinition />
     </Grid.RowDefinitions>
     <Grid.ColumnDefinitions>
          <ColumnDefinition Width="130"/>
          <ColumnDefinition/>
     </Grid.ColumnDefinitions>
      <CarouselView x:Name="GamesCarouselView" Margin="25, 5, 0, 0" HeightRequest="120" Grid.ColumnSpan="2" >
           <CarouselView.ItemsLayout>
                <LinearItemsLayout Orientation="Horizontal"/>
                </CarouselView.ItemsLayout> 
            <CarouselView.ItemTemplate>
        <DataTemplate>
           <Grid>
                <ImageButton HorizontalOptions="Center" WidthRequest="100" BackgroundColor="#fafafa" Source="{Binding .}" CornerRadius="13" BorderColor="#1976d3" BorderWidth="4"/>
           </Grid>
        </DataTemplate>
    
       </CarouselView.ItemTemplate>
      </CarouselView>   
 </Grid>

如何调整 Grid 中 CarouselView 的大小？

How do I adjust the size of the CarouselView in the Grid?

c#

xaml

width

xamarin.forms