如果scrollviewer中的itemscontrol作为maxheight更高,WPF网格将删除阴影

时间:2017-04-20 08:57:48

标签: c# wpf

我想在我的应用程序上创建一个小叠加层。此叠加层应分为3列和2行。

<ColumnDefinition width="auto"/>
<ColumnDefinition width="*"/>
<ColumnDefinition width="auto"/>

<RowDefinition Height="*"/>
<RowDefinition Height="400px" MaxHeight="400px"/>

现在我要添加2个网格。第一个位于Grid.Column=0 & Grid.Row=1,第二个位于Grid.Column=2 and Grid.Row=1。两个网格周围应该是一个影子。

最后它应该是这样的:

enter image description here

真实结果如下:

enter image description here

我建立起来像这样:

<Grid Grid.Row="1">
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="auto" MaxWidth="400px" MinWidth="400px" />
    <ColumnDefinition Width="*" />
    <ColumnDefinition Width="auto" MaxWidth="400px" MinWidth="400px" />
  </Grid.ColumnDefinitions>
  <Grid.RowDefinitions>
    <RowDefinition Height="*" />
    <RowDefinition Height="400px" MaxHeight="400px" />
  </Grid.RowDefinitions>

  <Grid Name="gJobs" Background="#FFF" MaxHeight="400px" Grid.Column="0" Grid.Row="1" DataContext="{Binding JobMng}">
    <Grid.Effect>
      <DropShadowEffect BlurRadius="10" ShadowDepth="2.5" Direction="270" Color="#AA000000" Opacity=".42" RenderingBias="Performance" />
    </Grid.Effect>
    <Grid.RowDefinitions>
      <RowDefinition Height="auto" />
      <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <StackPanel Background="{StaticResource MainColorBrush}" Grid.Row="0">
      <TextBlock Foreground="#FFF" FontSize="16px" Padding="10px">Aufgaben</TextBlock>
    </StackPanel>

    <ScrollViewer VerticalScrollBarVisibility="Auto" Grid.Row="1">
      <ItemsControl ItemsSource="{Binding PerformingJobs}">
        <ItemsControl.ItemTemplate>
          <DataTemplate>
            <Grid Margin="20px">
              <!-- ... -->
            </Grid>
          </DataTemplate>
        </ItemsControl.ItemTemplate>
      </ItemsControl>
    </ScrollViewer>
  </Grid>

  <Grid Name="gNotifications" Background="#FFF" MaxHeight="400px" Grid.Column="2" Grid.Row="1" DataContext="{Binding NotificationMng}">
    <!--Left Side-->
  </Grid>
</Grid>

如果我向JobMngNotificationMng添加一些数据,它看起来像这样:

enter image description here

没有阴影。除此之外,滚动条出现了一些问题。 你们中有谁知道我的错误吗?

0 个答案:

没有答案