网格行隐藏子元素其他元素

debugcn 发表于 Dev

karun_r

我有以下简单的WPF代码，我的期望是创建一个2行3列的网格，并在各列上使用网格拆分器。但是只要我不拆分网格中的行，网格拆分器都是可见的并且可以正常工作。

下面是示例代码：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="100" />
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="100" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="30"  />
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <GridSplitter Grid.Column="1"
                  Grid.RowSpan="2"
          HorizontalAlignment="Left" 
          VerticalAlignment="Stretch"
          Background="LightGray" 
          ShowsPreview="true"
          Width="3" />
    <GridSplitter Grid.Column="2"
                  Grid.RowSpan="2"
          HorizontalAlignment="Left" 
          VerticalAlignment="Stretch"
          Background="LightGray" 
          ShowsPreview="true"
          Width="3"/>
    <!--Button x:Name="button" Grid.Row="1" Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Height="27" Grid.Column="1" Margin="19,42,0,0" /-->
</Grid>

我给Grid.RowSpan = 2以为这将使网格拆分器跨越我拥有的两行。但是，当我运行这段代码时，我得到了这个。

第二行重叠在网格拆分器上，它们不可见。蓝线代表轮廓。我只希望垂直网格拆分器跨越整个窗口。我在这里做错了什么？我什至在底部声明了网格拆分器。

灰

样本中多行的唯一问题是它们没有占据整个网格的高度。

第一行的30高度，第二行的高度取决于内容（Auto）。没有任何内容的话0。屏幕截图上的蓝线未显示真实轮廓。修复布局，使第二行填充高度：Height="*"

<Grid.RowDefinitions>
    <RowDefinition Height="30"  />
    <RowDefinition Height="*"/>
</Grid.RowDefinitions>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-07-2

我来说两句

0条评论

登录后参与评论

来自分类Dev

网格扩展网格中的其他元素

来自分类Dev

单击一个子元素时如何隐藏所有其他元素

来自分类Dev

循环反应会隐藏其他元素

来自分类Dev

隐藏列表中的其他元素

来自分类Dev

如果存在元素ID，则隐藏其他元素

来自分类Dev

显示具有通用ID的元素，隐藏其他元素

来自分类Dev

在其他元素之上显示隐藏元素

来自分类Dev

从其他文档追加子元素

来自分类Dev

如何使隐藏的div向下滑动而不影响同一行中的其他元素

来自分类Dev

大型垂直列向下推其他网格元素

来自分类Dev

隐藏一个元素但不隐藏其他元素的滚动条（单击/事件时）

来自分类Dev

单击按钮显示元素，单击其他位置隐藏

来自分类Dev

填充Listview会导致其他元素部分隐藏

来自分类Dev

材质ui InputBase不能被其他元素隐藏

来自分类Dev

隐藏在其他元素上方的CSS菜单

来自分类Dev

填充Listview会导致其他元素部分隐藏

来自分类Dev

找不到其他 div 时隐藏 div 元素

来自分类Dev

在网格的某个元素上切换动画，并淡入/淡出其他元素

来自分类Dev

如何避免列表视图上的一组隐藏元素随机出现在其他行上？

来自分类Dev

Windows 8.1如何将元素固定在网格底部，即使网格中的其他元素为空

来自分类Dev

.toggle（）一个“隐藏”元素，而不会以错误的方式推送其他元素（Rails，Bootstrap，jQuery）

来自分类Dev

使用Bootstrap列时，隐藏元素会影响其他不相关的元素

来自分类Dev

如果jquery slideToggle元素被切换，则隐藏所有其他元素

来自分类Dev

使用JQuery同时显示一个文章元素并隐藏其他元素

来自分类Dev

jQuery-遍历每个div，如果元素不存在，则隐藏其他元素

来自分类Dev

使用JavaScript / jQuery获取隐藏在其他元素中的元素的高度

来自分类Dev

如何使用css隐藏类的特定元素并显示同一类的其他元素

来自分类Dev

当其他子元素随JQuery溢出时如何显示子元素

来自分类Dev

量角器-当子元素也是页面中其他位置的主要元素时，如何在元素内查找元素

Related 相关文章

文章