XAML Scrollviewer 높이가 무한합니다

Question

하위 메뉴처럼 동작하는 Stackpannel 및 Grid 내에 Scrollviewer가 있습니다. 그것의 높이는 부모 메뉴에 묶여있다.

상위 메뉴 속성 :

<Grid Grid.Row="1" x:Name="tooldropdown" Width="250" VerticalAlignment="Stretch" Visibility="{Binding ElementName=ButtonToolbox, Path=IsChecked, Converter={StaticResource BoolToVisConverter}, FallbackValue=Hidden}"> 

하위 메뉴 :

 <Grid x:Name="PopupBaseMapLayers" Grid.Row="1" Height="{Binding ElementName=tooldropdown, Path=Height}" Visibility="Collapsed" Panel.ZIndex="3000" > 
     <Border Background="White" Width="253" > 
      <StackPanel> 
      <Grid Height="30" Background="#FFC6DFFF" > 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="31*" /> 
         <ColumnDefinition Width="47*"/> 
         <ColumnDefinition Width="35" /> 
        </Grid.ColumnDefinitions> 
        <Label Grid.Column="0"HorizontalContentAlignment="Center" Content="Base Maps" VerticalContentAlignment="Center" Height="30" BorderBrush="#c6dfff" BorderThickness="1" FontSize="14" Foreground="#FF004FB4" Grid.ColumnSpan="2"> 
         <Label.Background> 
          <SolidColorBrush Color="#FFC6DFFF"/> 
         </Label.Background> 
        </Label> 
        <Button Grid.Column="2" Click="ButtonBaseMapLayers_Click" Background="#FF004FB4" FontWeight="Bold" FontFamily="OCR A Extended" Foreground="White" Margin="4,3,3,2" BorderBrush="{x:Null}">X</Button> 
       </Grid> 
       <ScrollViewer VerticalScrollBarVisibility="Visible" Margin="0,0,0,200" CanContentScroll="True" Height="{Binding ElementName=tooldropdown, Path=ActualHeight}" > 

        <ItemsControl HorizontalAlignment="Center" ItemsSource="{Binding BaseMapLayers, ElementName=EsriControl}"> 

         <ItemsControl.ItemTemplate> 
          <DataTemplate DataType="{x:Type local:BaseMapLayer}"> 
           <Border Background="Transparent" BorderBrush="Transparent" Margin="2" Padding="5"> 

            <StackPanel Orientation="Horizontal"> 


             <CheckBox VerticalAlignment="Center" IsEnabled="{Binding AddButtonEnabled}" IsChecked="{Binding IsInMenu}" Tag="{Binding}" /> 
             <ContentPresenter ContentTemplate="{StaticResource BaseMapLayerMenuTemplate}" Width="250" /> 
            </StackPanel> 
           </Border> 
          </DataTemplate> 
         </ItemsControl.ItemTemplate> 
        </ItemsControl> 
       </ScrollViewer> 
      </StackPanel> 
      </Border> 
     </Grid> 

그러나 나는 데 문제는 그리드의 높이가 올 동안 ScrollViewer에 수직 오버 플로우 제대로 둥지를하지 않는다는 것입니다 그리드 내에서. 그것은 오버 플로우하지만 스크롤 막대가 사라하지 시각적으로는

Answer 1

고정, 같았다 나는 두 가지로를 구분하는 경우 다른 테두리 컨테이너를 만들고 StackPannels 중 하나를 잘라 내고 스크롤 뷰가 오버 플로우되지 않도록하십시오. 다음은 구조 변경의 빠른 해골입니다.

<Grid x:Name="PopupBaseMapLayers" Grid.Row="1" Panel.ZIndex="3000" VerticalAlignment="Stretch"> 
     <Border Background="White" Width="253" > 
      <Grid> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="30"/> 
       <RowDefinition Height="Auto"/> 
      </Grid.RowDefinitions> 
      <Grid Background="#FFC6DFFF" > 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="31*" /> 
        <ColumnDefinition Width="47*"/> 
        <ColumnDefinition Width="35" /> 
       </Grid.ColumnDefinitions> 
       <Label Grid.Column="0" HorizontalContentAlignment="Center" Content="Base Maps" VerticalContentAlignment="Center" Height="30" BorderBrush="#c6dfff" BorderThickness="1" FontSize="14" Foreground="#FF004FB4" Grid.ColumnSpan="2"> 
        <Label.Background> 
         <SolidColorBrush Color="#FFC6DFFF"/> 
        </Label.Background> 
       </Label> 
       <Button Grid.Column="2" Background="#FF004FB4" FontWeight="Bold" FontFamily="OCR A Extended" Foreground="White" Margin="4,3,3,2" BorderBrush="{x:Null}">X</Button> 
      </Grid> 
     </Grid> 
    </Border> 
    <Border Background="White" Width="253" Margin="0,30,0,0" > 
     <ScrollViewer VerticalScrollBarVisibility="Visible" CanContentScroll="True" > 
      <StackPanel Orientation="Vertical"> 
       <TextBlock>test data</TextBlock> 
       </StackPanel> 
     </ScrollViewer> 
    </Border> 
</Grid> 

Answer 2

가 외부 Stackpanel 당신이 그것을 필요로하지 않고는 무한대로 ScrollViewer을 확대 할

EDIT를 제거 (IMG 참조)하지

방금 ​​편집을 보았습니다. 이 방법에 대해 :

<Grid x:Name="PopupBaseMapLayers" Grid.Row="1" Height="{Binding ElementName=tooldropdown, Path=ActualHeight}" Visibility="Collapsed" Panel.ZIndex="3000" > 
    <Border Background="White" Width="253" > 
     <Grid> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="30"> 
       <RowDefinition Height="Auto"> 
      </Grid.RowDefinitions> 
      <Grid Background="#FFC6DFFF" > 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="31*" /> 
        <ColumnDefinition Width="47*"/> 
        <ColumnDefinition Width="35" /> 
       </Grid.ColumnDefinitions> 
       <Label Grid.Column="0"HorizontalContentAlignment="Center" Content="Base Maps" VerticalContentAlignment="Center" Height="30" BorderBrush="#c6dfff" BorderThickness="1" FontSize="14" Foreground="#FF004FB4" Grid.ColumnSpan="2"> 
        <Label.Background> 
         <SolidColorBrush Color="#FFC6DFFF"/> 
        </Label.Background> 
       </Label> 
       <Button Grid.Column="2" Click="ButtonBaseMapLayers_Click" Background="#FF004FB4" FontWeight="Bold" FontFamily="OCR A Extended" Foreground="White" Margin="4,3,3,2" BorderBrush="{x:Null}">X</Button> 
      </Grid> 
      <ScrollViewer VerticalScrollBarVisibility="Visible" CanContentScroll="True" Grid.Row="1"> 

       <ItemsControl HorizontalAlignment="Center" ItemsSource="{Binding BaseMapLayers, ElementName=EsriControl}"> 

        <ItemsControl.ItemTemplate> 
         <DataTemplate DataType="{x:Type local:BaseMapLayer}"> 
          <Border Background="Transparent" BorderBrush="Transparent" Margin="2" Padding="5"> 

           <StackPanel Orientation="Horizontal"> 


            <CheckBox VerticalAlignment="Center" IsEnabled="{Binding AddButtonEnabled}" IsChecked="{Binding IsInMenu}" Tag="{Binding}" /> 
            <ContentPresenter ContentTemplate="{StaticResource BaseMapLayerMenuTemplate}" Width="250" /> 
           </StackPanel> 
          </Border> 
         </DataTemplate> 
        </ItemsControl.ItemTemplate> 
       </ItemsControl> 
      </ScrollViewer> 
     </Grid> 
     </Border> 
    </Grid> 

몇 가지 참고 사항 :

이 Height에 결합하지 않는

하지만 ActualHeight
• 당신은 내 하나와 같은 값으로 외부 그리드의 높이를 결합하는 경우 내부 하나도 그 위에 30 픽셀 격자가 있습니다.이 30 픽셀은 끝에서 잘 리며 끝 부분에 Margin이 있더라도 상관 없습니다.

Answer 3

ScrollViewers 다른 사람의 아이 인의 아이디어를 좋아하지 않는 패널의 종류, 그들은 사물의 상단에있을 좋아하고,이 시도 :

<ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto"> 
     <Grid x:Name="PopupBaseMapLayers" Grid.Row="1" Height="{Binding ElementName=tooldropdown, Path=Height}" Visibility="Collapsed" Panel.ZIndex="3000" > 
      <Border Background="White" Width="253" > 
       <StackPanel> 
        <Grid Height="30" Background="#FFC6DFFF" > 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="31*" /> 
          <ColumnDefinition Width="47*"/> 
          <ColumnDefinition Width="35" /> 
         </Grid.ColumnDefinitions> 
         <Label Grid.Column="0"HorizontalContentAlignment="Center" Content="Base Maps" VerticalContentAlignment="Center" Height="30" BorderBrush="#c6dfff" BorderThickness="1" FontSize="14" Foreground="#FF004FB4" Grid.ColumnSpan="2"> 
          <Label.Background> 
           <SolidColorBrush Color="#FFC6DFFF"/> 
          </Label.Background> 
         </Label> 
         <Button Grid.Column="2" Click="ButtonBaseMapLayers_Click" Background="#FF004FB4" FontWeight="Bold" FontFamily="OCR A Extended" Foreground="White" Margin="4,3,3,2" BorderBrush="{x:Null}">X</Button> 
        </Grid> 

        <ItemsControl HorizontalAlignment="Center" ItemsSource="{Binding BaseMapLayers, ElementName=EsriControl}"> 

          <ItemsControl.ItemTemplate> 
           <DataTemplate DataType="{x:Type local:BaseMapLayer}"> 
            <Border Background="Transparent" BorderBrush="Transparent" Margin="2" Padding="5"> 

             <StackPanel Orientation="Horizontal"> 


              <CheckBox VerticalAlignment="Center" IsEnabled="{Binding AddButtonEnabled}" IsChecked="{Binding IsInMenu}" Tag="{Binding}" /> 
              <ContentPresenter ContentTemplate="{StaticResource BaseMapLayerMenuTemplate}" Width="250" /> 
             </StackPanel> 
            </Border> 
           </DataTemplate> 
          </ItemsControl.ItemTemplate> 
         </ItemsControl> 
       </StackPanel> 
      </Border> 
     </Grid> 
    </ScrollViewer>