C# UWP Araç Takımı DropShadowPanel iç gölge

Question

C# UWP'de iç gölge efekti nasıl yapılır? Bunun gibi

:

Ben sadece bir kenarlıklı bir ızgara oluşturduk

ancak gölge bütün ızgara popülerliğini sürdürmektedir.

<controls:DropShadowPanel  BlurRadius="5" 
           ShadowOpacity="0.5" 
           OffsetX="0" 
           OffsetY="0" 
           Color="Black"> 
    <Grid BorderBrush="White" BorderThickness="5"/> 
</controls:DropShadowPanel> 

Bu denetimde iç gölge efekti nasıl yapılır? Bir dolum azRectangle oluşturmak ve Rectangle 'ın sınırında yalnızca bir yayılma gölge oluşturmak için DropShadowPanel içine yerleştirin böylece DropShadowPanel, bir Rectangle maske anlamına

Answer 1

Not. Ardından, dış gölgeyi kesmek için Grid içine yerleştirin ve Grid'u klipsleyin. Bir arka plan rengi istiyorsanız, Grid'a başka bir Rectangle ekleyin ve DropShadowPanel'un arkasına yerleştirin.

Örnek Kod

<Grid Width="400" 
     Height="200" 
     Margin="24"> 
    <Grid.Clip> 
     <RectangleGeometry Rect="0,0,400,200" /> 
    </Grid.Clip> 
    <Rectangle x:Name="BackgroundColor" 
       Fill="LightSteelBlue" /> 
    <controls:DropShadowPanel x:Name="InnerShadow" 
           HorizontalContentAlignment="Stretch" 
           BlurRadius="15" 
           ShadowOpacity="0.5" 
           Color="Black"> 
     <Rectangle x:Name="BorderColor" 
        Stroke="LightGray" 
        StrokeThickness="10" /> 
    </controls:DropShadowPanel> 
</Grid> 

Sonucu nota

Bir şeyi Kırpma Hakkında

---

sen manuall gerekecektir ki

Grid boyutunuz değiştiğinde, Rect boyutunu güncelleştirin. Alternatif olarak, kırpma işlemini yapmak için yeni Kompozisyon API'sini kullanabilirsiniz -