XAML MAUI使按钮调整大小以适合文本

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

我如何让按钮调整大小以适应整个文本。目前我有一个CollectionView,它用集合中的文本填充按钮。我遇到的问题是按钮不能扩展以适应文本,并且对于所有生成的按钮,宽度都是相同的。是否可以让每个按钮调整大小以适应其中的文本?

<CollectionView x:Name="TagsView"
                    Grid.Row="0">
        <CollectionView.ItemsLayout>
            <GridItemsLayout Orientation="Horizontal" />
        </CollectionView.ItemsLayout>
        <CollectionView.ItemTemplate>
            <DataTemplate>
                <Button Text="{Binding Name}"
                        CornerRadius="15" 
                        HorizontalOptions="CenterAndExpand"/>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>

此刻的样子:

谢谢

wfveoks0

wfveoks01#

首先,如果你想让一个按钮调整自己的大小以适应整个文本,你需要设置这个按钮的属性HorizontalOptionsVerticalOptions,如下所示:

HorizontalOptions="FillAndExpand"  VerticalOptions="CenterAndExpand"

然后,您应该添加一个LinearItemsLayout,其Horizontal方向如下:

<CollectionView.ItemsLayout>
    <LinearItemsLayout Orientation="Horizontal" />
</CollectionView.ItemsLayout>

相关问题