調整UserControl兒童的大小或者比使用UserControl更好的方法？

Question

我目前正在開發一個小WPF程序，充當離線門票的模板和記錄器。

我的程序設計目前基於創建一個用戶控件作爲票。此票證（UserControl）是一組文本字段。這是我的用戶控件的截圖。

Ticket (UserControl)

我的程序，然後讀取文本文件中的車票，並將其存儲每個字段。

這一切都有望調整大小。調整WPF是一種痛苦（在我看來）。我沒有太多的WPF經驗，但我無法讓UserControl在我的主窗口中使用的網格上調整大小。控件調整大小，但我的用戶控件的所有子項都沒有調整大小。

這裏是我的主窗口的外觀

Main Window

票被添加到下的標籤選項電網。這裏的一切都調整了對UserControl的子項（Textfields，按鈕等）的期望。有沒有更好的方式來做這樣的事情（IE不使用用戶控件）還是我只需要使用一個凌亂的網格，以及我的UserControl和她的一系列拉伸和自動屬性孩子們得到這個工作？

也許我只是在這種情況下使用完全錯誤的UserControls。

Answer 1

大多數WPF控件（因此用戶控件）的默認行爲是擴大並佔據可用

例如（省略掉了清晰XML命名空間）儘可能多的空間

<Window> 
    <Button Content="Hello" /> 
</Window> 

將創建一個大按鈕，如果你最大化你的窗口

在你的情況，我猜你正在使用Visual Studio設計器來調整和調整個別控件。設計者生成的代碼的一種行爲是如果您將控件移到位置，則設置Margin屬性，如果調整大小，則將屬性設置爲Width和Height。這導致他們停止擴展或拉伸。

通常，我避免使用可視化設計器，而是直接使用XAML編輯器來設計佈局，並驗證其在視覺設計器上的顯示效果。

雖然根據屏幕可用性控件擴展和縮小是很好的，但它有時可能會導致較差或較差的佈局和大小。通常，當我使用Grid作爲佈局時，我爲個別子節點MinWidth,MinHeight,MaxWidth和MaxHeight設置了拉伸或壓縮過多時不太好看的控件（RadioButtons，CheckBox）。對於某些控件，只需水平拉伸（對於您的案例中的問題定義字段，單行文本輸入即可），將Grid行高設置爲auto以便控件達到所需的高度就足夠了。

這也可能是OK使用具有合理的最小/最大寬度約束GridSplitter允許用戶調整LHS列，如果他的窗口尺寸太小

像這樣的東西（未測試雖然）

<Window> 
    <Window.Resources> 
    <Style TargetType="TextBox"> 
     <Setter Property="Margin" Value="5" /> 
    </Style> 
    <Style TargetType="Button"> 
     <Setter Property="Margin" Value="5" /> 
    </Style> 
    <Style TargetType="TextBlock"> 
     <Setter Property="Margin" Value="5" /> 
     <Setter Property="FontWeight" Value="Bold"/>    
    </Style> 
    </Window.Resources> 

    <Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="0.3*" MinWidth="200" MaxWidth="350" /> 
     <ColumnDefinition Width="0.7*" /> 
    </Grid.ColumnDefinitions>  

    <Grid.RowDefinitions> 
     <RowDefinition Height="auto"/> 
     <RowDefinition Height="auto"/> 
     <RowDefinition Height="auto"/> 

     <RowDefinition Height="auto"/> 
     <RowDefinition Height="auto"/> 
     <RowDefinition Height="auto"/> 

     <RowDefinition Height="auto"/> 
     <RowDefinition Height="auto"/> 
     <RowDefinition Height="auto"/> 

     <RowDefinition Height="*"/> 
     <RowDefinition Height="auto"/> 
     <RowDefinition Height="auto"/> 

    </Grid.RowDefinitions> 

    <!-- first column --> 

    <TextBlock Grid.Column="0" 
       Grid.Row="0" 
       Text="Employee ID" /> 

    <TextBox Grid.Column="0" 
      Grid.Row="1" 
      Text="{Binding EmployeeID}" /> 

    <TextBlock Grid.Column="0" 
       Grid.Row="2" 
       Text="User Name" /> 

    <TextBox Grid.Column="0" 
      Grid.Row="3" 
      Text="{Binding UseName}" /> 

    <TextBlock Grid.Column="0" 
       Grid.Row="4" 
       Text="Computer Name" /> 

    <TextBox Grid.Column="0" 
       Grid.Row="5" 
       Text="{Binding ComputerName}" /> 

    <TextBlock Grid.Column="0" 
       Grid.Row="6" 
       Text="PhoneNumber" /> 

    <TextBox Grid.Column="0" 
       Grid.Row="7" 
       Text="{Binding PhoneNumber}" /> 

    <TextBlock Grid.Column="0" 
       Grid.Row="8" 
       Text="Location" /> 

    <TextBox Grid.Column="0" 
      Grid.Row="9" 
      Grid.RowSpan="2" 
      Text="{Binding Location}" /> 

    <Button Grid.Column="0" 
      Grid.Row="11" 
      Text="Copy All" /> 

    <!-- second column --> 

    <TextBlock Grid.Column="1" 
       Grid.Row="0" 
       Text="Problem Description" /> 

    <Grid Grid.Column="1" 
      Grid.Row="1"> 
     <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="auto" /> 
     </Grid.ColumnDefinitions>  

     <TextBox Grid.Column="0" 
       Text="{Binding ProblemDescription}" />  

     <Button Grid.Column="1" 
       Content="C" /> 
    </Grid> 

    <TextBlock Grid.Column="1" 
       Grid.Row="2" 
       Text="Notes" /> 

    <TextBox Grid.Column="0" 
      Grid.Row="3" 
      Grid.RowSpan="7" 
      Text="{Binding Notes}" />  

    <TextBlock Grid.Column="1" 
       Grid.Row="10" 
       Text="Resolution" /> 

    <Grid Grid.Column="1" 
      Grid.Row="11"> 
     <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="auto" /> 
     </Grid.ColumnDefinitions>  

     <TextBox Grid.Column="0" 
       Text="{Binding Resolution}" />  

     <Button Grid.Column="1" 
       Content="C" /> 
    </Grid> 

    <!-- splitter to make the columns resizable --> 

    <GridSplitter Grid.Column="1" 
        Grid.Row="0" 
        Grid.RowSpan="12" 
        Width="3" 
        Background="Blue" />  
    </Grid> 
</Window>