WPF隐藏控件后,怎么让其上部的控件空间自动撑高

隐藏底部的日志显示控件_StackPanel3后,stackPanel1会自动撑高;

关键属性设置:

xml 复制代码
 <Grid.RowDefinitions>
     <!-- 上部控件占满剩余空间 -->
     <RowDefinition Height="*" />

     <!--按钮部分  -->
     <RowDefinition Height="auto" />

     <!--日志部分,会被隐藏的 -->
     <RowDefinition Height="auto" />
 </Grid.RowDefinitions>

WPF xaml页面参考代码

xml 复制代码
<Window x:Class="WpfAppYolo11_test1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfAppYolo11_test1"
        mc:Ignorable="d"
        Title="MainWindow" Height="900" Width="1300" WindowStartupLocation="CenterScreen">
    <Grid  x:Name="grid1">
        <Grid.RowDefinitions>
            <!-- 上部控件占满剩余空间 -->
            <RowDefinition Height="*" />

            <!--按钮部分  -->
            <RowDefinition Height="auto" />

            <!--日志部分,会被隐藏的 -->
            <RowDefinition Height="auto" />
        </Grid.RowDefinitions>
        <StackPanel Grid.Row="0" Name="stackPanel1" Background="LightGreen"  >
            <!--<Viewbox x:Name="testView"  >
                 </Viewbox>-->
            <Image x:Name="imgShow"   MinHeight="690"  VerticalAlignment="Stretch"  Stretch="Uniform" HorizontalAlignment="Center"    />

        </StackPanel>
        <StackPanel Grid.Row="1"  Name="_StackPanel2" >
            <Border BorderThickness="2" BorderBrush="Green" Padding="2">
                <StackPanel>
                    <DockPanel>
                        <Button   Content="识别图" Click="Button_Click" FontSize="16"   Margin="5" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                        <Button   Content="下一张图" Click="Button_Click_5" FontSize="16"   Margin="5" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                        <Button   Content="上一张图" Click="Button_Click_6" FontSize="16"   Margin="5" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                        
                        <Button x:Name="btnVideoDetection"   Content="识别视频" Click="Button_Click_2" FontSize="16"   Margin="5" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                        <Button x:Name="btnVideoCapter"   Content="识别视频帧" Click="btnVideoCapter_Click" FontSize="16"   Margin="5" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                        <Button x:Name="btnVideoDetection2"   Content="打开摄像头" Click="btnVideoDetection2_Click" FontSize="16"  Margin="5" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                        <Button   Content="停止视频检测" Click="Button_Click_3" FontSize="16" Width="100" Margin="5" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                        <Button   Content="清空图片" Click="Button_Click_Clear" FontSize="16" Width="100" Margin="5" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                        <TextBox x:Name="txtbox2" Background="GreenYellow" FontSize="15" Width="400" HorizontalAlignment="Left" Height="25" TextWrapping="Wrap" />
                        <Button   Content="窗1" Click="Button_Click_4" FontSize="16"  Margin="5" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                    </DockPanel>
                    <DockPanel>
                        <Button x:Name="btnGame1"  Content="启动游戏" Click="btnGame1_Click" FontSize="16"  Margin="5" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                        <Button x:Name="btnGameDetectionStop"  Content="停止按钮查找" Click="btnGameDetectionStop_Click" FontSize="16"  Margin="5" HorizontalAlignment="Left"   VerticalAlignment="Top"/>
                        <TextBox x:Name="txtbox3" Background="GreenYellow" FontSize="15" Width="200" HorizontalAlignment="Left" Height="25" TextWrapping="Wrap" />
                        <CheckBox x:Name="isShowLog"   IsChecked="True" Click="ShowLogCtrl_Click" Content="显示日志" Height="20" Width="90"/>
                    </DockPanel>                     
                </StackPanel>
            </Border>
        </StackPanel>

 <!--日志部分,会被隐藏的 -->
        <StackPanel Grid.Row="2" Name="_StackPanel3">
            <TextBox     x:Name="txtbox1" Height="115" HorizontalAlignment="Stretch"    Background="Yellow" VerticalScrollBarVisibility="Auto" FontSize="12"     TextWrapping="Wrap" />
        </StackPanel>
    </Grid>
</Window>
csharp 复制代码
  /// <summary>
  /// 控制日志是否显示
  /// </summary>
  /// <param name="sender"></param>
  /// <param name="e"></param>
  private void ShowLogCtrl_Click(object sender, RoutedEventArgs e)
  {
      if (this.isShowLog.IsChecked!=null && this.isShowLog.IsChecked.Value )
      {       
          _StackPanel3.Visibility = Visibility.Visible;
          
      }
      else
      {
          _StackPanel3.Visibility = Visibility.Collapsed;//隐藏     
           this.Height +=1;//通知图片控件更新布局,更新尺寸     
      }
相关推荐
Scout-leaf3 天前
WPF新手村教程(三)—— 路由事件
c#·wpf
柒.梧.5 天前
基于SpringBoot+JWT 实现Token登录认证与登录人信息查询
wpf
十月南城8 天前
Flink实时计算心智模型——流、窗口、水位线、状态与Checkpoint的协作
大数据·flink·wpf
听麟11 天前
HarmonyOS 6.0+ 跨端会议助手APP开发实战:多设备接续与智能纪要全流程落地
分布式·深度学习·华为·区块链·wpf·harmonyos
@hdd11 天前
Kubernetes 可观测性:Prometheus 监控、日志采集与告警
云原生·kubernetes·wpf·prometheus
zls36536511 天前
C# WPF canvas中绘制缺陷分布map
开发语言·c#·wpf
专注VB编程开发20年11 天前
c#Redis扣款锁的设计,多用户,多台电脑操作
wpf
闲人编程12 天前
定时任务与周期性调度
分布式·python·wpf·调度·cron·定时人物·周期性
zls36536512 天前
C# WPF canvas中绘制缺陷分布map并实现缩放
开发语言·c#·wpf
数据知道13 天前
PostgreSQL:Citus 分布式拓展,水平分片,支持海量数据与高并发
分布式·postgresql·wpf