我想在我的应用程序上创建一个小叠加层。此叠加层应分为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
。两个网格周围应该是一个影子。
最后它应该是这样的:
真实结果如下:
我建立起来像这样:
<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>
如果我向JobMng
或NotificationMng
添加一些数据,它看起来像这样:
没有阴影。除此之外,滚动条出现了一些问题。 你们中有谁知道我的错误吗?