사용자의 스트레칭 내에서 그리드의 높이와 배경 그림을 변경하려면 어떻게해야합니까?

Question

WPF (사용자 정의 윈도우)에서 프로젝트를 수행하고 있습니다. 그래서 저는 한 가지 질문에 직면하고 있습니다. 메인 윈도우에는 테두리, 도킹 패널 및 2 개의 격자가 있습니다. 그것은 수직 애플 리케이션이며 사용자는 하단에서 응용 프로그램을 스트레칭해야합니다. 어떻게 내가 높이 및 사용자 내에서 배경 그림을 변경하려면 격자를 만들 수 있죠 s stretching?[enter image description here][1] For example, from 270x1 to 270x330 by simple dragging the bottom to the down.[enter image description here][1]

<Grid Width="270" Margin="4,2,0.5,0" Height="588" HorizontalAlignment="Stretch" VerticalAlignment="Top"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="auto" MinHeight="30"/> 
     <RowDefinition Height="auto" MinHeight="558"/> 
    </Grid.RowDefinitions> 
    <Grid.Background> 
     <ImageBrush/> 
    </Grid.Background> 


    <Border x:Name="MainBorder" HorizontalAlignment="Left" Height="40" VerticalAlignment="Top" Width="270" Grid.RowSpan="2" MouseLeftButtonDown="MainBorder_MouseLeftButtonDown"> 
     <Border.Background> 
      <ImageBrush ImageSource="atopbg.png"/> 
     </Border.Background> 
    </Border> 

    <Button x:Name="buttonclose" Content="" HorizontalAlignment="Left" Margin="243,10,0,0" VerticalAlignment="Top" Width="18" Height="18" Click="buttonclose_Click" BorderBrush="#FFDEECF2"> 
     <Button.Background> 
      <ImageBrush ImageSource="close.png"/> 
     </Button.Background> 
    </Button> 
    <Button x:Name="buttonhide" Content="" HorizontalAlignment="Left" Margin="220,10,0,0" VerticalAlignment="Top" Width="18" Height="18" Click="buttonhide_Click" BorderBrush="#FFE6EDF1"> 
     <Button.Background> 
      <ImageBrush ImageSource="collapse.png"/> 
     </Button.Background> 
    </Button> 
    <Button x:Name="buttonsettings" HorizontalAlignment="Left" Margin="197,10,0,0" VerticalAlignment="Top" Width="18" Height="18" BorderBrush="#FFEBF0F3" Click="buttonsettings_Click"> 
     <Button.Background> 
      <ImageBrush ImageSource="settings.png"/> 
     </Button.Background> 
    </Button> 
    <Label x:Name="label" HorizontalAlignment="Left" Margin="172,46,0,0" VerticalAlignment="Top" Grid.Row="1" Height="10" Width="10"> 
     <Label.Background> 
      <ImageBrush/> 
     </Label.Background> 
    </Label> 
    <Label x:Name="label1" Content="" HorizontalAlignment="Left" Margin="10,0,0,0" VerticalAlignment="Top" Width="84" Height="29"> 
     <Label.Background> 
      <ImageBrush ImageSource="logo.png"/> 
     </Label.Background> 
    </Label> 
    <Grid HorizontalAlignment="Left" Height="86" Margin="0,472,0,0" VerticalAlignment="Top" Width="270" Grid.Row="1"> 
     <Grid.Background> 
      <ImageBrush ImageSource="botbg.png" Stretch="Uniform"/> 
     </Grid.Background> 
    </Grid> 
    <DockPanel HorizontalAlignment="Left" Height="140" Margin="0,2,0,0" Grid.Row="1" VerticalAlignment="Top" Width="270"> 
     <DockPanel.Background> 
      <ImageBrush ImageSource="btopbg.png"/> 
     </DockPanel.Background> 
    </DockPanel> 
    <GridSplitter x:Name="gridSplitter" HorizontalAlignment="Left" Height="330" Margin="0,142,0,0" Grid.Row="1" VerticalAlignment="Top" Width="270" ResizeDirection="Rows" DragDelta="gridSplitter_DragDelta" ResizeBehavior="PreviousAndCurrent"> 
     <GridSplitter.Background> 
      <ImageBrush ImageSource="midbg.png"/> 
     </GridSplitter.Background> 
    </GridSplitter> 

</Grid> 

`

PS 그것은`내 첫 심각한 프로젝트 : 첫째 3

Answer 1

, 그 언급해야 이것을 코딩하는 당신의 방식은 상당히 지저분합니다. 여러 다른 컨트롤을 단일 Grid 행에 겹치게됩니다. 나는 당신이 "끌어서 놓기"기능을 사용했다는 것을 알아 냈습니다. 초보자에게는 괜찮을 것이라고 생각합니다.

이제 더 중요한 주제로 넘어갑니다. 이 수행 할 때 높이와 auto를 지정하는 모든 행 정의를 갖는

<RowDefinition Height="auto" MinHeight="30"/> 
    <RowDefinition Height="auto" MinHeight="558"/> 

을, 당신은 모든 내용에 맞게 자체의 크기를 조정 그리드를 말하고있다. 이 외곽 격자를 화면 크기에 맞게 만들려면 이상 하나의 행 정의가 * 단위 여야합니다. 각 장치 *은 auto 내용이 모두 사용 된 후에 남은 사용 가능한 공간 중 일부를 차지한다는 것을 의미합니다.

원하는 것을 더 자세히 알려주십시오. 구체적으로 말하십시오. 이미 코드를 입력 했으므로 컨트롤의 이름을 알 수 있습니다. "그리드"와 "배경"을 말하는 대신 코드에서 많은 사례를 보여주기 때문에 어떤 것을 말해주십시오.