SlideShare uma empresa Scribd logo
1 de 9
© 2012 Microsoft Corporation. Alle Rechte vorbehalten.   Microsoft Student Partners
Benutzeroberflächen in
erfolgreichen Apps sind meist
das Produkt einer
Zusammenarbeit zwischen
Designern und Programmierern.
In der Vergangenheit lieferten Designer ihre User-Interface-
Entwürfe meist als Bilddatei beim Programmierer ab.
Iterationen zwischen Designer und Programmierer waren
deshalb mühsam und zeitaufwändig.
Windows 8 erlaubt es Designern,
interaktive Benutzeroberflächen zu
gestalten, die vom Programmierer
dann nur noch mit Anwendungslogik
hinterlegt werden müssen.
XAML
Extensible Application Markup Language
Jedes Element in einem XAML-Dokument entspricht einer
Objektinstanz. Der Elementname steht dabei für den
Klassennamen.
XAML

<Page
    x:Class="ButtonApp.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:ButtonApp"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    <Button Content="Hello World" HorizontalAlignment="Left" Margin="172,190,0,0“
        VerticalAlignment="Top"/>
    </Grid>
</Page>
Mit Hilfe von XAML lassen sich
beliebig komplexe
Benutzeroberflächen deklarativ
definieren...
…vor allem aber ermöglicht
XAML eine außerordentlich gute
Tool-Unterstützung.
DEMO

Mais conteúdo relacionado

Destaque

my-ebike.ch - Insertion
my-ebike.ch - Insertionmy-ebike.ch - Insertion
my-ebike.ch - InsertionKevinBieri85
 
Wie wird man PHP Entwickler?
Wie wird man PHP Entwickler?Wie wird man PHP Entwickler?
Wie wird man PHP Entwickler?Gerhard Donner
 
Agile Virtualisierung
Agile VirtualisierungAgile Virtualisierung
Agile VirtualisierungJan Hentschel
 
Auditor de Campo centroamerica
Auditor de Campo centroamericaAuditor de Campo centroamerica
Auditor de Campo centroamericaReinaldo Díaz
 
Online Marketing und Social Media Marketing für Karnevalisten
Online Marketing und Social Media Marketing für KarnevalistenOnline Marketing und Social Media Marketing für Karnevalisten
Online Marketing und Social Media Marketing für KarnevalistenProf. Dr. Michael Bernecker
 
Sicherheit in einem Sensornetz zur Grenzüberwachung
Sicherheit in einem Sensornetz zur GrenzüberwachungSicherheit in einem Sensornetz zur Grenzüberwachung
Sicherheit in einem Sensornetz zur GrenzüberwachungPeter Rothenpieler
 
INVESTIGACIÓN EN EDUCACIÓN SUPERIOR
INVESTIGACIÓN EN EDUCACIÓN SUPERIORINVESTIGACIÓN EN EDUCACIÓN SUPERIOR
INVESTIGACIÓN EN EDUCACIÓN SUPERIORAlix Pacheco
 
Nora Reich – Die Metropolregion Hamburg im Vergleich
Nora Reich – Die Metropolregion Hamburg im VergleichNora Reich – Die Metropolregion Hamburg im Vergleich
Nora Reich – Die Metropolregion Hamburg im Vergleichwirtschaftsblog
 
Redes neuronales
Redes neuronalesRedes neuronales
Redes neuronalesLiz3113
 
Tecnologiaii
TecnologiaiiTecnologiaii
Tecnologiaiirinaharo
 

Destaque (14)

my-ebike.ch - Insertion
my-ebike.ch - Insertionmy-ebike.ch - Insertion
my-ebike.ch - Insertion
 
Wie wird man PHP Entwickler?
Wie wird man PHP Entwickler?Wie wird man PHP Entwickler?
Wie wird man PHP Entwickler?
 
Agile Virtualisierung
Agile VirtualisierungAgile Virtualisierung
Agile Virtualisierung
 
Binder3
Binder3Binder3
Binder3
 
Auditor de Campo centroamerica
Auditor de Campo centroamericaAuditor de Campo centroamerica
Auditor de Campo centroamerica
 
TPM Ausbildungskonzept 2013
TPM Ausbildungskonzept 2013TPM Ausbildungskonzept 2013
TPM Ausbildungskonzept 2013
 
Online Marketing und Social Media Marketing für Karnevalisten
Online Marketing und Social Media Marketing für KarnevalistenOnline Marketing und Social Media Marketing für Karnevalisten
Online Marketing und Social Media Marketing für Karnevalisten
 
Sicherheit in einem Sensornetz zur Grenzüberwachung
Sicherheit in einem Sensornetz zur GrenzüberwachungSicherheit in einem Sensornetz zur Grenzüberwachung
Sicherheit in einem Sensornetz zur Grenzüberwachung
 
INVESTIGACIÓN EN EDUCACIÓN SUPERIOR
INVESTIGACIÓN EN EDUCACIÓN SUPERIORINVESTIGACIÓN EN EDUCACIÓN SUPERIOR
INVESTIGACIÓN EN EDUCACIÓN SUPERIOR
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Nora Reich – Die Metropolregion Hamburg im Vergleich
Nora Reich – Die Metropolregion Hamburg im VergleichNora Reich – Die Metropolregion Hamburg im Vergleich
Nora Reich – Die Metropolregion Hamburg im Vergleich
 
La musica
La musicaLa musica
La musica
 
Redes neuronales
Redes neuronalesRedes neuronales
Redes neuronales
 
Tecnologiaii
TecnologiaiiTecnologiaii
Tecnologiaii
 

Semelhante a Einführung in Blend

Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010SharepointUGDD
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden BlendMartin Hey
 
Rapid Application Development mit Openobject
Rapid Application Development mit OpenobjectRapid Application Development mit Openobject
Rapid Application Development mit Openobjectopenbig
 
B1 Acocon Lotus Day 08.09.2009
B1 Acocon Lotus Day 08.09.2009B1 Acocon Lotus Day 08.09.2009
B1 Acocon Lotus Day 08.09.2009Andreas Schulte
 
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...Gregor Biswanger
 
xPages Erfahrungen Wünsch AG
xPages Erfahrungen Wünsch AGxPages Erfahrungen Wünsch AG
xPages Erfahrungen Wünsch AGWünsch AG
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX GmbH
 
Authoring Management
Authoring ManagementAuthoring Management
Authoring Managementvzimmermann
 
Mobile App Entwicklung
Mobile App EntwicklungMobile App Entwicklung
Mobile App Entwicklungmediaman
 
2009 - DNC: Silverlight ohne UI - Nur als Cache
2009 - DNC: Silverlight ohne UI - Nur als Cache2009 - DNC: Silverlight ohne UI - Nur als Cache
2009 - DNC: Silverlight ohne UI - Nur als CacheDaniel Fisher
 
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...Klaus Rüggenmann
 
Die besten 10 JavaScript Frameworks für moderne Web-Apps
Die besten 10 JavaScript Frameworks für moderne Web-AppsDie besten 10 JavaScript Frameworks für moderne Web-Apps
Die besten 10 JavaScript Frameworks für moderne Web-AppsDieter Ziegler
 
Top 10 Internet Trends 2001
Top 10 Internet Trends 2001Top 10 Internet Trends 2001
Top 10 Internet Trends 2001Jürg Stuker
 
Android Entwicklung
Android EntwicklungAndroid Entwicklung
Android Entwicklungfranky1888
 
Grundlagen des UI Designs
Grundlagen des UI DesignsGrundlagen des UI Designs
Grundlagen des UI DesignsJan Hentschel
 
d.velop ecspand entscheidet sich für SemTalk zur SharePoint-Modellierung
d.velop ecspand entscheidet sich für SemTalk zur SharePoint-Modellierungd.velop ecspand entscheidet sich für SemTalk zur SharePoint-Modellierung
d.velop ecspand entscheidet sich für SemTalk zur SharePoint-Modellierungbhoeck
 
Webdesign Fachbegriffe
Webdesign FachbegriffeWebdesign Fachbegriffe
Webdesign Fachbegriffesascha assbach
 
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda Wien
 

Semelhante a Einführung in Blend (20)

GUIs mit Expression Blend
GUIs mit Expression BlendGUIs mit Expression Blend
GUIs mit Expression Blend
 
Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden Blend
 
Rapid Application Development mit Openobject
Rapid Application Development mit OpenobjectRapid Application Development mit Openobject
Rapid Application Development mit Openobject
 
B1 Acocon Lotus Day 08.09.2009
B1 Acocon Lotus Day 08.09.2009B1 Acocon Lotus Day 08.09.2009
B1 Acocon Lotus Day 08.09.2009
 
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...
 
xPages Erfahrungen Wünsch AG
xPages Erfahrungen Wünsch AGxPages Erfahrungen Wünsch AG
xPages Erfahrungen Wünsch AG
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
 
Authoring Management
Authoring ManagementAuthoring Management
Authoring Management
 
Mobile App Entwicklung
Mobile App EntwicklungMobile App Entwicklung
Mobile App Entwicklung
 
2009 - DNC: Silverlight ohne UI - Nur als Cache
2009 - DNC: Silverlight ohne UI - Nur als Cache2009 - DNC: Silverlight ohne UI - Nur als Cache
2009 - DNC: Silverlight ohne UI - Nur als Cache
 
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
Umsetzungsstrategien für Cross-Plattform Projekte - IA Konferenz 2013 Klaus R...
 
Die besten 10 JavaScript Frameworks für moderne Web-Apps
Die besten 10 JavaScript Frameworks für moderne Web-AppsDie besten 10 JavaScript Frameworks für moderne Web-Apps
Die besten 10 JavaScript Frameworks für moderne Web-Apps
 
Top 10 Internet Trends 2001
Top 10 Internet Trends 2001Top 10 Internet Trends 2001
Top 10 Internet Trends 2001
 
Android Entwicklung
Android EntwicklungAndroid Entwicklung
Android Entwicklung
 
Entwicklung von ILIAS touch und Erfahrungen
Entwicklung von ILIAS touchund ErfahrungenEntwicklung von ILIAS touchund Erfahrungen
Entwicklung von ILIAS touch und Erfahrungen
 
Grundlagen des UI Designs
Grundlagen des UI DesignsGrundlagen des UI Designs
Grundlagen des UI Designs
 
d.velop ecspand entscheidet sich für SemTalk zur SharePoint-Modellierung
d.velop ecspand entscheidet sich für SemTalk zur SharePoint-Modellierungd.velop ecspand entscheidet sich für SemTalk zur SharePoint-Modellierung
d.velop ecspand entscheidet sich für SemTalk zur SharePoint-Modellierung
 
Webdesign Fachbegriffe
Webdesign FachbegriffeWebdesign Fachbegriffe
Webdesign Fachbegriffe
 
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor Benutzeroberfläche
 

Mais de Jan Hentschel

Cool NoSQL on Azure with DocumentDB
Cool NoSQL on Azure with DocumentDBCool NoSQL on Azure with DocumentDB
Cool NoSQL on Azure with DocumentDBJan Hentschel
 
Mehrere Apps, ein Backend: Windows Azure Mobile Services in der Praxis
Mehrere Apps, ein Backend: Windows Azure Mobile Services in der PraxisMehrere Apps, ein Backend: Windows Azure Mobile Services in der Praxis
Mehrere Apps, ein Backend: Windows Azure Mobile Services in der PraxisJan Hentschel
 
Datenbindung mit XAML in Windows 8
Datenbindung mit XAML in Windows 8Datenbindung mit XAML in Windows 8
Datenbindung mit XAML in Windows 8Jan Hentschel
 
Windows 8 für Entwickler
Windows 8 für EntwicklerWindows 8 für Entwickler
Windows 8 für EntwicklerJan Hentschel
 
Was macht eine gute App aus
Was macht eine gute App ausWas macht eine gute App aus
Was macht eine gute App ausJan Hentschel
 
Was ist neu an Windows 8
Was ist neu an Windows 8Was ist neu an Windows 8
Was ist neu an Windows 8Jan Hentschel
 
Windows Azure SQL Databases
Windows Azure SQL DatabasesWindows Azure SQL Databases
Windows Azure SQL DatabasesJan Hentschel
 
Windows Azure Mobile Services
Windows Azure Mobile ServicesWindows Azure Mobile Services
Windows Azure Mobile ServicesJan Hentschel
 
SQL Server auf Infrastructure-as-a-Services (IaaS) in der Cloud betreiben
SQL Server auf Infrastructure-as-a-Services (IaaS) in der Cloud betreibenSQL Server auf Infrastructure-as-a-Services (IaaS) in der Cloud betreiben
SQL Server auf Infrastructure-as-a-Services (IaaS) in der Cloud betreibenJan Hentschel
 
MongoDB on Linux VM in Windows Azure
MongoDB on Linux VM in Windows AzureMongoDB on Linux VM in Windows Azure
MongoDB on Linux VM in Windows AzureJan Hentschel
 

Mais de Jan Hentschel (12)

Cool NoSQL on Azure with DocumentDB
Cool NoSQL on Azure with DocumentDBCool NoSQL on Azure with DocumentDB
Cool NoSQL on Azure with DocumentDB
 
Api services
Api servicesApi services
Api services
 
Mehrere Apps, ein Backend: Windows Azure Mobile Services in der Praxis
Mehrere Apps, ein Backend: Windows Azure Mobile Services in der PraxisMehrere Apps, ein Backend: Windows Azure Mobile Services in der Praxis
Mehrere Apps, ein Backend: Windows Azure Mobile Services in der Praxis
 
Windows 8 Features
Windows 8 FeaturesWindows 8 Features
Windows 8 Features
 
Datenbindung mit XAML in Windows 8
Datenbindung mit XAML in Windows 8Datenbindung mit XAML in Windows 8
Datenbindung mit XAML in Windows 8
 
Windows 8 für Entwickler
Windows 8 für EntwicklerWindows 8 für Entwickler
Windows 8 für Entwickler
 
Was macht eine gute App aus
Was macht eine gute App ausWas macht eine gute App aus
Was macht eine gute App aus
 
Was ist neu an Windows 8
Was ist neu an Windows 8Was ist neu an Windows 8
Was ist neu an Windows 8
 
Windows Azure SQL Databases
Windows Azure SQL DatabasesWindows Azure SQL Databases
Windows Azure SQL Databases
 
Windows Azure Mobile Services
Windows Azure Mobile ServicesWindows Azure Mobile Services
Windows Azure Mobile Services
 
SQL Server auf Infrastructure-as-a-Services (IaaS) in der Cloud betreiben
SQL Server auf Infrastructure-as-a-Services (IaaS) in der Cloud betreibenSQL Server auf Infrastructure-as-a-Services (IaaS) in der Cloud betreiben
SQL Server auf Infrastructure-as-a-Services (IaaS) in der Cloud betreiben
 
MongoDB on Linux VM in Windows Azure
MongoDB on Linux VM in Windows AzureMongoDB on Linux VM in Windows Azure
MongoDB on Linux VM in Windows Azure
 

Einführung in Blend

  • 1. © 2012 Microsoft Corporation. Alle Rechte vorbehalten. Microsoft Student Partners
  • 2. Benutzeroberflächen in erfolgreichen Apps sind meist das Produkt einer Zusammenarbeit zwischen Designern und Programmierern.
  • 3. In der Vergangenheit lieferten Designer ihre User-Interface- Entwürfe meist als Bilddatei beim Programmierer ab. Iterationen zwischen Designer und Programmierer waren deshalb mühsam und zeitaufwändig.
  • 4. Windows 8 erlaubt es Designern, interaktive Benutzeroberflächen zu gestalten, die vom Programmierer dann nur noch mit Anwendungslogik hinterlegt werden müssen.
  • 6. Jedes Element in einem XAML-Dokument entspricht einer Objektinstanz. Der Elementname steht dabei für den Klassennamen. XAML <Page x:Class="ButtonApp.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:ButtonApp" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"> <Button Content="Hello World" HorizontalAlignment="Left" Margin="172,190,0,0“ VerticalAlignment="Top"/> </Grid> </Page>
  • 7. Mit Hilfe von XAML lassen sich beliebig komplexe Benutzeroberflächen deklarativ definieren...
  • 8. …vor allem aber ermöglicht XAML eine außerordentlich gute Tool-Unterstützung.

Notas do Editor

  1. Zeigt an dieser Stelle die Grundfunktionen von Blend und baut gemeinsam mit den Teilnehmern eine UI (siehe z.B. Tag 2/02 Datenbindung/Demo 3). Wichtige Bestandteile der Demo:Grid &amp; StackPanelMargins, AlignmentsÜberschriften über StylesListViews und/oder GridViews