1. 홈
  2. 질의 응답
  3. 스택 패널이 자동으로 늘어나지 않음

스택 패널이 자동으로 늘어나지 않음

2016-06-17 7 views
-1

이 시점에서 내가 올바른 방향을 고수하는지 실제로 알지 못한다고 고백해야한다. 그러나 내가 그것에 충실하면 나는 필요한 원칙을 배우겠다. 나는이 문제를 해결할 것입니다. 당신이 볼 수 있듯이, 그것은 스플리터를 가지고스택 패널이 자동으로 늘어나지 않음

<Window x:Class="OCLMEditor.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:OCLMEditor" 
     mc:Ignorable="d" 
     Title="Christian Life and Ministry Editor" Height="517.366" Width="729.7"> 
    <Grid Margin="0,0,0,3"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="auto"></ColumnDefinition> 
      <ColumnDefinition Width="50*"></ColumnDefinition> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="auto"></RowDefinition> 
      <RowDefinition></RowDefinition> 
     </Grid.RowDefinitions> 

     <StackPanel Grid.Row="0" Grid.ColumnSpan="2"> 
      <Menu x:Name="menuOCLM"> 
       <MenuItem Header="File"> 
        <MenuItem Header="Download Schedule Information"/> 
        <Separator/> 
        <MenuItem Header="Export Student Information"/> 
        <MenuItem Header="Import Student Information"/> 
        <Separator/> 
        <MenuItem Header="Page Setup"/> 
        <MenuItem Header="Print Preview"/> 
        <Separator/> 
        <MenuItem Header="Update Google Calendar"/> 
        <Separator/> 
        <MenuItem Header="Exit"/> 
       </MenuItem> 
       <MenuItem Header="Edit"/> 
       <MenuItem Header="View"/> 
       <MenuItem Header="Options"/> 
       <MenuItem Header="Help"/> 
      </Menu> 
     </StackPanel> 

     <DockPanel Grid.Row="1" Grid.Column="0" Background="Aqua"> 
      <StackPanel Orientation="Horizontal" Margin="3"> 
       <StackPanel Background="Yellow" HorizontalAlignment="Stretch"> 
        <Label>Week of Meeting:</Label> 
        <Grid> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="*"/> 
          <ColumnDefinition Width="auto"/> 
         </Grid.ColumnDefinitions> 
         <ComboBox> 
          <ComboBoxItem> 
           <StackPanel Orientation="Horizontal"> 
            <Image Source="special_event.png"></Image> 
            <Label>Date 1</Label> 
           </StackPanel> 
          </ComboBoxItem> 
          <ComboBoxItem> 
           <StackPanel Orientation="Horizontal"> 
            <Image Source="special_event.png"></Image> 
            <Label>Date 2</Label> 
           </StackPanel> 
          </ComboBoxItem> 
          <ComboBoxItem> 
           <StackPanel Orientation="Horizontal"> 
            <Image Source="special_event.png"></Image> 
            <Label>Date 3</Label> 
           </StackPanel> 
          </ComboBoxItem> 
         </ComboBox> 
         <Image Grid.Column="1" HorizontalAlignment="Right" Source="event_time.png" Margin="2"></Image> 
        </Grid> 
        <Label>Note:</Label> 
        <ComboBox IsEditable="True"> 
         <ComboBoxItem>Sample Text</ComboBoxItem> 
        </ComboBox> 
        <Label>Bible Reading for Week:</Label> 
        <TextBox>PSALMS 60-68</TextBox> 
        <Label>Opening Song:</Label> 
        <ComboBox> 
         <ComboBoxItem>Song 1</ComboBoxItem> 
         <ComboBoxItem>Song 2</ComboBoxItem> 
         <ComboBoxItem>Song 3</ComboBoxItem> 
        </ComboBox> 
       </StackPanel> 
       <StackPanel Orientation="Vertical" Margin="10,0,0,0" Background="Red"> 
        <Label>Chairman:</Label> 
        <ComboBox></ComboBox> 
        <Label>Auxiliary Counsellor 1:</Label> 
        <ComboBox></ComboBox> 
        <Label>Auxiliary Counsellor 2:</Label> 
        <ComboBox></ComboBox> 
        <Label>Prayer:</Label> 
        <ComboBox></ComboBox> 
       </StackPanel> 
      </StackPanel> 
     </DockPanel> 
     <WebBrowser Grid.Row="1" Grid.Column="1" x:Name="htmlView"></WebBrowser> 
     <GridSplitter Width="5" Background="Chocolate"> 
      <Grid.Row>1</Grid.Row> 
      <Grid.Column>0</Grid.Column> 
     </GridSplitter> 
    </Grid> 

</Window>

:

다음은 WPF의 구문입니다. 내가 의도 한대로 작동하지 않는

Results after dragging

: 나는 스플리터를 드래그합니다. 적색 스택 패널이 이상적으로 오른쪽으로 이동합니다. 그것은 항상 HTML보기에 인접 해 있습니다. 노란색 스택 패널이 폭을 채우기 위해 늘어납니다. 나는 여러 위치에서 스트라이크에 대한 수직 정렬을 설정하려고 시도했지만 작동하지 않습니다. 그들은 항상이 고정 폭을 유지합니다.

업데이트 : 나는 TEH 최신 그리드 내부 그리드되고, 여러 가지 방법을 시도 :

<Window x:Class="OCLMEditor.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:OCLMEditor" 
     mc:Ignorable="d" 
     Title="Christian Life and Ministry Editor" Height="517.366" Width="729.7"> 
    <Grid Margin="0,0,0,3"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="auto"></ColumnDefinition> 
      <ColumnDefinition Width="50*"></ColumnDefinition> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="auto"></RowDefinition> 
      <RowDefinition></RowDefinition> 
     </Grid.RowDefinitions> 

     <StackPanel Grid.Row="0" Grid.ColumnSpan="2"> 
      <Menu x:Name="menuOCLM" IsMainMenu="True"> 
       <MenuItem x:Name="menuFile" Header="File"> 
        <MenuItem Header="Download Schedule Information"/> 
        <Separator/> 
        <MenuItem Header="Export Student Information"/> 
        <MenuItem Header="Import Student Information"/> 
        <Separator/> 
        <MenuItem x:Name="menuFilePageSetup" Header="Page Setup" Click="menuFilePageSetup_Click"/> 
        <MenuItem Header="Print Preview" Click="MenuItem_Click"/> 
        <Separator/> 
        <MenuItem Header="Update Google Calendar"/> 
        <Separator/> 
        <MenuItem Header="Exit"/> 
       </MenuItem> 
       <MenuItem x:Name="menuEdit" Header="Edit"> 
        <MenuItem x:Name="menuViewCopy" Header="Copy" Click="menuViewCopy_Click"/> 
        <Separator/> 
        <MenuItem x:Name="menuViewSelectAll" Header="Select All" Click="menuViewSelectAll_Click"/> 
       </MenuItem> 
       <MenuItem Header="View"/> 
       <MenuItem Header="Options"/> 
       <MenuItem Header="Help"/> 
      </Menu> 
     </StackPanel> 

     <DockPanel Grid.Row="1" Grid.Column="0"> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="auto"></ColumnDefinition> 
        <ColumnDefinition Width="10*"></ColumnDefinition> 
       </Grid.ColumnDefinitions> 
       <StackPanel Grid.Column="0" Background="Yellow" HorizontalAlignment="Stretch" Width="auto"> 
        <Label>Week of Meeting:</Label> 
        <Grid> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="*"/> 
          <ColumnDefinition Width="auto"/> 
         </Grid.ColumnDefinitions> 
         <ComboBox> 
          <ComboBoxItem> 
           <StackPanel Orientation="Horizontal"> 
            <Image Source="special_event.png"></Image> 
            <Label>Date 1</Label> 
           </StackPanel> 
          </ComboBoxItem> 
          <ComboBoxItem> 
           <StackPanel Orientation="Horizontal"> 
            <Image Source="special_event.png"></Image> 
            <Label>Date 2</Label> 
           </StackPanel> 
          </ComboBoxItem> 
          <ComboBoxItem> 
           <StackPanel Orientation="Horizontal"> 
            <Image Source="special_event.png"></Image> 
            <Label>Date 3</Label> 
           </StackPanel> 
          </ComboBoxItem> 
         </ComboBox> 
         <Image Grid.Column="1" HorizontalAlignment="Right" Source="event_time.png" Margin="2"></Image> 
        </Grid> 
        <Label>Note:</Label> 
        <ComboBox IsEditable="True"> 
         <ComboBoxItem>Sample Text</ComboBoxItem> 
        </ComboBox> 
        <Label>Bible Reading for Week:</Label> 
        <TextBox>PSALMS 60-68</TextBox> 
        <Label>Opening Song:</Label> 
        <ComboBox> 
         <ComboBoxItem>Song 1</ComboBoxItem> 
         <ComboBoxItem>Song 2</ComboBoxItem> 
         <ComboBoxItem>Song 3</ComboBoxItem> 
        </ComboBox> 
       </StackPanel> 
       <StackPanel Grid.Column="1" Orientation="Vertical" Margin="10,0,0,0" Background="Red"> 
        <Label>Chairman:</Label> 
        <ComboBox></ComboBox> 
        <Label>Auxiliary Counsellor 1:</Label> 
        <ComboBox></ComboBox> 
        <Label>Auxiliary Counsellor 2:</Label> 
        <ComboBox></ComboBox> 
        <Label>Prayer:</Label> 
        <ComboBox></ComboBox> 
       </StackPanel> 
      </Grid> 
     </DockPanel> 
     <WindowsFormsHost x:Name="formsHost" Grid.Row="1" Grid.Column="1" /> 
     <GridSplitter Width="5" Background="Chocolate"> 
      <Grid.Row>1</Grid.Row> 
      <Grid.Column>0</Grid.Column> 
     </GridSplitter> 
    </Grid> 

</Window>

Updated Results

그것은 개선이다. 그러나 나는 그 공간을 채우기를 원한다.

나는 당신이 볼 수있는 것처럼 내부의 독 패널을 가지고 시험해 보았다. 나는 아직도 그것을 잘못하고있다.

감사합니다. 대한

출처

2016-06-17 Andrew Truckle

답변

1

관심있는 사람 :

<Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*"></ColumnDefinition> 
    <ColumnDefinition Width="auto"></ColumnDefinition> 
</Grid.ColumnDefinitions>
: 

<Window x:Class="OCLMEditor.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:OCLMEditor" 
     mc:Ignorable="d" 
     Title="Christian Life and Ministry Editor" Height="517.366" Width="729.7"> 
    <Grid Margin="0,0,0,3"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="auto"></ColumnDefinition> 
      <ColumnDefinition Width="50*"></ColumnDefinition> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="auto"></RowDefinition> 
      <RowDefinition></RowDefinition> 
     </Grid.RowDefinitions> 

     <StackPanel Grid.Row="0" Grid.ColumnSpan="2"> 
      <Menu x:Name="menuOCLM" IsMainMenu="True"> 
       <MenuItem x:Name="menuFile" Header="File"> 
        <MenuItem Header="Download Schedule Information"/> 
        <Separator/> 
        <MenuItem Header="Export Student Information"/> 
        <MenuItem Header="Import Student Information"/> 
        <Separator/> 
        <MenuItem x:Name="menuFilePageSetup" Header="Page Setup" Click="menuFilePageSetup_Click"/> 
        <MenuItem Header="Print Preview" Click="MenuItem_Click"/> 
        <Separator/> 
        <MenuItem Header="Update Google Calendar"/> 
        <Separator/> 
        <MenuItem Header="Exit"/> 
       </MenuItem> 
       <MenuItem x:Name="menuEdit" Header="Edit"> 
        <MenuItem x:Name="menuViewCopy" Header="Copy" Click="menuViewCopy_Click"/> 
        <Separator/> 
        <MenuItem x:Name="menuViewSelectAll" Header="Select All" Click="menuViewSelectAll_Click"/> 
       </MenuItem> 
       <MenuItem Header="View"/> 
       <MenuItem Header="Options"/> 
       <MenuItem Header="Help"/> 
      </Menu> 
     </StackPanel> 

     <DockPanel Grid.Row="1" Grid.Column="0"> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*"></ColumnDefinition> 
        <ColumnDefinition Width="auto"></ColumnDefinition> 
       </Grid.ColumnDefinitions> 
       <StackPanel Grid.Column="0" Background="Yellow" HorizontalAlignment="Stretch" Width="auto"> 
        <Label>Week of Meeting:</Label> 
        <Grid> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="*"/> 
          <ColumnDefinition Width="auto"/> 
         </Grid.ColumnDefinitions> 
         <ComboBox> 
          <ComboBoxItem> 
           <StackPanel Orientation="Horizontal"> 
            <Image Source="special_event.png"></Image> 
            <Label>Date 1</Label> 
           </StackPanel> 
          </ComboBoxItem> 
          <ComboBoxItem> 
           <StackPanel Orientation="Horizontal"> 
            <Image Source="special_event.png"></Image> 
            <Label>Date 2</Label> 
           </StackPanel> 
          </ComboBoxItem> 
          <ComboBoxItem> 
           <StackPanel Orientation="Horizontal"> 
            <Image Source="special_event.png"></Image> 
            <Label>Date 3</Label> 
           </StackPanel> 
          </ComboBoxItem> 
         </ComboBox> 
         <Image Grid.Column="1" HorizontalAlignment="Right" Source="event_time.png" Margin="2"></Image> 
        </Grid> 
        <Label>Note:</Label> 
        <ComboBox IsEditable="True"> 
         <ComboBoxItem>Sample Text</ComboBoxItem> 
        </ComboBox> 
        <Label>Bible Reading for Week:</Label> 
        <TextBox>PSALMS 60-68</TextBox> 
        <Label>Opening Song:</Label> 
        <ComboBox> 
         <ComboBoxItem>Song 1</ComboBoxItem> 
         <ComboBoxItem>Song 2</ComboBoxItem> 
         <ComboBoxItem>Song 3</ComboBoxItem> 
        </ComboBox> 
       </StackPanel> 
       <StackPanel Grid.Column="1" Orientation="Vertical" Margin="10,0,0,0" Background="Red"> 
        <Label>Chairman:</Label> 
        <ComboBox></ComboBox> 
        <Label>Auxiliary Counsellor 1:</Label> 
        <ComboBox></ComboBox> 
        <Label>Auxiliary Counsellor 2:</Label> 
        <ComboBox></ComboBox> 
        <Label>Prayer:</Label> 
        <ComboBox></ComboBox> 
       </StackPanel> 
      </Grid> 
     </DockPanel> 
     <WindowsFormsHost x:Name="formsHost" Grid.Row="1" Grid.Column="1" /> 
     <GridSplitter Width="5" Background="Chocolate"> 
      <Grid.Row>1</Grid.Row> 
      <Grid.Column>0</Grid.Column> 
     </GridSplitter> 
    </Grid> 

</Window>

내가 그리드를 사용하고 올바른 열 너비를 얻을 수 있었다

출처

2016-06-17 14:04:04

 관련 문제

  • 관련 문제 없음^_^