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

Entry控件窗口缩小时适配异常,按钮被挤出视图求助

解决Entry挤走按钮的布局适配问题

针对你遇到的问题,这里有几个关键修复点:

  • 修正属性拼写错误:你代码里写的HorisontalOptions是拼写错误,正确属性名是HorizontalOptions,错误的属性名不会生效,这是问题核心原因之一。
  • 确保容器宽度填满父布局:给Frame和Grid都加上HorizontalOptions="Fill",保证它们能占据父容器的全部宽度,这样Grid的列分配规则才会正确生效。
  • 约束Entry的宽度范围:给Entry设置HorizontalOptions="Fill",让它严格占据Grid第一列分配的空间;同时添加ClipToBounds="True",防止过长文本导致控件超出分配范围。

修正后的完整代码如下:

<StackLayout>
    <Frame HorizontalOptions="Fill">
        <Grid ColumnDefinitions="*, Auto"
              HorizontalOptions="Fill">
            <Entry HorizontalOptions="Fill"
                   ClipToBounds="True"/>
            <Button Grid.Column="1"
                    Text="ok"/>
        </Grid>
    </Frame>
</StackLayout>

如果希望Entry在窗口缩小到一定程度时仍保持合理的最小宽度,可以给Grid第一列设置MinWidthRequest,示例如下:

<Grid ColumnDefinitions="*, Auto"
      HorizontalOptions="Fill">
    <!-- 设置第一列最小宽度为200,可根据需求调整 -->
    <ColumnDefinition Width="*" MinWidthRequest="200"/>
    <ColumnDefinition Width="Auto"/>
    
    <Entry HorizontalOptions="Fill"
           ClipToBounds="True"/>
    <Button Grid.Column="1"
            Text="ok"/>
</Grid>

调整后,无论窗口如何缩小,按钮都会始终保留在视图内,Entry则会占据剩余的可用宽度。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.11 14:37:04