Wpf 1

Windows Presentation Foundation & <XAML>
Alex S R
12132265

Windows Presentation Foundation (WPF)
 WPF is the new graphical subsystem in Windows Operating System
that built with .NET framework.
 Physically, it is a collection of class libraries that comes with all the
latest versions of .NET framework for creating and executing rich and
interactive User Interface (Presentation).
Windows is a registered trademark of Microsoft Corporation. And all other logos are trademarks of their respective owners.

Windows Presentation Foundation (WPF)
 Supported Languages: C# .NET, VB .NET
 Developers Tools: Visual Studio, Expression Studio

WPF
Windows Presentation Foundation
WPF is the latest graphical
subsystem in Windows Operating
System to build and execute Apps
with rich UI in a more easier and
standardized manner.
WPF can be used to build visually rich UI

WPF
Windows Presentation Foundation
WPF is the latest graphical
subsystem in Windows Operating
System to build and execute Apps
with rich UI in a more easier and
standardized manner.
WPF is Hardware Accelerated
 All WPF graphics are Direct3D applications
 Direct3D (part of DirectX) is used in graphical
applications where performance is important
 Uses the video card hardware for rendering

Microsoft .NET Framework
.NET (dot Net) is a software framework that includes everything required
for developing software and services for Microsoft’s products.
Windows Windows Phone Windows RT Web Apps Xbox

Microsoft DirectX
DirectX is a set of low level Application Programming Interface (API) that
provides Windows programs with high performance hardware
accelerated multimedia support. Generally all Graphics Processing Units
(GPU) supports DirectX. WPF libraries are built on top of DirectX.

XAML
 XAML stands for eXtensible Application Markup Language
 Declarative markup language for building UI
 Based on XML
 Used to simplify creation of UI for .NET apps
 Separates presentation from business logic.

XAML
eXtensible Application Markup Language
A declarative markup language for
representing structured data and
UI elements.
XAML is a declarative language
 XAML describes the behavior and integration of
components (in most cases UI components)
 Cannot describe business logic

XAML
eXtensible Application Markup Language
A declarative markup language for
representing structured data and
UI elements.
XAML in WPF
 WPF employs XAML, an XML-based language, to define
and link various interface elements
 Just acts like the concept of CSS
 Provides a clear separation between the UI (XAML) and
the business logic (C#,VB.NET)

<Window x:Class="MyFirstWpfApp.MainWindow" xmlns=
"http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml
Title="Hello, WPF" Height="300" Width="300">
<Button x:Name="button"
Width="200"
Height="25">OK</Button>
</Window>
Sample XAML code

Features
of WPF
 All WPF Applications are DirectX
based.
 Vector graphics
 Supports time-based animations.
 It can Incorporate multimedia
contents and documents more
easily.

Features
of WPF
based.
 Vector graphics
easily.
Maximize Hardware Acceleration
 WPF uses DirectX for media rendering where old
Windows Forms Application uses GDI+(Graphics Device
Interface)
 So it offloads works to Graphics Processing Unit (GPU)
instead of CPU
 The result is high quality rich media UI

Features
of WPF
based.
 Vector graphics
easily.
Vector graphics
 Vector graphics allows scale without loss in quality
 That’s what makes WPF a resolution-independent
architecture

Features
of WPF
based.
 Vector graphics
easily.
Time-based Animation
 Presentation timers are initialized and managed by WPF
 Scene changes coordinated by using a storyboard

Features
of WPF
based.
 Vector graphics
easily.
Easy to incorporate multimedia
 WPF can incorporate audio and video into a user interface
 WPF create multimedia applications with real-time graphics
Videos Music Images Documents

How XAML is generated and works ?

XAML Generators
 There is a number of tools available today to creatively design the GUI
using XAML
 These tools can automatically generate the XAML output file
 So that designers as well as developers can concentrate on expressing
their creativity rather than coding
Visual Studio Expression Studio ZAM 3D

XAML File
XAML
Processor
Code
.NET
Compiler
Source
Code
.DLL/.EXE
Assembly
This is how XAML Works

XAML File
XAML
Processor
Code
.NET
Compiler
Source
Code
.DLL/.EXE
Assembly
When a WPF application has compiled in Visual Studio or Expression
Studio all the XAML files are converted into BAML (Binary Application
Markup Language)

XAML File
XAML
Processor
Code
.NET
Compiler
Source
Code
.DLL/.EXE
Assembly
BAML will be embedded as a resource into the final Dynamic Link Library
(.dll) or Executable (.exe) assembly.

XAML File
XAML
Processor
Code
.NET
Compiler
Source
Code
.DLL/.EXE
Assembly
At run-time, the framework engine extracts this .BAML file from assembly
resource, parses it and creates a corresponding WPF visual tree or
workflow.

Applications
of XAML
 XAML is using for building WPF
User Interface
 Web based application using
Microsoft Silverlight
 To design UI of Windows Phone
Apps
 To design UI of Windows Store
Apps
 Used to design Windows
Workflow Foundation
 XAML Paper Specification (XPS)
documents.

Applications
of XAML
User Interface
Apps
Apps
Workflow Foundation
documents.
As already explained
 WPF employs XAML, an XML-based language, to define
and link various interface elements
 Just acts like CSS for HTML
 Provides a clear separation between the UI (XAML) and
the business logic (C#,VB.NET)

Applications
of XAML
User Interface
Apps
Apps
Workflow Foundation
documents.
 Silverlight is a cross-platform, cross-browser plugin,
which contains WPF-based technology
 Rich Internet Application (RIA) platform
 Including XAML and subset of WPF
 Provides rich-media features such as video, vector
graphics, and animations

Applications
of XAML
User Interface
Apps
Apps
Workflow Foundation
documents.
 Silverlight and WPF share the XAML presentation layer
 Both technologies are similar, but Silverlight is limited in
many aspects

Applications
of XAML
User Interface
Apps
Apps
Workflow Foundation
documents.
Windows Phone
12:38
Start
 Windows Phone (WP) is a
smartphone operating system
developed by Microsoft
 With WP, Microsoft created a new
user interface featuring a design
language called Metro or Modern
 Developers can develop WP apps
using C#.NET, Visual Basic .NET,
and HTML5/JavaScript

Applications
of XAML
User Interface
Apps
Apps
Workflow Foundation
documents.
Windows Phone
 Microsoft offers Expression Blend (a part of Expression
Studio) for designing WP UI, which itself uses XAML for UI
designing

Applications
of XAML
User Interface
Apps
Apps
Workflow Foundation
documents.
Windows Store Apps
 Windows Store Apps are designed to run on Windows on
ARM (WOA) also known as Windows RT. Eg: Windows RT
runs on Microsoft Surface Tablet
 WinRT is a new API for developing Windows Store Apps
 There is a layer in Windows 8 OS to run Windows Store
Apps
 It’s UI is also designed using XAML

Applications
of XAML
User Interface
Apps
Apps
Workflow Foundation
documents.
Windows Workflow Foundation
 A workflow is the series of steps, decisions, and rules
needed to complete a specific task.
 Windows Workflow Foundation is a set of classes and
design tools that help developers to create and develop
workflows into their complex applications
 XAML brings a declarative programming model to
Windows Workflow

Applications
of XAML
User Interface
Apps
Apps
Workflow Foundation
documents.
XPS Documents
 XPS (XAML Paper Specification) is an electronic paper
document, an alternative to PDF.
 It consists of structured XML markups that defines layout
and visual appearance of each objects in the page

Content is the heart of Modern UI style apps, and
putting content before chrome is fundamental to the
design of Modern style apps.
- Microsoft

The innovation here is the fluidity of user experience and
focus on the data, without using traditional user
interface conventions of windows and frames. Data
become the visual elements and Controls.
-Isabel

3:00PM
3/14/2011
Search programs and files
All Programs
Shut Down
Username
Documents
Pictures
Music
Games
Computer
Control Panel
Devices and Printers
Default Programs
Help and Support
Pinned Application
Pinned Application
Application
Application
Application
Application
Application
Application Traditional Start button and taskbar

Web page title
http://www.url.com
Traditional windows and frames

The key design principle is better focus on the content
of application, relying more on typography and less on
graphics.
“Content before chrome”

Start Alex Sooraj
A tile is the front door into an app

Search
Share
Start
Devices
Settings
Text Text Text Text
Search Apps
Apps
Settings
Files
App
App
App
App
Search
App
App
Button
Title
text
!
Cancel
OK
New
Open…
Save
Save As…
Page Setup…
Print…
Exit
File
C:WindowsSystem32cmd.exe
Microsoft Windows [Version 7.1.7000]
Copyright (c) 2008 Microsoft Corporation. All rights reserved.
C:UsersUserName>
Traditional UI Modern UI

Microsoft Surface
Using Microsoft Design Language

Advantages
of using XAML
 XAML code is short and clear to
read
 Separation of UI designer code
and business logic allows it to
clearly separate the role of UI
designer and developer

Advantages
of using XAML
read
<Button Content="Click me!"/> Button button=new Button();
button.Content="Click me!";
Declarative Style
 XAML implements declarative markup style
 That’s why XAML is short and clear to read
Declarative Style Programmatical style

Advantages
of using XAML
read
Separation of designer code and logic
 Separation between designer code (XAML) and business
logic (C#,VB code) clearly separates the role of designer
and developer.
Designer
Emotional Connection
Look, behavior, data visualization,
usability, brand impact
Developer
Functional Capabilities
Deployment, function, data connection and
integrity, IT process, security

Disadvantages
of WPF & XAML
 WPF and XAML is not supported
on Windows 2000 or older
 WPF requires latest hardware
support, and it will not run on
old hardware

Disadvantages
of WPF & XAML
old hardware
WPF and XAML is not supported on
PCs running Windows 2000 or older

Disadvantages
of WPF & XAML
old hardware
WPF requires DirectX supported
hardware, and it will not run on old
hardware

It was a presentation about Presentation
Thanks for being here

References:
Microsoft Developers Network
msdn.microsoft.com

End of slide show. Swipe to exit.

Wpf 1

Recommended

More Related Content

What's hot (18)

Similar to Wpf 1 (20)

More from Fajar Baskoro (20)

Recently uploaded (20)

Wpf 1