Útmutató: Szöveg létrehozása árnyékkal

Az ebben a szakaszban szereplő példák bemutatják, hogyan hozható létre árnyékeffektus a megjelenített szöveghez.

példa

A DropShadowEffect objektum lehetővé teszi különböző árnyékeffektusok létrehozását a Windows Presentation Foundation (WPF) objektumokhoz. Az alábbi példa egy szövegre alkalmazott vetett árnyékeffektust mutat be. Ebben az esetben az árnyék egy puha árnyék, ami azt jelenti, hogy az árnyék színe elhomályosul.

Az árnyék szélességét a ShadowDepth tulajdonság beállításával szabályozhatja. A 4.0 értéke 4 képpontos árnyékszélességű. Az árnyék lágyságát vagy elmosódását a BlurRadius tulajdonság módosításával szabályozhatja. A 0.0 értéke nem jelez elmosódást. Az alábbi példakód bemutatja, hogyan hozhat létre puha árnyékot.

<!-- Soft single shadow. -->
<TextBlock
  Text="Shadow Text"
  Foreground="Teal">
  <TextBlock.Effect>
    <DropShadowEffect
      ShadowDepth="4"
      Direction="330"
      Color="Black"
      Opacity="0.5"
     BlurRadius="4"/>
  </TextBlock.Effect>
</TextBlock>

Megjegyzés:

Ezek az árnyékeffektusok nem haladnak át a Windows Presentation Foundation (WPF) szövegmegjelenítési folyamatán. Ennek eredményeképpen a ClearType le van tiltva ezen effektusok használatakor.

Az alábbi példa egy szövegre alkalmazott, kemény vetett árnyékeffektust mutat be. Ebben az esetben az árnyék nem homályos.

Kemény árnyékot hozhat létre, ha a BlurRadius tulajdonságot 0.0értékre állítja be; ez azt jelzi, hogy nincs elmosódás alkalmazva. Az árnyék irányát a Direction tulajdonság módosításával szabályozhatja. Állítsa a tulajdonság irányértékét a 0 és a 360közötti fokra. Az alábbi ábrán a Direction tulajdonságbeállítás irányértékei láthatók.

DropShadow-fokbeállítása

Az alábbi példakód bemutatja, hogyan hozhat létre kemény árnyékot.

<!-- Hard single shadow. -->
<TextBlock
  Text="Shadow Text"
  Foreground="Maroon">
  <TextBlock.Effect>
    <DropShadowEffect
      ShadowDepth="6"
      Direction="135"
      Color="Maroon"
      Opacity="0.35"
      BlurRadius="0.0" />
  </TextBlock.Effect>
</TextBlock>

Életlenítési effektus használata

A BlurBitmapEffect egy szövegobjektum mögé helyezhető árnyékszerű effektus létrehozásához használhatók. A szövegre alkalmazott elmosódott bitkép effektus minden irányban egyenletesen elhomályosítja a szöveget.

Az alábbi példa egy szövegre alkalmazott elmosódott effektust mutat be.

Az alábbi példakód bemutatja, hogyan hozhat létre elmosódott effektust.

<!-- Shadow effect by creating a blur. -->
<TextBlock
  Text="Shadow Text"
  Foreground="Green"
  Grid.Column="0" Grid.Row="0" >
  <TextBlock.Effect>
    <BlurEffect
      Radius="8.0"
      KernelType="Box"/>
  </TextBlock.Effect>
</TextBlock>
<TextBlock
  Text="Shadow Text"
  Foreground="Maroon"
  Grid.Column="0" Grid.Row="0" />

Fordítási átalakítás használata

A TranslateTransform egy szövegobjektum mögé helyezhető árnyékszerű effektus létrehozásához használhatók.

Az alábbi példakód, egy TranslateTransform-t használ a szöveg eltolására. Ebben a példában az elsődleges szöveg alatti szöveg kissé eltolt másolata árnyékeffektust hoz létre.

használatával

Az alábbi példakód bemutatja, hogyan hozhat létre átalakítást árnyékeffektusokhoz.

<!-- Shadow effect by creating a transform. -->
<TextBlock
  Foreground="Black"
  Text="Shadow Text"
  Grid.Column="0" Grid.Row="0">
  <TextBlock.RenderTransform>
    <TranslateTransform X="3" Y="3" />
  </TextBlock.RenderTransform>
</TextBlock>
<TextBlock
  Foreground="Coral"
  Text="Shadow Text"
  Grid.Column="0" Grid.Row="0">
</TextBlock>