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

rbl8hiat 于 2022-12-07 发布在其他

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

我如何让按钮调整大小以适应整个文本。目前我有一个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>

此刻的样子：

谢谢

xaml

来源：https://stackoverflow.com/questions/74348118/maui-make-button-resize-to-fit-text

1条答案

按热度按时间

wfveoks01#

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

HorizontalOptions="FillAndExpand"  VerticalOptions="CenterAndExpand"

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

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

赞(0）回复(0）举报 2022-12-07

我来回答

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

1条答案

相关问题

热门标签

最新问答