CommunityToolkit/WindowsCommunityToolkit

AttachedDropShadow overridden by ImageEx Stretch="UniformToFill"

Open

#4,215 opened on 2021年9月1日

GitHub で見る
 (14 comments) (0 reactions) (1 assignee)C# (5,708 stars) (1,403 forks)batch import
bug :bug:by designdocumentation :page_with_curl:extensions :zap:help wanted

説明

DropShadowPanel works well

 <Grid>
        <StackPanel>
            <Grid x:Name="imgGrid" Width="300" Height="300">
                <Grid x:Name="ShadowTarget"/>
                <controls:ImageEx x:Name="img" Stretch="UniformToFill" EnableLazyLoading="True" Padding="0 0 3 4" Source="ms-appx:///Assets/pineapple.jpg">
                    <tkUI:Effects.Shadow>
                        <tkUI:AttachedDropShadow BlurRadius="8" IsMasked="True"
                                   CornerRadius="2"
                                   Color="Black"
                                   Offset="3,4"
                                   Opacity="1"
                                   CastTo="{Binding ElementName=ShadowTarget}"/>
                    </tkUI:Effects.Shadow>
                </controls:ImageEx>
            </Grid>

            <controls:DropShadowPanel x:Name="imgPnl" BlurRadius="8" Margin="0 10 3 4" Width="300" Height="300"
                                ShadowOpacity="1"
                                OffsetX="3"
                                OffsetY="4"
                                Color="Black"
                                VerticalAlignment="Stretch"
                                HorizontalAlignment="Stretch"
                                IsMasked="False">
                <controls:ImageEx Stretch="UniformToFill" EnableLazyLoading="True"  Source="ms-appx:///Assets/pineapple.jpg"/>
            </controls:DropShadowPanel>
        </StackPanel>
    </Grid>

Expected behavior

AttachedDropShadow works like DropShadowPanel

Screenshots

image

コントリビューターガイド