Закругление углов элемента рассеяния - Microsoft Surface SDK
У меня есть изображение, наложенное на элемент Scatterview. Элемент Scatterview содержит панель стека и несколько текстовых блоков. При наложении прозрачного фона главного окна я могу видеть углы, которые плохо сочетаются с изображением.
Я использую SurfaceuserControl, чтобы добавить элементы поверхности в ScatterView. Код ниже:
<s:SurfaceUserControl x:Class="Models.ModelItemControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:s="http://schemas.microsoft.com/surface/2008" Width="110" Background="Transparent">
<Grid>
<Grid.Background>
<ImageBrush ImageSource="pack://application:,,,/Resources/models_card_150-01.png" Opacity="1.0" Stretch="Fill" />
</Grid.Background>
<Viewbox >
<StackPanel MaxWidth="250" MinHeight="300">
<TextBlock Name="ItemTitle" Margin="5,5,5,5" TextWrapping="Wrap" Visibility="Visible" Padding="2" />
<Image Name="ItemImage" Margin="5,5,5,5" Visibility="Visible" MaxHeight="100"/>
<TextBlock Name="ItemDesc" Margin="5,5,5,0" TextWrapping="Wrap" Visibility="Visible" Padding="2" />
<s:SurfaceToggleButton Checked="ItemInfo_Checked" Unchecked="ItemInfo_Unchecked" Margin="5,0,5,0" HorizontalAlignment="Center" VerticalAlignment="Center">Display more info</s:SurfaceToggleButton>
</StackPanel>
</Viewbox>
</Grid>
</s:SurfaceUserControl>
Я хочу метод, чтобы обрезать углы в круглую форму вместо прямоугольной.
2 ответа
Решение
Если вы разместили на MSDN, ссылка на ответ размещена ниже:
Возможно, вы видите тень ScatterViewItems, а не ваш UserControl. Вы можете удалить тень в коде позади, используя это:
item.ApplyTemplate();
item.Background = new SolidColorBrush(Colors.Transparent);
item.ShowsActivationEffects = false;
Microsoft.Surface.Presentation.Generic.SurfaceShadowChrome ssc;
ssc = item.Template.FindName("shadow", item) as Microsoft.Surface.Presentation.Generic.SurfaceShadowChrome;
ssc.Visibility = Visibility.Hidden;
Это предполагает, что элемент является вашим ScatterViewItem. Взгляните на ScatterViewPuzzle из SDK, чтобы узнать, как создать собственную форму для ScatterViewItem.