Xamarin 按钮坏了？

Posted 2023-04-13

【中文标题】Xamarin 按钮坏了？

【英文标题】：Xamarin button broken?

【发布时间】：2020-12-24 14:43:07

【问题描述】：

我做了一个这样的简单页面应用程序

<ContentPage.Content>
  <ScrollView>
    <Grid>
        <Button Clicked="test1"/>
        <Button Clicked="test2"/>
    </Grid>
  </ScrollView>
</ContentPage.Content>

这只是一个例子，但似乎无法点击按钮...

【问题讨论】：

您的按钮直接位于彼此之上。如果您使用网格布局，则需要指定行和列以及每个按钮的位置。否则使用 StackLayout

即使你指定了coloumn和rows，也是一样的。我只是不发布所有代码（太长）。

【参考方案1】：

将高度和宽度设置为*，并设置按钮的行和列。下面的代码运行良好。

<ContentPage.Content>
    <ScrollView>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />                     
            </Grid.ColumnDefinitions>
            <Button Clicked="test1" Grid.Row="0" Grid.Column="0" />
            <Button Clicked="test2" Grid.Row="1" Grid.Column="0"/>
            <Button Clicked="test3" Grid.Row="2" Grid.Column="0" />
            <Button Clicked="test4" Grid.Row="3" Grid.Column="0"/>
            <Button Clicked="test5" Grid.Row="4" Grid.Column="0" />
            <Button Clicked="test6" Grid.Row="5" Grid.Column="0"/>
            <Button Grid.Row="6" Grid.Column="0"></Button>
            <Button Grid.Row="7" Grid.Column="0"></Button>
            <Button Grid.Row="8" Grid.Column="0"></Button>
            <Button Grid.Row="9" Grid.Column="0"></Button>
            <Button Grid.Row="10" Grid.Column="0"></Button>
            <Button Grid.Row="11" Grid.Column="0"></Button>
            <Button Grid.Row="12" Grid.Column="0"></Button>
            <Button Grid.Row="13" Grid.Column="0"></Button>
        </Grid>
    </ScrollView>
</ContentPage.Content>

截图：