WPF тень от прозрачной границы - PullRequest
Новая
       24

WPF тень от прозрачной границы

0 голосов
/ 29 января 2019

Добрый день.Я создаю сетку вот так (с тенью).все было бы хорошо, но я не могу сделать теневую границу с прозрачным фоном, поэтому фон сетки не может быть прозрачным (это важно).Есть ли решение этой проблемы? текущий 

<Grid Visibility="{Binding InfoPanelVisibility}" Grid.Column="1" Grid.Row="0" Grid.RowSpan="2">


                <Border Background="White" BorderThickness="1,0,0,0" >
                    <Border.Effect>
                        <DropShadowEffect BlurRadius="8" Color="WhiteSmoke" Direction="250"></DropShadowEffect>
                    </Border.Effect>
                </Border>

                <Grid.Background>
                    <SolidColorBrush Color="White" Opacity="0.4" />
                </Grid.Background>

                <ScrollViewer>
                          ...
                </ScrollViewer>

            </Grid>

1 Ответ

0 голосов
/ 11 февраля 2019

Я написал этот код для себя, его функция: Obvious

, есть ControlTemplate в Style.Resource, в котором я определил сетку

в сетке, есть Rectangle для использованияего границы для создания теней и ContentPresenter!

(извините за мой плохой английский) 

<Style TargetType="Grid">
        <Setter Property="Template" Value="{DynamicResource GridBorderShadowEffect}"></Setter>
        <Setter Property="Background">
            <Setter.Value>
                <SolidColorBrush Color="Transparent"/>
            </Setter.Value>
        </Setter>
        <Style.Resources>
            <ControlTemplate x:Key="GridBorderShadowEffect" TargetType="{x:Type Grid}">
                <Grid>
                    <Grid.Style>
                        <Style TargetType="Grid">
                              <Setter Property="Margin" Value="5"></Setter>
                        </Style>
                    </Grid.Style>
                    <Rectangle>
                        <Rectangle.Style>
                            <Style TargetType="Rectangle">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding 
                                    RelativeSource={RelativeSource FindAncestor,AncestorType={x:Type Window}},
                                    Path=WindowState}" Value="Normal">
                                        <Setter Property="StrokeThickness" Value="2"/>
                                        <Setter Property="Stroke" Value="Purple"></Setter>
                                        <Setter Property="BitmapEffect">
                                            <Setter.Value>
                                                <DropShadowBitmapEffect ShadowDepth="10"  Softness="1" Opacity="1"  Color="Purple" />
                                            </Setter.Value>
                                        </Setter>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Rectangle.Style>
                    </Rectangle>
                    <ContentPresenter>
                    </ContentPresenter>
                </Grid>
            </ControlTemplate>
        </Style.Resources>
    </Style>
...