Technológiai áttekintés

17

description

Technológiai áttekintés. Bátorfi Zsolt [email protected] | http://batorfizsolt.spaces.live.com Fejlesztési és Platform Üzletág Microsoft Magyarország. Prezentációs technológiák. DirectX. Flash. HTML (CSS). Ajax. WPF XBAP. WPF. OpenGL. Silverlight. Professzionális grafikus - PowerPoint PPT Presentation

Transcript of Technológiai áttekintés

Page 1: Technológiai áttekintés
Page 2: Technológiai áttekintés

Széles körben elérhető

Professzionális grafikusfuttató környezet

Page 3: Technológiai áttekintés
Page 4: Technológiai áttekintés

4

Page 5: Technológiai áttekintés
Page 6: Technológiai áttekintés
Page 7: Technológiai áttekintés

<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml Loaded=„javascript:canvasOnLoaded”>

<Rectangle {x:Name=„rect01”} Width="100" Height="100>

<Rectangle.Fill> <SolidColorBrush /> </Rectangle.Fill>

</Rectangle>

<Path Stroke="Black" Fill="Gray" Canvas.Left=„10” Canvas.Top=„10” Data="M 10,100 C 10,300 300,-200 300,100" />

</Canvas>

Page 8: Technológiai áttekintés

<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="200" Height="200" Background="LimeGreen">

<Ellipse Canvas.Left="30" Canvas.Top="30" Height="200” Width="200" Stroke="Black„ StrokeThickness="10" Fill="SlateBlue" />

<Canvas> ... </Canvas>

</Canvas>

<Canvas xmlns=http://schemas.microsoft.com/client/2007 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Ellipse Height="200" Width="200" Canvas.Left="30" Canvas.Top="30" Stroke="Black" StrokeThickness="10" Fill="SlateBlue"/> <Rectangle Height="100" Width="100" Canvas.Left="5" Canvas.Top="5" Stroke="Black„ StrokeThickness="10" Fill="SlateBlue"/> <Line X1="280" Y1="10" X2="10" Y2="280" Stroke="black" StrokeThickness="5"/></Canvas>

<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Path Data="M0,0 L11.5,0 11.5,30 5.75,40 0,30z" Stroke="Black" Fill="SlateBlue" Canvas.Left="10" Canvas.Top="10" /> <Path Data="M 10,100 C 10,300 300,-200 250,100z" Stroke="Red" Fill="Orange" Canvas.Left="10" Canvas.Top="10" /> <Path Data="M 0,200 L100,200 50,50z" Stroke="Black" Fill="Gray" Canvas.Left="150" Canvas.Top="70" /> </Canvas>

<Rectangle Width="140" Height="70" Canvas.Left="155" Canvas.Top="110"> <Rectangle.Fill> <RadialGradientBrush GradientOrigin="1,0"> <GradientStop Color="Yellow" Offset="0.0" /> <GradientStop Color="Red" Offset="0.25" /> <GradientStop Color="Blue" Offset="0.75" /> <GradientStop Color="LimeGreen" Offset="1.0" /> </RadialGradientBrush> </Rectangle.Fill> </Rectangle>

<Rectangle Height="100" Width="100" Canvas.Left="30„ Canvas.Top="30" Stroke="Black" StrokeThickness="10" Fill="SlateBlue"> <Rectangle.OpacityMask> <LinearGradientBrush> <GradientStop Offset="0.25" Color="#00000000"/> <GradientStop Offset="1" Color="#FF000000"/> </LinearGradientBrush> </Rectangle.OpacityMask> </Rectangle>

<Rectangle Height="100" Width="100" Canvas.Left="160" Canvas.Top="130" Fill="Green"> <Rectangle.RenderTransform> <TransformGroup> <RotateTransform Angle="45"/> <ScaleTransform ScaleX=".5" ScaleY="1.2"/> <SkewTransform AngleX="30"/> </TransformGroup> </Rectangle.RenderTransform> </Rectangle>

Page 9: Technológiai áttekintés

<MediaElement x:Name="media" Source="xbox.wmv" Width="300" Height="300„CurrentStateChanged="javascript:state_changed" />

<MediaElement x:Name="media" Source="xbox.wmv" Width="300" Height="300„CurrentStateChanged="javascript:state_changed" />

Page 10: Technológiai áttekintés
Page 11: Technológiai áttekintés

<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Rectangle x:Name="MyAnimatedRectangle" Width="100" Height="100" Fill="Blue"> <Rectangle.Triggers> <EventTrigger RoutedEvent="Rectangle.Loaded"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="MyAnimatedRectangle" Storyboard.TargetProperty="Opacity" From="1.0" To="0" Duration="0:0:5" FillBehavior="Stop" /> </Storyboard> </BeginStoryboard> </EventTrigger> </Rectangle.Triggers> </Rectangle> </Canvas>

Page 12: Technológiai áttekintés

Legend

V1.1

Legend

V1.0

CLR Execution Engine

Framework

HTML DOMIntegration

XAML

Networking

JSON

REST POX

RSS

Data

LINQ XLINQ

DLR

Ruby Python

WPF

Extensible Controls

BCL

Generics Collections

Inputs

Keyboard Mouse Ink

Media

VC1 WMA MP3

Browser Host

IntegratedNetworking

Stack

Installer

ApplicationServices

MS AJAXLibrary

UI Core

Images

Vector Text

Animation

DRM

Media

Controls

Layout Editing

Page 13: Technológiai áttekintés

13

Page 14: Technológiai áttekintés

Whether you are designing rich standards-based websites, ultimate experiences on the desktop, or managing digital assets and content, Expression professional design tools give you the flexibility and freedom to bring your vision to reality.

The professional Web

design tool

The professional Interactive design

tool

The professional Graphic

design tool

The professionalAsset Management

tool

Page 15: Technológiai áttekintés
Page 16: Technológiai áttekintés

16

Page 17: Technológiai áttekintés