You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Xamarin.Forms的Grid底部添加按钮?现有代码咨询

在GridView的Grid底部添加按钮的实现方案

嘿,看你已经搭好了Grid的基础布局,要把按钮放在底部其实很简单,咱们直接基于你现有的代码来调整就行:

核心思路

你已经给Grid定义了两行:第一行占88%高度(Height="88*")用来承载GridView内容,第二行占12%(Height="12*")正好可以用来放底部按钮。只需要把按钮定位到第二行,并且让它横跨所有列就能实现全屏底部的效果。

完整代码示例

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="1*" />
        <ColumnDefinition Width="2*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="88*"/>
        <RowDefinition Height="12*"/>
    </Grid.RowDefinitions>
    
    <!-- 第一行:你的原有GridView内容区域,这里用示例Grid代替你未写完的代码 -->
    <Grid Grid.Column="0" Grid.Row="0" Background="LightBlue">
        <!-- 这里放置你的GridView或其他内容 -->
    </Grid>
    <Grid Grid.Column="1" Grid.Row="0" Background="LightGreen">
        <!-- 另一列的内容 -->
    </Grid>
    
    <!-- 底部按钮:放在第二行,横跨两列 -->
    <Button 
        Grid.Row="1" 
        Grid.ColumnSpan="2"
        Content="点击操作"
        VerticalAlignment="Stretch"
        HorizontalAlignment="Stretch"
        Background="#FF4081"
        Foreground="White"
    />
</Grid>

关键属性说明

  • Grid.Row="1":把按钮定位到Grid的第二行(行索引从0开始,第一行是0,第二行是1)
  • Grid.ColumnSpan="2":让按钮横跨Grid的两列,确保它占满整个底部宽度
  • VerticalAlignment="Stretch":让按钮自动填满第二行的高度,如果你想让按钮高度更小,可以改成VerticalAlignment="Center"再手动设置Height属性

如果需要给按钮加圆角、字体大小这类样式,直接在Button标签里添加对应属性就行~

内容的提问来源于stack exchange,提问作者Parmendra

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.22 07:39:11