如何在网格元素 Xamarin 表单中将项目排成一行答案

【问题标题】：How to put Items in a Row in a Grid Element Xamarin Forms如何在网格元素 Xamarin 表单中将项目排成一行
【发布时间】：2020-01-19 01:53:59
【问题描述】：

我在 Visual Studio 19 中使用 Xamarin Forms，我正在尝试将一些项目添加到 Grid 元素并将它们彼此相邻放置在一行中。我将它放在 ContentPage.Content 元素中。

我尝试使用 Stacklayout，设置按钮的 Horizontaloptions（将它们全部设置为“开始”只会使它们重叠，设置一个开始，一个居中，一个到结束会起作用，但我想放更多临时网格工具栏上的 3 个按钮。）。它告诉我，当我尝试为网格创建一些列定义时，我遇到了一个错误，说 contentpage 不支持直接内容。

这是我的列定义部分

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="20*/>
            <ColumnDefinition Width="20*"/>
            <ColumnDefinition Width="20*"/>
            <ColumnDefinition Width="20*"/>
            <ColumnDefinition Width="20*"/>
        </Grid.ColumnDefinitions>

我正在以正常方式设置按钮的列。

                 <ContentPage.Content>
    <Grid  BackgroundColor="blue"
        HeightRequest="60"
                 VerticalOptions="End" >
        <ImageButton Source="alarm.png"
                HeightRequest="25"
                WidthRequest="25" 
                 HorizontalOptions="StartAndExpand"
                 />
        <ImageButton Source="alarm.png"
                HeightRequest="25"
                WidthRequest="25" 
                 HorizontalOptions="EndAndExpand"
                 />
    </Grid>                 
</ContentPage.Content>

my_current_unwanted_results

另外，如何去除灰色按钮背景？编辑 02/05/2020

要移除灰色背景方块，请设置 BackgroundColor="transparent"

【问题讨论】：

所以您希望将一行中的按钮添加到一列？只是想更好地理解。
是的，我希望在 Grid 元素“工具栏”的单行中添加 3 个以上的按钮。让它们像 +++++ 一样均匀地分开

标签： visual-studio xaml xamarin xamarin.forms

【解决方案1】：

您似乎忘记在每个ColumnDefinition 上添加/。

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="2*"/>
    <ColumnDefinition Width="2*"/>
    <ColumnDefinition Width="2*"/>
    <ColumnDefinition Width="2*"/>
    <ColumnDefinition Width="2*"/>
</Grid.ColumnDefinitions>

【讨论】：

感谢您指出这一点，但现在我遇到了另一个问题，我在使用 contentpage 不支持直接内容的 columndefinitions 时遇到错误，所以我停止使用它们，我可以' t 将网格中的按钮设置为均匀分布，并且它们具有丑陋的灰色矩形背景。
这是另一个问题，您可以接受我的回答并创建一个包含更多细节的新帖子，以便人们可以更好地帮助您。