obrázky

element Image

Element Image prináša jednoduchý spôsob ako zobrazovať JPG a PNG obrázky v Silverlight. Na zobrazneie obrázka nastavíme vlasnosť Source objektu Image a špecifikujeme cestu k súboru obrázka. Nasledujúci príklad ukazuje objekt Image, ktorý zobrazí bitmapový obrázok o rozmeroch 141x131 pixelov. Pretože nie je špecifikovaná výška a šírka, tak sa obrázok zobrazí v natívnej veľkosti.

[skryť XAML]

<Canvas Width="300" Height="300"
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Image Source="star.png" />
</Canvas>

[skryť] [reštart]

vlastnosť Stretch

Keď sú rozmery objektu Image a bitmapy rozdielne, vlastnosť Stretch určuje ako ma byť bitmapa natiahnutá v elemente Image. Vlasnosť Stretch akceptuje tieto hodnoty: None, Fill, Uniform, UniformToFill. Nasledujúca ukážka demonštruje nastavenia None, Uniform a Fill.

[skryť XAML]

<Canvas Width="300" Height="300"
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   Background="White">
  <Image Source="star.png" Stretch="None"
     Height="100" Width="200" Canvas.Left="100" />
  
  <Image Source="star.png" Stretch="Fill"
     Height="100" Width="200" Canvas.Top="100" Canvas.Left="100" />   
  
  <Image Source="star.png" Stretch="Uniform"
     Height="100" Width="200" Canvas.Top="200" Canvas.Left="100" /> 
     
  <TextBlock Canvas.Left="5" Canvas.Top="0">None</TextBlock>
  <TextBlock Canvas.Left="5" Canvas.Top="100">Fill</TextBlock>
  <TextBlock Canvas.Left="5" Canvas.Top="200">Uniform</TextBlock> 
</Canvas>

[skryť] [reštart]

Viac informácií o vlastnosti Stretch a, pozrite dokumentáciu k vlasnosti Stretch v Silverlight SDK.

iné spôsoby ako používať bitmapy

Na použitie bitmapy ako podkladu, všimnite si objekt ImageBrush v kapitole kreslenie a vypĺňanie.

čo ďalej?

V ďalšej časti text sa dozviete ako používať element TextBlock na pridavanie textu do Vašej Silverlight aplikácie.