What's new in Silverlight 5

What’s New in Silverlight 5

Learn More @ http://www.learnnowonline.com
Copyright © by Application Developers Training Company

What’s New In Silverlight 5


• Data Binding Improvements


• Text


• Text
• Controls


• Text
• Controls
• Media


• Text
• Controls
• Media
• Trusted Applications


Data binding improvements


• Data binding debugging


• Ancestor RelativeSource binding


• Implicit data templates


• UpdateSourceTrigger=PropertyChange
d


d
• Binding in style setters


d
• Binding in style setters
• Custom markup extensions


• These updates are very welcome
changes for developers using MVVM in
their applications


Model-View-ViewModel


• It’s a separation pattern, like MVC or
MVP


MVP
• Improves structure / separation of
concerns


MVP
concerns
• Enables better designer / developer
workﬂow


MVP
concerns
workﬂow
• Enhances testability


MVP
concerns
workﬂow
• Enhances testability
• Made possible by the robust data

MVVM Structure


MVVM Structure
View
••XAML
••Data bindings

View Model
••Model of the View (or View of the Model)
••Properties and commands

Model
••Domain model / business logic
••Services, persistence, everything else


Connecting the pieces of


• View -> ViewModel


• ViewModel exposes properties and
commands that the view binds to


• ViewModel implements
INotifyPropertyChanged to relay change
notiﬁcations to View


• ViewModel implements
INotifyPropertyChanged to relay change
notiﬁcations to View
• The View’s DataContext is bound to the
ViewModel, making all of it’s properties
and commands available to the entire


• ViewModel -> View


• ViewModel contains domain objects from
the Model and exposes relevant portions
of it to the View


• ViewModel contains domain objects from
the Model and exposes relevant portions
of it to the View
• ViewModel calls services to fetch or save
data to the Model


Key elements of MVVM


• INotifyPropertyChanged


• PropertyChanged event


• ICommand


• ICommand
• Execute


• ICommand
• Execute
• CanExecute


• ICommand
• Execute
• CanExecute
• CanExecuteChanged event


DEMO


MVVM Basics

DEMO


Data binding debugging


• Allows breakpoints on data binding
statements


statements
• Exposes information on the data
binding source, errors, etc…


statements
• Exposes information on the data
binding source, errors, etc…
• Makes troubleshooting data binding
issues really easy!



DEMO


Ancestor RelativeSource


• New binding mode brought over from
WPF


WPF
• Allows a child element to bind to
properties on its parent


WPF
• Allows a child element to bind to
properties on its parent
• Very useful within item templates in an
items control


Ancestor RelativeSource binding

DEMO


Implicit data templates


• Another binding feature from WPF


• Deﬁnes a template to be used
whenever Silverlight tries to display a
particular type


particular type
• In Silverlight 4, we had to explicitly
specify a template for our custom
types


particular type
• In Silverlight 4, we had to explicitly
specify a template for our custom
types
• Very useful when binding to a list of
different subclasses – not limited to a


DEMO


New UpdateSourceTrigger


• Adds “PropertyChanged” option to
available UpdateSourceTriggers – also
from WPF


• Adds “PropertyChanged” option to
available UpdateSourceTriggers – also
from WPF
• When used, the source of the binding
(on our ViewModel) is updated
whenever the property on the View is
changed


PropertyChanged UpdateSourceTrigger

DEMO


Custom markup extensions


• Markup extensions are the parts of
XAML that are surrounded by {curly
braces}


braces}
• Binding, StaticResource,
DynamicResource, etc…


braces}
• They provide a value – one that is often
not known until runtime


braces}
• They provide a value – one that is often
not known until runtime
• Silverlight 5 now allows us to create



DEMO


Binding in Style Setters


• Styles are useful and widely used to
deﬁne a consistent look and feel to our
applications


applications
• Until now, binding in the setters within
styles were now allowed


applications
• Until now, binding in the setters within
styles were now allowed
• Silverlight 5 allows us to create binding
statements within stlyes


Binding in style setters

DEMO


Text improvements


Text improvements
• Character spacing and line height


Text improvements
• TextOptions – pixel snapping


Text improvements
• OpenType support


Text improvements
• OpenType support
• Linked text blocks for multi-column
and ﬂowing text


Character spacing and line


• “CharacterSpacing” and “LineHeight”
properties


properties
• TextBox, TextBlock, RichTextBox,
RichTextBlock


properties
RichTextBlock
• CharacterSpacing calculated based
formula:


properties
RichTextBlock
formula:
Spacing (in pixels) = (font size * Value) / 1000


properties
RichTextBlock
formula:
Spacing (in pixels) = (font size * Value) / 1000

• LineHeight is the spacing between


Linked text


Linked text
• RichTextBlocks can now specify a
RichTextBlockOverﬂow element that
text will ﬂow to when full


Linked text
• RichTextBlockOverﬂow elements can
specify additional overﬂow containers


Linked text
• RichTextBlockOverﬂow elements can
specify additional overﬂow containers
• Limited only to read-only
RichTextBlocks


Linked text, character spacing and line height

DEMO


TextOptions


TextOptions
• TextFormattingMode


TextOptions
• Ideal, Display (pixel snapping)


TextOptions
• TextHintingMode


TextOptions
• TextHintingMode
• Fixed, Animated


TextOptions
• TextHintingMode
• Fixed, Animated
• TextRenderingMode


TextOptions
• TextHintingMode
• Fixed, Animated
• TextRenderingMode
• Auto, Aliased, Greyscale, ClearType


OpenType Support


OpenType Support
• Ligatures – glyphs with more than one
letter


OpenType Support
letter
• Contextual Alternates


OpenType Support
letter
• Stylistic Sets


OpenType Support
letter
• Stylistic Sets
• Variants – superscript and subscript


OpenType Support
letter
• Stylistic Sets
• Fractions


OpenType Support
letter
• Stylistic Sets
• Fractions
• Much more in the Typography class!


TextOptions and OpenType

DEMO


Learn More!


Learn More!
• This is an excerpt from a larger course. Visit
www.learnnowonline.com for the full details!


What's new in Silverlight 5

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à What's new in Silverlight 5

Similaire à What's new in Silverlight 5 (20)

Plus de LearnNowOnline

Plus de LearnNowOnline (9)

Dernier

Dernier (20)

What's new in Silverlight 5

Notes de l'éditeur