Silverlight 3.0 : 3D Efekty

Nová verzia prostredia Silverlight 3 priniesla aj nové možnosti pre vylepšenie a skvalitnenie vzhľadu prezentačnej vrstvy aplikácie a  možností jej interakcie s používateľom.

3D perspektíva umožní rozmiestňovať dvojrozmerné objekty do 3D priestoru, napríklad virtuálne plátno na ktorom sa zobrazuje text, celé formuláre, obrázky, prípadne video sa namapuje na stenu v priestore pootočenej kocky a podobne. 3D perspektíva umožňuje rotáciu podľa všetkých troch osí X, Y, Z , pričom v týchto osiach je možné zvoliť aj stred otáčania a ofsety.

Ukážeme príklad aplikácie 3D efektu PlaneProjection na formulár zapuzdrený v kontajnerovom objekte StackPanel:

<Grid x:Name="LayoutRoot" Background="White">
	<StackPanel Margin="35" Background="LightGray">
		<StackPanel.Projection>
			<PlaneProjection RotationX="-25" RotationY="-35" RotationZ="15" />
		</StackPanel.Projection>
		<TextBlock Margin="20">Príklad 3D transformácie formulára</TextBlock>
		<TextBox Margin="20"></TextBox>
		<Button Margin="10" Content="OK" Width="100" />
	</StackPanel>
</Grid>

Príklad 3D zobrazenia formulára

Podobne môžete skúsiť zobraziť v priestore aj obrázok. Základný kód pre planárne zobrazenie obrázku využíva prvok Image:

<Image Source="Nice124.JPG">
</Image>

Vo verzii 3.0 je možné nastaviť projekciu, napríklad pootočiť obrázok v požadovaných osiach:

<Image Source="Nice124.JPG">
	<Image.Projection>
		<PlaneProjection RotationX="30" RotationY="10" RotationZ="10">
		</PlaneProjection>
	</Image.Projection>
</Image>

Zobrazenie obrázku v perspektíve

Podobne je možné zobrazovať aj video:

<Grid x:Name="LayoutRoot" Background="White">
	<MediaElement x:Name="me" Stretch="None" Source="Windows7VHDBoot.wmv">
	</MediaElement>
</Grid> 

Späť na obsah