WPF窗口内可调整大小的用户控件 [英] WPF Resizable usercontrols inside a window

问题描述

我的主xaml窗口中有四个用户控件

我应该怎样做才能使用户控件在运行时可调整大小... ??

类似于visual studio editor我们可以在哪里调整解决方案资源管理器和属性窗口。

解决方案

 <  网格 >  
 <   Grid.RowDefinitions  >  
 <   RowDefinition    高度  = 自动 >  < span class =code-keyword><   / RowDefinition  >  
 <   RowDefinition    高度  = 自动 >  <   / RowDefinition  >  
 <   RowDefinition    高度  = < span class =code-keyword> * >  <   / RowDefinition  >  
 <  < span class =code-leadattribute> / Grid.RowDefinitions  >  
 <   Grid.ColumnDefinitions  < span class =code-keyword>>  
 <   ColumnDefinition    宽度  = 自动 >  <   / ColumnDefinition  >  
 <   ColumnDefinition    宽度  =  自动 >  <   / ColumnDefin ition  >  
 <   ColumnDefinition    宽度  =  * >  <  < span class =code-leadattribute> / ColumnDefinition  >  
 <   / Grid.ColumnDefinitions  >  
 
 <  按钮   网格。行  =  0    Grid.Column   =  0     保证金  =  5   高度    =  25   宽度  =  25  /  >  
 <   GridSplitter     Grid.Row   = < span class =code-keyword> 1    Grid.Column   =  0    Grid.ColumnSpan   =  2     高度  =  5   宽度  = 自动      Horizo​​ntalAlignment   =  Stretch    背景  = < span class =code-keyword>红色   >  <   / GridSplitter  >  
 
 <  按钮    Grid.Row   =  0    Grid.Column   = < span class =code-keyword> 2   保证金  =  5   高度    =  25   宽度  = < span class =code-keyword> 25  /  >  
 <   GridSplitter     Grid.Row   =  0    Grid.Column   =  1     高度  = 自动   宽度  =  5      VerticalAlignment   = 拉伸   背景  = 绿色   >  <   / GridSplitter  >  
 
 <  按钮    Grid.Row   =   2    Grid.Column   =  0     保证金  =  5   高度    =  25   宽度  =  25  /  >  
 <   GridSplitter     Grid.Row   =  2    Grid.Column   =  1     高度  = 自动   宽度  =  5      VerticalAlignment   =  Stretch   背景  =  蓝色   >  <   / GridSplitter  >  
 
 <  按钮    Grid.Row   =  2    Grid.Column   =  2     保证金  =  5 < span class =code-attribute>  高度    =  25   宽度  =  25  /  >  
 <   GridSplitter     Grid.Row   =  1    Grid.Column   =  2     高度  = 自动   宽度  = 自动      Horizo​​ntalAlignment   = 拉伸   背景  =  DarkOrange   >  <   / GridSplitter  >  
 <   / Grid  >  

I have four user controls inside my main xaml window
what shall i do to make the user controls resizable during runtime ..??
similar to visual studio editor where in we can resize the solution explorer and properties window.

解决方案

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <Button Grid.Row="0" Grid.Column="0"  Margin="5" Height ="25" Width="25"/>
        <GridSplitter Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"  Height="5" Width="Auto"  HorizontalAlignment="Stretch" Background="Red" ></GridSplitter>

        <Button Grid.Row="0" Grid.Column="2" Margin="5" Height ="25" Width="25"/>
        <GridSplitter Grid.Row="0" Grid.Column="1"  Height="Auto" Width="5"  VerticalAlignment="Stretch" Background="Green" ></GridSplitter>

        <Button Grid.Row="2" Grid.Column="0"  Margin="5" Height ="25" Width="25"/>
        <GridSplitter Grid.Row="2" Grid.Column="1"  Height="Auto" Width="5"  VerticalAlignment="Stretch" Background="Blue" ></GridSplitter>

        <Button Grid.Row="2" Grid.Column="2"  Margin="5" Height ="25" Width="25"/>
        <GridSplitter Grid.Row="1" Grid.Column="2"  Height="Auto" Width="Auto"  HorizontalAlignment="Stretch" Background="DarkOrange" ></GridSplitter>
    </Grid>

这篇关于WPF窗口内可调整大小的用户控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！