【问题标题】:Xaml Grid Column Width Auto is ignored by all platforms except UWPXaml Grid Column Width Auto 被除 UWP 之外的所有平台忽略
【发布时间】:2019-07-14 15:04:52
【问题描述】:
<Grid.ColumnDefinitions>
   <ColumnDefinition Width="Auto"/>
   <ColumnDefinition/>
</Grid.ColumnDefinitions>

在 UWP 中,上述结果导致第一列水平扩展刚好足以容纳内容,但第二列增长以占据设备屏幕上剩余的可用宽度。 在 iOS / Android / Wasm 中,第一列扩展为占据整个屏幕 - 我永远看不到第二列。我相信第二列可能仍然存在,但被挤压或推到了屏幕之外。

对我来说,解决方法是明确设置列宽,例如说第一列是 30*,第四列是 70*。这也有效并正确显示了 2 列:

<Grid.ColumnDefinitions>
            <ColumnDefinition x:Name="leftCol" Width="110"/>
            <ColumnDefinition x:Name="rightCol" Width="*"/>
</Grid.ColumnDefinitions>

【问题讨论】:

    标签: uno-platform


    【解决方案1】:

    一般而言,Uno 在 iOS/Android/WASM 上支持 Grid.Auto。例如,下面的代码按预期工作。

    如果您发现问题,可能与Grid 的内容有关。如果您能够发布一些重现该问题的代码,我们可以进一步帮助您。

    <Grid Margin="0,100,0,0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <TextBlock Text="In auto"
                   Grid.Column="0" />
        <Border Background="Pink"
                Height="50"
                HorizontalAlignment="Stretch"
                VerticalAlignment="Top"
                Grid.Column="1"/>
    </Grid>
    

    窗户:

    iOS:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-05-02
      • 2011-07-19
      • 2021-11-25
      • 1970-01-01
      • 1970-01-01
      • 2010-10-27
      • 2018-09-17
      相关资源
      最近更新 更多