Composite Applications with WPF and PRISM

Composite Composite Applications with Applications withWPF and PRISMWPF and PRISM

Eyal VardiEyal VardiCEO E4D Solutions LTDCEO E4D Solutions LTDMicrosoft MVP Visual C#Microsoft MVP Visual C#blog: www.eVardi.comblog: www.eVardi.com

AboutAbout ConsultingConsulting MentoringMentoring ProjectsProjects

AgendaAgenda Part IPart I

Microsoft Expression Blend 4Microsoft Expression Blend 4 Styles ControlsStyles Controls Visual State Manager & AnimationsVisual State Manager & Animations Commands & Behaviors Commands & Behaviors MVVM PatternMVVM Pattern

Part IIPart II What is PRISM?What is PRISM?

Region & ViewsRegion & Views ModulesModules Pub / SubPub / Sub

PRISM & WCFPRISM & WCF

SKETCH SKETCH FLOWFLOW

PHOTOSHOPPHOTOSHOP

POWERPOINTPOWERPOINT

BlendBlend

Designer-Developer Designer-Developer ProductivityProductivity

Designers designDesigners design

With XAML designers & With XAML designers &

developers can streamline developers can streamline

their collaborationtheir collaboration

Developers add business logicDevelopers add business logic

Control CustomizationControl Customization

WPF controls are typically WPF controls are typically notnot directly directly responsible for their own responsible for their own appearanceappearance

WPF controls can have WPF controls can have nested contentnested content, style , style and templatesand templates

Pay for Play Customization :Rich Content, Visual Styling , Built for a new Platform

Prop-erties

Custom Control

Style ControlStyle Control

Theme & SkinTheme & SkinCosmopolitanCosmopolitanJetPackJetPack Windows7Windows7

Style Control SampleStyle Control Sample

Designer OutputsDesigner Outputs

Primitive ResourcePrimitive Resource ColorsColors FontsFonts Images & PicturesImages & Pictures AnimationsAnimations

Styles ControlsStyles Controls

ScreensScreens

ThemesThemes

MOCKUPMOCKUP

Visual State ManagerVisual State Manager

StateState

Visual states are the way the control appears Visual states are the way the control appears in a particular state.in a particular state.

Each control has a number of "States" - Each control has a number of "States" - determined by the designer of the control. determined by the designer of the control.

State GroupState Group

Control can be in 2 different states as long as Control can be in 2 different states as long as each of those states are in a different state each of those states are in a different state group.group.

TransitionsTransitions Visual transitions represent the way the Visual transitions represent the way the

control looks as it transitions from one visual control looks as it transitions from one visual state to another.state to another.

TransitionsTransitions

Visual State ManagerVisual State ManagerIn XAMLIn XAML

TemplateVisualState AttributeTemplateVisualState Attribute

Inform template authors what states the Inform template authors what states the control can be in.control can be in.

Authors add Authors add VisualStateVisualState objects to the objects to the template to specify the appearance of a template to specify the appearance of a control when it is in a certain state.control when it is in a certain state.

[ Templ at eVi sual St at e(Name=" Normal " , GroupName=" CommonSt at es" ) ][ Templ at eVi sual St at e(Name=" MouseOver" , GroupName=" CommonSt at es" ) ][ Templ at eVi sual St at e(Name=" Pressed" , GroupName=" CommonSt at es" ) ]publ i c cl ass Numer i cUpDown : Cont rol } {

Initiating State ChangesInitiating State Changes

The authors is responsible for telling The authors is responsible for telling VisualStateManager when a visual state VisualStateManager when a visual state change should occur.change should occur.

pr i vat e voi d GoToSt at e(bool useTransi t i ons) } i f ( i sPressed) Vi sual St at eManager. GoToSt at e( t hi s, " Pressed" , useTransi t i ons) ; el se i f ( i sMouseOver) Vi sual St at eManager. GoToSt at e( t hi s, " MouseOver" , useTransi t i ons) ; el se Vi sual St at eManager. GoToSt at e( t hi s, " Normal “ , useTransi t i ons) ; {

Weather ControlWeather Control

Triggers, Actions & BehaviorsTriggers, Actions & Behaviors

Action WayAction Way<But t on Cont ent =" Cl i ck Me" > <But t on. Tr i ggers>

</ But t on>

publ i c cl ass MyAct i on : Target edTr i ggerAct i on<DependencyObj ect >{ publ i c MyAct i on( ) { . . . }

prot ect ed overr i de voi d I nvoke(obj ect o) { . . . }}

ActionAction

Trigger Trigger ( When )( When )

Invokes a bunch of actions at a point when it Invokes a bunch of actions at a point when it decides to do that.decides to do that. Event TriggerEvent Trigger Timer TriggerTimer Trigger Size TriggerSize Trigger

The Attach & Detach connect toThe Attach & Detach connect tothe target.the target.

Timer Trigger SampleTimer Trigger Samplepubl i c cl ass Ti merTr i gger : Tr i ggerBase<DependencyObj ect >{ publ i c Ti meSpan I nt erval { get ; set ; }

prot ect ed overr i de voi d OnAt t ached( ) { t i mer = new Di spat cherTi mer( ) ; t i mer. I nt erval = I nt erval ; t i mer. Ti ck += OnTi ck; t i mer. St art ( ) ; }

voi d OnTi ck( obj ect sender, Event Args e) { t hi s. I nvokeAct i ons(nul l ) ; }

prot ect ed overr i de voi d OnDet achi ng( ) { t i mer. Ti ck -= OnTi ck; t i mer = nul l ; } Di spat cherTi mer t i mer;}

Custom TriggerCustom Trigger

BehaviorBehavior

Behavior Behavior don’t need don’t need the “the “WhenWhen” ( Trigger ),” ( Trigger ),and and don’t have don’t have the the I nvokeI nvoke ..

Behavior with CommandBehavior with Commandpubl i c cl ass Met hodBehavi or : Behavi or<DependencyObj ect >{ publ i c I Command Command { get ; set ; }

publ i c Met hodBehavi or( ) {

Command = new Act i onCommand( MyMet hod ) ; }

pr i vat e voi d MyMet hod( ) { / / TODO: }}

<i : I nvokeCommandAct i on CommandName=" Command"

/ >

</ E4D: Met hodBehavi or>

</ But t on>

BehaviorsBehaviors

FULL FULL MOCKUPMOCKUP

Prism 2010Prism 2010

Why Composite WPF?Why Composite WPF?

Modul ar i t yModul ar i t yDevelopment of applications by using Development of applications by using independent, but collaborating, modules.independent, but collaborating, modules.

Pr oduc t i vi t yPr oduc t i vi t yDeveloper (or team) is able to concentrate on Developer (or team) is able to concentrate on a specific task.a specific task.

Ext e ns i bi l i t yExt e ns i bi l i t yAllows you to replace the behaviors and Allows you to replace the behaviors and strategies provided as defaults strategies provided as defaults

UI Module UI Module Structure Structure ( MVVM )( MVVM )

Prism Quick StartPrism Quick Start(David Hill)(David Hill)

Prism & WCFPrism & WCF

RequestRequestUI ShellUI Shell

ResponseResponse

munication

Prism & NotificationPrism & Notification

UI ShellUI Shell NotificationNotification

munication

Prism & BehaviorsPrism & Behaviors

RequestRequest

UI ShellUI Shell

ResponseResponse

munication

munication NotificationNotification

FINISHFINISH

Composite Applications with WPF and PRISM

Documents

Transcript of Composite Applications with WPF and PRISM

Windows Presentation Foundation (WPF)ddwap.mah.se/tsfana/NetIIVB/WPF/lec5a_WPF.pdf · Windows Presentation Foundation (WPF) ... System.Windows.Markup XAML, ... Microsoft Exppggression

WPF in 60 Seconds So Much WPF - So Little Time Acing the WPF Interview ;)

WPF Basics

iblog.dearbornschools.org · The composite solid shown below is made by putting a rectangular pyramid on top of a rectanglular prism. The prism and pyramid have congruent Bases. Find

WPF chapter 15 Dr. John Abraham Professor UTPA. WPF –an introduction WPF provides a single platform capable of handling graphics, audio and video. WPF.

Shine a Light with Prism (the Composite Application Guidance for WPF and Silverlight)

DataGrid for WPF and Silverlighthelp.grapecity.com/componentone/PDF/WPF/WPF.DataGrid.pdfTable of Contents DataGrid for WPF and Silverlight Overview 5-6 Help with WPF and Silverlight

Maps for WPF and Silverlight - GrapeCityhelp.grapecity.com › componentone › PDF › WPF › WPF.Maps.pdfMaps for WPF and Silverlight Key Features 3 Maps for WPF and Silverlight

WPF 03 - controles WPF

ComponentOne Windows for WPF - HTML5 / jQuery, ASP.NET, WPF

Build Better WPF & Silverlight applications · 2018-10-13 · • Prism = Patterns For Building Client Apps Client Application Challenges • Prism ... Model View Presentation. Model.

3. XAML & WPF - WPF Controls

Building Composite Applications with Silverlight - Prism 2.0

Investigation of negative refraction in composite ferrite .... Poster session 2/Girich... · Investigation of negative refraction in composite ferrite-semiconductor prism for millimeter

5. XAML & WPF - WPF Graphics-and-Animations

ComponentOne SpellChecker for WPF - HTML5 / jQuery, ASP.NET, WPF

Microsoft Prism WPF Application

Composite WPF

4. XAML & WPF - WPF Templating-and-Styling

8. XAML & WPF - WPF Concepts