DockPanel LastChildFill은 MinWidth로 크기를 변경합니까?

Question

WPF에서 간단한 메뉴 모음을 만들려고합니다. 여기

은 XAML입니다 :

<Page 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
<DockPanel> 
    <DockPanel Background="Black" VerticalAlignment="Top" LastChildFill="True" DockPanel.Dock="Top" Height="28"> 
     <ToggleButton Content="--" Visibility="Collapsed" /> 
     <StackPanel Orientation="Horizontal"> 
      <Button Content="Add" /> 
      <Button Content="Expand" /> 
     </StackPanel> 
     <StackPanel HorizontalAlignment="Right" Orientation="Horizontal"> 
      <TextBox Text="Search" MinWidth="80" Width="200" /> 
      <Button Content="X" Margin="0,1,50,0" /> 
     </StackPanel> 
    </DockPanel> 
</DockPanel> 
</Page> 

이 좋아 보인다,하지만 난 작은 폭으로 페이지 크기를 조정할 때, 마지막 자식 (검색 텍스트 상자에 StackPanel의가) 왼쪽 항목 뒤에 숨어있다. 마찬가지로 : http://s9.postimage.org/m0tkrobwd/printscreen.png MinWidth를 달성하기에 충분한 공간이 있으면 텍스트 상자의 크기가 조정되면 좋을 것입니다 ... 가능합니까?

Answer 1

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="50"/> 
    </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="Auto"/> 
        <ColumnDefinition Width="Auto"/> 
        <ColumnDefinition Width="Auto"/> 
         <ColumnDefinition Width="*"/> 
        <ColumnDefinition MaxWidth="200" MinWidth="80"/> 
        <ColumnDefinition Width="Auto"/> 
       </Grid.ColumnDefinitions> 
       <ToggleButton Content="--" Visibility="Collapsed" /> 
       <Button Content="Add" Grid.Column="1"/> 
       <Button Content="Expand" Grid.Column="2"/> 
       <TextBox Text="Search" Grid.Column="4"/> 
       <Button Content="X" Margin="0,1,50,0" Grid.Column="5" /> 
      </Grid> 

도움이되기를 바랍니다.

Answer 2

안녕하세요 TextBox Not Width의 MaxWidth 및 MinWidth를 설정하십시오. 너비를 설정하면 가장 높은 우선 순위를 가지므로 MinWidth가 작동하지 않습니다.이게 도움이되기를 바랍니다.

<Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="Auto"/> 
        <ColumnDefinition Width="Auto"/> 
        <ColumnDefinition Width="Auto"/> 
        <ColumnDefinition Width="*"/> 
        <ColumnDefinition Width="Auto"/> 
       </Grid.ColumnDefinitions> 
       <ToggleButton Content="--" Visibility="Collapsed" /> 
       <Button Content="Add" Grid.Column="1"/> 
       <Button Content="Expand" Grid.Column="2"/> 
       <TextBox Text="Search" MinWidth="80" MaxWidth="600" Grid.Column="3" ClipToBounds="True" /> 
       <Button Content="X" Margin="0,1,50,0" Grid.Column="4"/> 
      </Grid> 

Answer 3

그 이유는 페이지 크기가 페이지 스택 패널 모두를 표시하기에 충분하지 않기 때문입니다. 이를 위해 페이지의 최소 크기를 사용할 수 있습니다. 통제 숨기기의 피해를 막을 것입니다.

등 원하는 디자인을 선택할 수 있습니다. 그리드를 사용하는 대신 스택 판을 사용할 수 있습니다. 대신 그리드 Column.I에게 줄 텍스트 상자에 최대 너비와의 minWidth을주는

Answer 4

까다로운 것은 Control (귀하의 경우 SearchTextBox)에 정렬을 지정하지만 여전히 MaxWidth까지 사용 가능한 공간을 잡는 것입니다. this answer에게 감사드립니다.

<DockPanel> 
    <DockPanel Background="Black" DockPanel.Dock="Top" Height="28"> 
     <ToggleButton DockPanel.Dock="Left" Content="--" Visibility="Collapsed" /> 
     <StackPanel DockPanel.Dock="Left" Orientation="Horizontal"> 
      <Button Content="Add" /> 
      <Button Content="Expand" /> 
     </StackPanel> 
     <Button DockPanel.Dock="Right" Content="X" /> 
     <Border Name="Container"> 
      <TextBox Text="Search" HorizontalAlignment="Right" 
        Width="{Binding ElementName=Container, Path=ActualWidth}" MaxWidth="200" />         
     </Border> 
    </DockPanel>   
</DockPanel> 

컨테이너 다른 컨트롤을 너무 될 수 있습니다.