XAML MAUI:如何减少按钮之间的间距

bjp0bcyl  于 2022-12-07  发布在  其他
关注(0)|答案(1)|浏览(183)

我如何减少按钮之间的间距?我试着调整ItemSpacing属性,但遗憾的是它什么也不做。

<CollectionView x:Name="TagsView"
                    Grid.Row="0">
        <CollectionView.ItemsLayout>
            <LinearItemsLayout Orientation="Horizontal" ItemSpacing="0"/>
        </CollectionView.ItemsLayout>
        <CollectionView.ItemTemplate>
            <DataTemplate>
                <Button Text="{Binding Name}"
                        Padding="7"
                        FontSize="12"
                        CornerRadius="12" 
                        HorizontalOptions="FillAndExpand"
                        VerticalOptions="CenterAndExpand"
                        BackgroundColor="AliceBlue"
                        TextColor="Black"
                        Clicked="TagButton_Clicked"/>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>

0yg35tkg

0yg35tkg1#

这是一个known issue,已经在[Windows] CollectionView ItemSpacing is not working中进行了跟踪。当将ItemSpacing属性设置为0时,项目之间的间距应该已经减少到0,但是没有达到预期的效果。我建议您可以在这里进行跟踪:是的。
另一种解决方法是,使用HorizontalGrid并设置HorizontalItemSpacing="0"来删除按钮之间的空格,但按钮的WidthRequest将被修复。以下是代码片段供参考:

<CollectionView x:Name="TagsView"
                    Grid.Row="0">
            <CollectionView.ItemsLayout>
                  <GridItemsLayout Orientation="Horizontal"  
                                   HorizontalItemSpacing="0" />
            </CollectionView.ItemsLayout>

        <CollectionView.ItemTemplate>
            <DataTemplate>
                <Button Text="{Binding Name}"
                        FontSize="12"
                        CornerRadius="12" 
                        WidthRequest="100"
                        HorizontalOptions="FillAndExpand"
                        VerticalOptions="CenterAndExpand"
                        BackgroundColor="AliceBlue"
                        TextColor="Black"
                        Clicked="TagButton_Clicked"/>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>

相关问题