This document provides an overview and introduction to programming with Windows Presentation Foundation (WPF) using XAML. It discusses key WPF concepts like the logical and visual trees, dependency properties, templates, styles, resources, and layouts. It also covers programming with 2D and 3D graphics, data binding, animation, multimedia, and documents. The document recommends resources for getting started with WPF and provides an agenda for the presentation.
Xamarin.Forms is a new library that enables you to build native UIs for iOS, Android and Windows Phone from a single, shared C# codebase. It provides more than 40 cross-platform controls and layouts which are mapped to native controls at runtime, which means that your user interfaces are fully native.
Join Xamarin developer James Montemagno for an in-depth overview of Xamarin.Forms, and see how you can get started with Xamarin.Forms today.
OTS Solutions is a Software Development Company provides a wide range of software application outsourcing development services in .NET, ASP.NET, C#, Winforms, WPF, Silverlight, WCF etc, by their skilled developers to all around the world.
Lets Flutter - Talk on flutter in Google IO Extended in Google Developer Group Mumbai.
This has a detailed view of flutter and comparison of React native vs Flutter vs Native app development
High availability of a messaging system is essential. This is especially true for IBM MQ systems which are absolutely critical to the smooth running of many enterprises. IBM MQ Advanced made achieving high availability even easier with Replicated Data Queue Managers. Learn how this and other HA capabilities fits into a system that provides both high availability of the messaging system as a whole and every last piece of critical messaging data that you care about.
Abstract
The technology of voice browsing is rapidly evolving these days. It is because the use of cell phones is increasing at a very high rate, as compared to connected PCs. Listening and speaking are the natural modes of communication and information gathering. As a result we are now heading towards a more voice based approach of browsing rather than operating on textual mode. The command input and the delivery of web contents are entirely in voice. A voice browser is a device: that interprets voice input and interprets voice markup languages to generate voice output. That interprets a script which specifies exactly what to verbally present to the user as well as when to present each piece of information. Benefits Voice is a very natural user interface which speeds up browsing.
Xamarin.Forms is a new library that enables you to build native UIs for iOS, Android and Windows Phone from a single, shared C# codebase. It provides more than 40 cross-platform controls and layouts which are mapped to native controls at runtime, which means that your user interfaces are fully native.
Join Xamarin developer James Montemagno for an in-depth overview of Xamarin.Forms, and see how you can get started with Xamarin.Forms today.
OTS Solutions is a Software Development Company provides a wide range of software application outsourcing development services in .NET, ASP.NET, C#, Winforms, WPF, Silverlight, WCF etc, by their skilled developers to all around the world.
Lets Flutter - Talk on flutter in Google IO Extended in Google Developer Group Mumbai.
This has a detailed view of flutter and comparison of React native vs Flutter vs Native app development
High availability of a messaging system is essential. This is especially true for IBM MQ systems which are absolutely critical to the smooth running of many enterprises. IBM MQ Advanced made achieving high availability even easier with Replicated Data Queue Managers. Learn how this and other HA capabilities fits into a system that provides both high availability of the messaging system as a whole and every last piece of critical messaging data that you care about.
Abstract
The technology of voice browsing is rapidly evolving these days. It is because the use of cell phones is increasing at a very high rate, as compared to connected PCs. Listening and speaking are the natural modes of communication and information gathering. As a result we are now heading towards a more voice based approach of browsing rather than operating on textual mode. The command input and the delivery of web contents are entirely in voice. A voice browser is a device: that interprets voice input and interprets voice markup languages to generate voice output. That interprets a script which specifies exactly what to verbally present to the user as well as when to present each piece of information. Benefits Voice is a very natural user interface which speeds up browsing.
\Service Fabric is a distributed systems platform that makes it easy to package, deploy, and manage scalable and reliable microservices and addresses the significant challenges in developing and managing cloud applications
Introduction to Flutter - truly crossplatform, amazingly fastBartosz Kosarzycki
Intro: Flutter meaning rapid variation of electronic signal recently became Dart's framework name for mobile development. This presentation is a short introduction into a cross-platform solution covering iOS/Android. During this 45 minute period you'll learn what is flutter, where it came from and what it's for.
The Schmooze is a web-based application system that allows the user to define and maintain specific relationships with existing contacts and manage social and business interactions hierarchy with each of those contacts. Schmooze is a web based contact management application system. It will also allow the user to leverage some of the popular social networking tools of the internet such as Orkut, MySpace, Flickr etc and leverage the existing contacts in his/her local e-mail client as well as internet based contact managers like Gmail. Schmooze allows you to store your personal contacts in a centralized secure online database. This centralized contact storage allows you to communicate efficiently with your contacts to share interactions by publishing it as a blog, create an e-commerce transaction, send bulk SMS and e-mail messages etc.
In this presentation, I have talked about Resiliency in Azure.
I have also talked about how you can do Azure VM Improvements and Maintenance. Along with that, I have also talked about Disaster Recovery with ASR.
Ready for a deep dive into the world's most challenging programming paradigm? Reactive programming can simplify asynchronous and event-driven applications, but without a strong understanding, it can lead to frustration, recurring patchwork, missed deadlines, and costly bugs.
In this intensive three-hour session, we'll transition a traditional Spring application to WebFlux, revealing patterns and aanti-patterns when working with repositories, REST APIs, queues, and legacy libraries. You'll gain a clear understanding of often overlooked but critical aspects like subscribe signal, errors, cancellation, and signal loss. As a bonus, we'll debate the future of Reactive vs Virtual Threads, production-ready in Java 21.
This session is crucial for developers already working with reactive programming or those intending to make the leap.
\Service Fabric is a distributed systems platform that makes it easy to package, deploy, and manage scalable and reliable microservices and addresses the significant challenges in developing and managing cloud applications
Introduction to Flutter - truly crossplatform, amazingly fastBartosz Kosarzycki
Intro: Flutter meaning rapid variation of electronic signal recently became Dart's framework name for mobile development. This presentation is a short introduction into a cross-platform solution covering iOS/Android. During this 45 minute period you'll learn what is flutter, where it came from and what it's for.
The Schmooze is a web-based application system that allows the user to define and maintain specific relationships with existing contacts and manage social and business interactions hierarchy with each of those contacts. Schmooze is a web based contact management application system. It will also allow the user to leverage some of the popular social networking tools of the internet such as Orkut, MySpace, Flickr etc and leverage the existing contacts in his/her local e-mail client as well as internet based contact managers like Gmail. Schmooze allows you to store your personal contacts in a centralized secure online database. This centralized contact storage allows you to communicate efficiently with your contacts to share interactions by publishing it as a blog, create an e-commerce transaction, send bulk SMS and e-mail messages etc.
In this presentation, I have talked about Resiliency in Azure.
I have also talked about how you can do Azure VM Improvements and Maintenance. Along with that, I have also talked about Disaster Recovery with ASR.
Ready for a deep dive into the world's most challenging programming paradigm? Reactive programming can simplify asynchronous and event-driven applications, but without a strong understanding, it can lead to frustration, recurring patchwork, missed deadlines, and costly bugs.
In this intensive three-hour session, we'll transition a traditional Spring application to WebFlux, revealing patterns and aanti-patterns when working with repositories, REST APIs, queues, and legacy libraries. You'll gain a clear understanding of often overlooked but critical aspects like subscribe signal, errors, cancellation, and signal loss. As a bonus, we'll debate the future of Reactive vs Virtual Threads, production-ready in Java 21.
This session is crucial for developers already working with reactive programming or those intending to make the leap.
De nos jours, la technologie est omniprésente et fait partie intégrante de nos vies. On pense directement aux ordinateurs et aux smartphones, mais elle est également présente dans la plupart de l'électroménager, l'automobile, l'aviation, le nucléaire ou encore l'aérospatiale. De nombreux accidents se sont produits, impliquant de tels systèmes, dont de plus en plus sont liés à des mauvaises interactions entre l'homme et la machine. On peut par exemple repenser aux accidents suivants : Three Mile Island, Therac-25, le vol KAL007... Afin de pouvoir utiliser tous ces systèmes, de manière sûre et fiable afin d’éviter tout risque potentiel d'accidents, il faut pouvoir garantir certaines propriétés sur toutes les interactions possibles entre un système et son opérateur. Cette présentation présente une approche possible pour résoudre le problème de garanties à imposer sur les interactions homme-machine, basée sur les méthodes formelles, le tout illustré par des exemples concrets d'accidents.
Dans ce cours, on découvre comment construire une interface graphique en Python en utilisant la librairie Tk. Après avoir vu les différents composants de base, ce cours présente la programmation évènementielle qui permet d'écrire du code qui réagit à des évènements comme le clic sur un bouton, par exemple.
Présentation du projet de transmission numérique dans lequel les étudiants sont amenés, en équipes mixtes électroniciens - informaticiens, à développer une application qui, sur base de données collectées par des senseurs, propose une analyse de ces dernières pour fournir un service.
This PPT discusses the concept of Dynamic Linker as in Linux and its porting to Solaris ARM platform. It starts from the very basics of linking process
Bruce Lawson, Web Development 2.0, SparkUp! Poznan Polandbrucelawson
Forget the empty "Web 2.0" buzzword! Web development, however, is changing. In this session, Bruce gives and overview of HTML5, its intelligent forms, scriptable images and native video. Together with CSS3 and SVG, it will change the way you work making it easier to develop exciting applications. The emergence of more and more Web-enabled devices presents headaches: do you write and test many sites for different devices, or make one site for all? Some simple techniques help you write one site to work everywhere, saving you time and grey hairs. Web development 2.0: Web workers of the world, relax!
Apache Cordova is one of the most popular frameworks for cross-platform mobile development. Web developers can build apps for iOS, Android, and Windows based on the same frameworks they use for the Web by using a shared codebase. However, the methods for improving mobile app performance can be different from those web developers use for web apps. Doris Chen outlines what impacts “native performance” and explains how the startup time, as well as the overhead of resume, memory, communication, and the Web, can all contribute to the performance of Cordova apps. To build Cordova apps that perform well, it’s important to understand how to avoid common pitfalls and how to use the technologies in the most efficient ways. Doris introduces tools for performance tests and demonstrates how to measure mobile app performance by using diagnostic tools for different platforms. Doris also shares practical tips for building faster Cordova apps by exploring Document Object Model (DOM) complexity, animation techniques, and memory management.
Overview of WPF in light of Ribbon UI ControlAbhishek Sur
The slides introduces Ribbon UI control as released on Aug 2010 with the basic overview of WPF and XAML. I (Abhishek Sur) have demonstrated this on Community Tech Days session at Kolkata on 28th November 2010
Responsive Web Design: Clever Tips and TechniquesVitaly Friedman
Responsive Web design challenges Web designers to adapt a new mindset to their design and coding processes. This talk provides an overview of various practical techniques, tips and tricks that you might want to be aware of when working on a new responsive design project.
Vom Server bis zum Workspace: Windows Anwendungen auf AWS - AWS Cloud Web Day...AWS Germany
Vortrag "Vom Server bis zum Workspace: Windows Anwendungen auf AWS" von Rolf Kerstenb beim AWS Cloud Web Day für Windows Anwendungen. Alle Videos und Präsentationen finden Sie hier: http://amzn.to/1Ucuzzx
AWS Summit 2014 Brisbane - Breakout 3
Amazon Workspaces is a new service from AWS that delivery fully managed desktops in the Cloud. In this session you be able to learn more about the benefits and capabilities of Workspaces and see a demo of the user's experience when using Workspaces and the administrators experience in managing it.
Presenter: Dean Samuels, Solutions Architect, Amazon Web Services
Best Practices in Enterprise Video and Digital Asset ManagementNuxeo
Learn how organizations can leverage a modern, cloud-native content management platform for secure access to digital content, whether it’s hosted on-premises, in the cloud, or in a hybrid storage infrastructure. See how the Nuxeo Platform provides massive scalability and flexibility for complex digital assets in today’s digital workplace.
AWS Summit 2014 Perth - Breakout 6
Amazon Workspaces is a new service from AWS that delivery fully managed desktops in the Cloud. In this session you be able to learn more about the benefits and capabilities of Workspaces and see a demo of the user's experience when using Workspaces and the administrators experience in managing it.
Presenter: Dean Samuels, Solutions Architect, Amazon Web Services
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
A workshop hosted by the South African Journal of Science aimed at postgraduate students and early career researchers with little or no experience in writing and publishing journal articles.
How to Add Chatter in the odoo 17 ERP ModuleCeline George
In Odoo, the chatter is like a chat tool that helps you work together on records. You can leave notes and track things, making it easier to talk with your team and partners. Inside chatter, all communication history, activity, and changes will be displayed.
it describes the bony anatomy including the femoral head , acetabulum, labrum . also discusses the capsule , ligaments . muscle that act on the hip joint and the range of motion are outlined. factors affecting hip joint stability and weight transmission through the joint are summarized.
Read| The latest issue of The Challenger is here! We are thrilled to announce that our school paper has qualified for the NATIONAL SCHOOLS PRESS CONFERENCE (NSPC) 2024. Thank you for your unwavering support and trust. Dive into the stories that made us stand out!
A Strategic Approach: GenAI in EducationPeter Windle
Artificial Intelligence (AI) technologies such as Generative AI, Image Generators and Large Language Models have had a dramatic impact on teaching, learning and assessment over the past 18 months. The most immediate threat AI posed was to Academic Integrity with Higher Education Institutes (HEIs) focusing their efforts on combating the use of GenAI in assessment. Guidelines were developed for staff and students, policies put in place too. Innovative educators have forged paths in the use of Generative AI for teaching, learning and assessments leading to pockets of transformation springing up across HEIs, often with little or no top-down guidance, support or direction.
This Gasta posits a strategic approach to integrating AI into HEIs to prepare staff, students and the curriculum for an evolving world and workplace. We will highlight the advantages of working with these technologies beyond the realm of teaching, learning and assessment by considering prompt engineering skills, industry impact, curriculum changes, and the need for staff upskilling. In contrast, not engaging strategically with Generative AI poses risks, including falling behind peers, missed opportunities and failing to ensure our graduates remain employable. The rapid evolution of AI technologies necessitates a proactive and strategic approach if we are to remain relevant.
Safalta Digital marketing institute in Noida, provide complete applications that encompass a huge range of virtual advertising and marketing additives, which includes search engine optimization, virtual communication advertising, pay-per-click on marketing, content material advertising, internet analytics, and greater. These university courses are designed for students who possess a comprehensive understanding of virtual marketing strategies and attributes.Safalta Digital Marketing Institute in Noida is a first choice for young individuals or students who are looking to start their careers in the field of digital advertising. The institute gives specialized courses designed and certification.
for beginners, providing thorough training in areas such as SEO, digital communication marketing, and PPC training in Noida. After finishing the program, students receive the certifications recognised by top different universitie, setting a strong foundation for a successful career in digital marketing.
Executive Directors Chat Leveraging AI for Diversity, Equity, and InclusionTechSoup
Let’s explore the intersection of technology and equity in the final session of our DEI series. Discover how AI tools, like ChatGPT, can be used to support and enhance your nonprofit's DEI initiatives. Participants will gain insights into practical AI applications and get tips for leveraging technology to advance their DEI goals.
Thinking of getting a dog? Be aware that breeds like Pit Bulls, Rottweilers, and German Shepherds can be loyal and dangerous. Proper training and socialization are crucial to preventing aggressive behaviors. Ensure safety by understanding their needs and always supervising interactions. Stay safe, and enjoy your furry friends!
A review of the growth of the Israel Genealogy Research Association Database Collection for the last 12 months. Our collection is now passed the 3 million mark and still growing. See which archives have contributed the most. See the different types of records we have, and which years have had records added. You can also see what we have for the future.
2. Agenda
• Windows Presentation Foundation Overview
What is XAML, logical trees
• Programming
• Development & Deployment
• Getting Windows Presentation Foundation & Tools
4. Windows Presentation Foundation
A productive, unified approach to UI,A productive, unified approach to UI,
media and documents to delivermedia and documents to deliver
unmatched user experienceunmatched user experience
10. WPF/E aka Silverlight
• Microsoft realized that RIA (Rich Internet Applications) are the
future.
• HTML/DOM/AJAX combo difficult to use and limited
• Adobe Flash rapidly gaining market share YouTube, Yahoo start
page, Microsoft own pages
• Video over internet very powerful application
• Almost everything available in WPF except 3D
• Not limited to Vista/XP2, Available on Mac and open source
versions on Linux
• Full integration with .NET languages (C# VB.NET) and DLR (such
as Ruby & Python)
• Probably more important than WPF, probably standard Microsoft
development medium in after 2009 due to its flexibility.
12. WPF Architecture
Property
Engine
Input /
Eventing
System
.NET Framework 2.0
Desktop Windows Manager
Media Integration Layer
DirectX
Windows Vista Display Driver (LDDM)
Windows Media
Foundation
Composition
Engine
Print Spooler
ManagedUnmanaged
Application
Services
Deployment
Services
Databinding
USER INTERFACE SERVICES
XAML
Accessibility
Property System
Input & Eventing
BASE SERVICES
DOCUMENT SERVICES
Packaging Services
XPS Documents
Animation
2D
3D
AudioImaging
Text
VideoEffects
Composition Engine
MEDIA INTEGRATION LAYER
Controls
Layout
WindowsPresentationFoundation
XPSViewer
13. Designer-Developer Productivity
• Microsoft Tools for Designers &Microsoft Tools for Designers &
DevelopersDevelopers
• Declarative Programming throughDeclarative Programming through
XAMLXAML
• Third Party Tools (e.g. Aurora byThird Party Tools (e.g. Aurora by
Mobiform, ZAM 3D by Electric Rain)Mobiform, ZAM 3D by Electric Rain)Designers designDesigners design
With XAML designers &With XAML designers &
developers can streamlinedevelopers can streamline
their collaborationtheir collaboration
Developers add business logicDevelopers add business logic
14. Declarative Programming Through XAML
XAML = Extensible Application Markup LanguageXAML = Extensible Application Markup Language
•Easily toolable, declarative markup
•Code and content are separate
•Can be rendered in the browser / standalone application
<Button Width="100"> OK
<Button.Background>
LightBlue
</Button.Background>
</Button>
XAML
Button b1 = new Button();
b1.Content = "OK";
b1.Background = new
SolidColorBrush(Colors.LightBlue);
b1.Width = 100;
C#
Dim b1 As New Button
b1.Content = "OK"
b1.Background = New _
SolidColorBrush(Colors.LightBlue)
b1.Width = 100
VB.NET
15. Why XAML
It seems strangle to use XML as a declarative language
that Microsoft would base their future on. Why?
• Concise implementation (Similar to HTML)
• Human Readable (except Vector & Meshes)
• Interoperable between multiple tools such as Blend,
Orcas, XAMLPAD
17. XAML the starting point
• If you serialized a set of WPF objects XAML would be produced.
• Most Microsoft applications generate WPF in XAML format.
• Elements & attributes (WPF+Objects+XML=XAML)
• If you serialized a set of WPF objects XAML would be
produced
18. Logical Tree
• Visual Tree is Logical
Tree Expanded using
local themes
• Based up not just
XAML but current
windows configuration
Themes.
Can change based upon
user UI
19. Visual Tree
• Visual Tree is
Logical Tree
Expanded using
local themes
• Based up not just
XAML but current
windows
Themes.
Can change based
upon user UI
20. Dependency Properties
• Multiple properties for each control (up to a 100) impossible to set all
on every single control
• Much like CSS where properties set once for whole
Special Features
– Change notification
– Property value inheritance
– Support for multiple providers
21. Attached Properties
• Effectively attached to arbitrary objects to set
dependency properties
• Dependence Properties cannot be sen without being
attached
22. Routed Events
• Events do not just happen on the object but also travel the tree and
can be processed by other objects.
• Tunneling
• Bubbling
• Direct
23. WPF Document APIs
Packaging Services
XpsDocument curDoc = new
XpsDocument(Package.Open("foo.xps"));
curDoc.SignDigitally(cert …);
curDoc.Close();
oo
mm
VV
ii
ee
ww
ee
rr
tt
ee
//
UU
ss
ee
PP
aa
cc
kk
aa
gg
ee
SS
ee
riri
aa
lili
zz
ee
WW
PP
FF
CC
oo
nn
tt
ee
nn
tt
TT
oo
XX
PP
rr
ee
aa
tt
ee
//
UU
ss
ee
XX
PP
SS
DD
oo
cc
uu
mm
ee
nn
tt
ss
cc
uu
mm
ee
nn
tt
ss
ww
//
RR
ee
ss
trtr
ii
cc
tt
ee
dd
PP
ee
rr
mm
ii
ss
ss
24. 2D Graphics
• Drawing (Images ,Video, Geometry)
• Brushes can be many different things – images,
gradients, solid colors.
• Polygons
• Demo of 2D graphics using Blend
25. Data Binding
• UI can be bound to CLR objects and XML
• Dependency properties can also be bound to ADO.NET and objects
associated with Web Services and Web properties
• Sort, filter, and group views can be generated on top of the data
• Data templates can be applied to data
• Simple RSS demo
Layout & Databinding
<StackPanel>
<Label>Select A Customer</Label>
<ListBox
Name="myListBox"
Background="HoneyDew"
ItemsSource="{Binding
{StaticResource myDataSource}}"
</ListBox>
</StackPanel>
Binding Target Binding Source
Dependency ObjectDependency Object ObjectObject
Dependency
Property
PropertyTwoWay
OneWay
OneWayToSource
26. Transforms
• Dependent properties can be changed allowing
manipulation of objects on the screen.
• Parent object can hold many child objects that are all
manipulated at one time.
• Often used with animation
28. Multimedia
• Key feature of WPF and Silverlight allows integration of
video, audio and speech
• TAG are
– Soundplayer (limited to WAV files only)
– MediaPlayer (MP3 with full control)
– MediaElement Video
29. Documents
• <FlowDocumentReader> is a class that can read
documents
• XAML documents can be updated on the fly and built at
runtime.
• Excellent example is using XSLT to create nice
documents from simple markup tags.
• Demo of Rich Reading Experience
30. 3D Graphics
• Lights, Camera Action!
Graphics in 3D are totally different with different
controls/objects
• Viewport3D – a window into a 3D world
• Camera <Viewport3D.Camera>
• Objects <ModelVisual3D.Content>
• Materials <ModelVisual3D.Material> Brush
• Mesh <ModelVisual3D.Geometry>
31. Viewport3D – a window into a 3D world
• A 3D window
Camera
Lights ActionStar
32. Materials <ModelVisual3D.Material> Brush
• Just like 2D drawing 3D uses brushes which can be a
solid color or a picture
<GeometryModel3D x:Name="Roof">
<GeometryModel3D.Material>
<DiffuseMaterial Brush="Blue"/>
</GeometryModel3D.Material>
<GeometryModel3D.Geometry>
<MeshGeometry3D Positions="-0.25,0.25,0.25 0,0.5,0.25 0,0.5,-0.25
-0.25,0.25,-0.25 0,0.5,0.25 0.25,0.25,0.25
0.25,0.25,-0.25 0,0.5,-0.25"
TriangleIndices="0 1 2 0 2 3 4 5 6 4 6 7"/>
</GeometryModel3D.Geometry>
</GeometryModel3D>
<DiffuseMaterial>
<DiffuseMaterial.Brush>
<ImageBrush ImageSource="pack://siteoforigin:,,,/Sample
Models/Tiger.bmp" />
</DiffuseMaterial.Brush>
</DiffuseMaterial>
33. Mesh <ModelVisual3D.Geometry>
• Each object is made up of a
series of triangles or
multisided polygons. A Series
of 3D point represented as 3
numbers X,Y,Z.
• The order of the points
represents the face.
<GeometryModel3D x:Name="Roof">
<GeometryModel3D.Material>
<DiffuseMaterial Brush="Blue"/>
</GeometryModel3D.Material>
<GeometryModel3D.Geometry>
<MeshGeometry3D Positions="-0.25,0.25,0.25
0,0.5,0.25 0,0.5,-0.25 -0.25,0.25,-0.25 0,0.5,0.25
0.25,0.25,0.25
0.25,0.25,-0.25 0,0.5,-0.25"
TriangleIndices="0 1 2 0 2 3 4 5 6 4 6
7"/>
</GeometryModel3D.Geometry>
</GeometryModel3D>
34. Interoperability
Incrementally embrace WPF, whileIncrementally embrace WPF, while
leveraging existing investments.leveraging existing investments.
WPF - Windows Forms Interoperability
WPF - HWNDs
36. Next Steps
• First Buy
• Title: Windows Presentation Foundation Unleashed
• Author: Adam Nathan, Sams
• (Currently the best book on the subject)
• Download the Blend 2 May Preview
• Download the Net 3.0 SDK
• Download the extensions to Visual Studio 2005.
• Click on
37. Availability & Packaging
Microsoft Development SDK for Visual Studio 2005
• Development
Microsoft Development Componets
• Windows Expression Blend 2
Visual Studio “Orcas”
• Component of .NET FramICRODmework 3.0 for
Q2
2007
Q2 Q4 Q1
2007
Q3 Q2 Q3 Q4
38. WPF Summary
Deliver Innovative User ExperiencesDeliver Innovative User Experiences
Increase Developer-Designer ProductivityIncrease Developer-Designer Productivity
Achieve Flexible Application DeploymentAchieve Flexible Application Deployment
Leverage Existing Code Base & Skill SetLeverage Existing Code Base & Skill Set
39. WPF Resources
• WPF @ Windows Vista Developer Center
http://msdn.microsoft.com/windowsvista/building/presentation/
• WPF/.NET Framework 3.0 Community Site
• Microsoft Expression
www.microsoft.com/expression
Editor's Notes
.
In 2001, we introduced .NET Framework. In Nov 2005, we released .NET Framework 2.0. Yet, there was a need to offer our customers additional functionality, such as better user experience in software and workflow. With Windows Vista, we are introducing Microsoft ® .NET Framework 3.0 (formerly named WinFX). .NET Framework 3.0 builds upon .NET Framework 2.0, with additional capabilities, such as Windows Presentation Foundation (WPF), Windows Communication Foundation (WCF), Windows Workflow Foundation (WF), and “Infocard.”
Windows Presentation Foundation (WPF) is a productive, unified approach to UI, Media, and Documents that you can use to deliver unmatched user experiences to your customers.
Open Document Specifications Open Packaging Conventions and XML Paper Specification (XPS) for use by devices and any application on any platform. WPF Document APIs Application programming interfaces (APIs) to manage package and content. XPS Print Path Print pipeline with XPS spool format and printer-page description language to speed and improve print job fidelity. New driver model. Print Driver for “Save As” A print-to-file converter for creating XPS Documents from any Microsoft Windows-based application. XPS Viewer A WPF utility that allow users to view, protect and print XPS Documents. Hosted in IE.
Let’s look at the WPF support for 2D and 3D graphics, and imaging. Graphics - The following areas comprise the Windows Presentation Foundation graphic APIs. Brushes. Use the Brush classes to paint areas with solid colors, patterns, images, and drawings. Shapes. Use Shape classes to create and render 2-D geometric shapes. Imaging. Use the imaging classes to encode, manipulate, and displays bitmaps, and to apply special effects such as glow and blur to images and vectors. Geometries. Geometries, like shape objects, represent 2-D shapes. Geometries are more versatile than shape objects, in that they can be used to define curves, clipping regions, and hit-testing areas. Unlike shape objects, geometries do not participate in the layout system and cannot draw themselves to the screen. They can be rendered using other framework elements, controls, visuals, or brushes. Transformations. Use the Transform classes to rotate, translate, scale, and apply other 2-D effects to geometries, visuals, brushes, framework elements, and controls. Animations. Use the animation and timing APIs to make objects change color, move, spin, grow, shrink, and more. Visuals. Visual objects are the building blocks of the Windows Presentation Foundation rendering system. The visual layer is the Windows Presentation Foundation equivalent to GDI. All Windows Presentation Foundation objects use visuals to draw to the screen. 3-D Graphics - The System.Windows.Media.Media3D namespace defines 3-D graphics primitives, transformations, and animations that can be used to create 3-D controls and graphics. Imaging Platform Basics Not the mainstream WPF usage, but critical for a class of customers Industrial strength, used extensively in the Windows Vista Shell 3rd party extensible bitmap CODEC architecture Microsoft-supplied CODECs for JPEG, TIFF, PNG, GIF, BMP, ICO Streams and NT Sections Thumbnails in the Windows Vista shell “ Mainline” encode / decode, explicit imaging operations, etc. Access through managed and native code Imaging engine in Windows Vista, can be used by Win32
WPF is the next-generation Windows smart-client UI technology: Immersive Desktop applications – Includes rich ISV and LOB applications that can be deployed to Windows as a stand-alone client. Enterprise Intranet applications – A unique capability of WPF is that you can use the same code base to deploy a WPF app either as a stand-alone desktop client, or in the browser. This lets you maintain just one code base for enterprise applications that are needed in both deployment models - stand-alone and in the browser. This dramatically lowers TCO. Windows Media Center applications - Current Media Center spotlight apps are created mostly in DHTML. WPF offers a much more sophisticated visual toolbox to create a great user experience that scales to different form factors (from CRT monitors to laptop LCDs to big screen TVs), thanks to its DPI-independent resolution. End-users using Media Center Extender can also navigate using their remote controls Now that’s user experience! Premium Internet applications – As consumers, we may often be avid “super” users of certain internet applications, while at the same time being just casual users of most other internet applications. As avid users, we often expect an exclusive user experience that’s better than the norm. WPF (that is XAML Browser Applications or XBAPs), through its UI and media integration (audio, video, sound, animation, 2D, 3D, document services, styling, data binding, etc.), is a great platform to build these rich internet applications, where exclusivity is a requirement.
WPF supports the following audio/video formats. Windows Media Video (. wmv ) files are Advanced Systems Format (.asf) files that include audio, video, or both compressed with Windows Media Audio (WMA) and Windows Media Video ( WMV ) codecs. MPEG (pronounced M-peg), which stands for Moving Picture Experts Group , is the name of family of standards used for coding audio-visual information (e.g., movies, video, music) in a digital compressed format. The major advantage of MPEG compared to other video and audio coding formats is that MPEG files are much smaller for the same quality. This is because MPEG uses very sophisticated compression techniques. AVI , an acronym for Audio Video Interleave , is a multimedia container format introduced by Microsoft in November 1992 , as part of the Video for Windows technology. AVI files contain both audio and video data in a standard container that allows simultaneous playback.
WPF supports ClearType fonts, which results in better readibility and comprehension. Notice the difference between the upper text and the bottom text. WPF also supports alti-aliasing, which rounds off rough pixel edges. This again results is better content readibility and comprehension. Subtle but important text features like this add up to provide customers will a great online reading experience.
ARCHITECTURE: This diagram shows the basic architecture for WPF. Notice all the different media types (in yellow) that are handled by WPF: Vectors, Bitmaps, 3D, Audio and Video, Text and Effects! Second, notice how the animation capabilities of WPF spans across all the media types, allowing you to animate any kind of content. The WPF Composition Engine (in black) is one of the revolutionary features of WPF. This engine provides capability of having live content inside of another content. This means that you can have a 3D object rotating inside a Button control and furthermore you can have a video projected over the surface of the 3D object! This tree structure and nesting capability is available for all content and every control that WPF provides. WPF is not only about rich user interfaces but also about high fidelity information, connection and data. Controls, Layout and Databinding are just some of the examples of this power. The XPS format is a rich document definition that allows us to enjoy the best of WPF in a document. In summary, WPF represents an evolution in terms of richness, interactivity as well as information and data. DESIGN PRINCIPLES - The design principles behind Windows Presentation Foundation can be categorized as follows: Integration : Windows Presentation Foundation offers a unified API that spans the services identified in Table 1. Developers today are faced with a myriad choice of disparate technologies and APIs, depending on whether they are targeting 2D graphics (GDI or GDI+), user interface (USER32 or Windows Forms), media (DirectShow), or 3D (Direct3D or OpenGL). Windows Presentation Foundation provides a single model that is orthogonal across all these services and allows seamless integration of content within a single application. You can use the same constructs for animation, data binding and styling, regardless of whether you are targeting 2D, 3D or text content. Vector graphics. As described in the introduction, Windows Presentation Foundation takes full advantage of the powerful Graphical Processing Units that are part of modern PC systems. At its heart, the composition engine is vector-based, allowing for scaling of all output to match the resolution of a specific machine. The rendering architecture uses Direct3D for all output: on video cards that implement DirectX 7 or later in hardware, Windows Presentation Foundation renders output using the GPU wherever possible. In situations where hardware rendering cannot be used, software rendering is available as a fallback. Lastly, a floating-point logical pixel system and 32-bit ARGB color support provide a rich high-fidelity experience that anticipates future technology needs, such as high-DPI displays. Declarative programming. Windows Presentation Foundation introduces XAML (eXtensible Application Markup Language), an XML-based language for instantiating and populating nested object hierarchies. While XAML isn't exclusively tied to Windows Presentation Foundation, it is inherently suitable for tasks such as UI definition and construction. The design of XAML allows applications to parse and manipulate UI logic at run-time for dynamic workflow scenarios. Importantly, the XAML / code-behind model embodied in Windows Presentation Foundation allows designers and developers to work collaboratively on client application design and development, using tools such as Expression "Sparkle" as well as third-party specialist tools including ZAM 3D and Mobiform Aurora. Easy deployment . With support for both standalone applications and Web-browser applications, Windows Presentation Foundation offers the best of both deployment models. Web-browser applications run from within Internet Explorer, either occupying the entire window or within an inline frame. They offer the ease of deployment for which Web applications are famed, as well as operating within a partial trust sandbox that protects the client machine against malicious applications. Yet they can still take advantage of the local client hardware and use 3D and media services for the richest Web experience available today. On the other hand, standalone applications are locally installed via ClickOnce or MSI technologies and offer full access to the underlying platform. Document lifecycle. Windows Presentation Foundation introduces a new set of document and print technologies. Applications that need to persist data to a local store can use the Open Packaging Conventions , a ZIP-based packaging convention shared with Office 12 that supports core properties and custom metadata, digital signatures and rights management functionality. For applications that want to share documents for collaboration across multiple machines, even without the application installed, the XML Paper Specification allows visuals to be fixed in a printable, portable format.
If user experience matters, design matters. If design matters, designers matter. If designers matter, we need to make designers first class citizens of the traditional software development process. Let’s talk about how Microsoft is unlocking Developer and Designer collaboration and is empowering them to create successful UX software applications. 1) Traditionally designers would “mockup” the graphic design for a software application. Then by any means possible designers would deliver this “looks” to the developer… they would use JPG images, PNGs, PSDs or even Powerpoint presentations to express the designer intention. Then the developer would receive this “static images” and would try to convert that into reality. If the designer created some “non standard” controls, the developer was forced to code in GDI+ or other complex technologies to create the control raising the time and budget to such level that it was simply better to take the decision of making the UI more “standard”. The developer trying to recreate the idea of the designer would deliver something like what is shown on the right side of the screen. As you can see it represents only a tiny bit of the original vision. 2) In order to enable the collaboration between developers and designers, Microsoft has created XAML. XAML is the format which integrates the development process and is the way for both developers and designers to access the functionalities of WPF. As you can see we have no middle man anymore. XAML is generated by the designer, XAML is consumed by the developer. Further more, the workflow is now two-way meaning that the development process can also start from the developer side who creates XAML and then delivers this XAML to the designer which can take it and style it or completely redesign its appearance. 3) As a brief sample this are the tools that enable this kind of process: On the designer side we have Expression and on the Developer side we have Visual Studio.
Stands for Extensive Application Markup Language Easily toolable, declarative markup Build applications in simple declarative statements Can be used for any CLR object hierarchy Code and content are separate Streamline collaboration between designers and developers Developers add business logic, while designers design Can be rendered in the browser (as part of a web page) or as a standalone application XAML WPF introduces a new role to the rich client software development team – that of professional designer. Gone are the days of boring gray buttons and poorly designed applications: with the declarative programming model enabled by XAML, you can split off presentation and logic in the same way as with a web application. XAML is a markup language that is inherently toolable, allowing for designers and developers to use independent tools. XAML (which stands for "Extensible Application Markup Language") provides an XML-based way to specify declaratively a hierarchy of objects with properties and logic. We're positioning XAML as a user interface design language, because it is ideal for generating the kind of code that traditionally resided in a hidden #region area and was hard to maintain by both developers and tools. If you've ever wanted to edit the auto-generated blocks of code created by Visual Studio but been dissuaded by the warning comments writ large, or you've gone ahead regardless and been burnt badly when your tools refused to load your changes, you'll appreciate XAML. XAML is not Avalon, and Avalon is not XAML. It so happens that they come out of the same team at Microsoft, but they are not intrinsically wedded together. I've been asked before "where can I go to get the XSD for XAML?" and hopefully it's now clear that this question doesn't make much more sense than asking for the C# schema. XAML gets compiled into an object definition.
Controls: WPF provides a rich set of controls – Border , BulletDecorator , Button , Canvas , CheckBox , ComboBox , ContextMenu , Control , DockPanel , DocumentViewer, Expander , FlowDocumentPageViewer , FlowDocumentReader , FlowDocumentScrollViewer , Frame , Grid , GridSplitter , GridView , GroupBox , Image , Label , ListView , ListBox , Menu , Panel , PasswordBox , Popup , Tooltip, etc…. Animation, Triggers and Timelines – In the illustration above, "Start" refers to an ellipse, MouseDown describes an event, and "Resume" describes the action that will be taken on the timeline "OnLoaded" when that event occurs. These 3 pieces make up a trigger. All this can be accomplished using a timeline, such as one shown above in Microsoft Expression Interactive Designer. Styles and Resources – Styles c entrally define the appearance and interactive behaviors of the elements in your app. A resource is an object defined within an application based on Microsoft® Windows® Presentation Foundation (WPF) for the purpose of re-using the resource in different places. One of the most common uses of a resource is in re-using a color in different controls. You can change the color of the resource once and see the changes affect any controls that linked to it. Changing one asset with multiple relationships is easier than replacing many instances of data that has been copied and pasted several times. Resources can be applied to any kind of value, such as text, numbers, styles, templates, and complex objects. An external resource dictionary is a file that represents a set of resources. This file can be used in any project by linking to the resource dictionary from a scene or application. External resource dictionaries enable other applications to export re-usable assets which can then be imported into Microsoft Expression™ Interactive Designer. These external resource dictionary files allow designers and developers to re-use the same asset across multiple applications based on WPF. Layout panels let you position elements within a window Different layout panels Canvas – for specifiying exact (x,y) positioning DockPanel – for docking elements without worrying about exact (x,y) positioning StackPanel – for stacking elements from left to right or from top to bottom Grid – for row/grid positioning, while specifying column and row definitions WrapPanel - models the right hand pane of an Explorer window, allowing you to handle items that flow over to a new row when the current row is full
Serialize WPF content to XPS Application/activity easily creates XPS file from WPF elements Create/Use XPS Documents Workflow activity or desktop application edits or creates XPS Documents; includes support for Package services for XPS Documents Create/Use Package Activity or application opens package and reads/changes/adds parts and relationships , Digital Signatures and Metadata Use Custom Viewer Application includes viewer control that displays XPS pages and WPF content Create/Use Documents w/ Restricted Permissions Application interacts with Windows RMS to create or consume Open Packaging Convention documents with restricted permissions
Data binding is the process that establishes a connection between the application UI and business logic. A typical use of data binding is to place server or local configuration data into forms or other UI controls. In Windows Presentation Foundation, this concept is expanded to include the binding of a broad range of properties to a variety of data sources. In WPF, dependency properties of elements can be bound to CLR objects (including ADO.NET objects or objects associated with Web Services and Web properties) and XML data. Dependency properties are properties that are registered with the Windows Presentation Foundation (formerly code-named "Avalon") dependency property system. You can take advantage of the dependency property system in the following ways: By backing your common language runtime (CLR) property with a dependency property. This allows your property to have support for styling, databinding, animation, initial default values, value expressions, property invalidations, or inheritance. Examples of dependency properties include the Background property and the FontSize property. By creating attached properties. Attached properties are properties that can be set on any DependencyObject types. An example attached property is the Dock property. OneWay binding causes changes to the source to automatically update the target, but changes to the target are not propagated back to the source. This type of binding is appropriate if the control being bound is implicitly read-only. For instance, you may bind to a source such as a stock ticker or perhaps your target property has no control interface provided for making changes, such as a data-bound background color of a table. TwoWay binding causes changes to either the source or the target to automatically update the other. This type of binding is appropriate for forms or other fully interactive UI scenarios. Most properties default to OneWay binding, but some dependency properties (typically properties of user-editable controls such as the Text property of TextBox and the IsChecked property of CheckBox ) default to TwoWay binding. A programmatic way to determine whether a dependency property binds one-way or two-way by default is to get the property metadata of the property using GetMetadata and then check the boolean value of the BindsTwoWayByDefault property. OneWayToSource is the reverse of OneWay binding; it updates the source when the target changes.
You can incrementally embrace WPF, w/o throwing away your existing code base or skill set. WPF-Windows Forms Interoperability Host WPF controls in a Windows Forms application using WindowsFormsHost Host Windows Forms controls in a WPF application using ElementHost Augment the WPF features with Windows Forms features WPF-HWNDs Interoperability WPF & HWNDs enable WPF interoperability with Win32, MFC, Active Template Library, ActiveX & DirectX Use HWNDSource to host WPF inside HWNDs & to host HWNDs inside WPF
WPF is Microsoft’s strategic presentation technology for Windows smart client user experiences. Use WPF to deliver innovative user interfaces through support for UI, media, document services, hardware acceleration, vector graphics, resolution-independent DPI for different form factors, data visualization, and superior content readability. Increase developer-designer productivity and collaboration through Visual Studio, Microsoft Expression Interactive Designer, and XAML. Write code once, and deploy as stand-alone client or in a browser. Incrementally embrace WPF through interoperability with Win32 and Windows Forms. Leverage vested knowledge in .NET Framework, CLR languages and Visual Studio IDE. Derive business value through new paradigms of user experiences, business intelligence through data visualizations, brand awareness through differentiated customer experiences, and customer loyalty through higher customer satisfaction.