einführung in blend
TRANSCRIPT
![Page 1: Einführung in Blend](https://reader038.vdocuments.net/reader038/viewer/2022100604/55980f8e1a28ab2b1f8b45b8/html5/thumbnails/1.jpg)
Microsoft Student Partners© 2012 Microsoft Corporation. Alle Rechte vorbehalten.
![Page 2: Einführung in Blend](https://reader038.vdocuments.net/reader038/viewer/2022100604/55980f8e1a28ab2b1f8b45b8/html5/thumbnails/2.jpg)
Benutzeroberflächen in erfolgreichen Apps sind meist das Produkt einer Zusammenarbeit zwischen Designern und Programmierern.
![Page 3: Einführung in Blend](https://reader038.vdocuments.net/reader038/viewer/2022100604/55980f8e1a28ab2b1f8b45b8/html5/thumbnails/3.jpg)
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.
![Page 4: Einführung in Blend](https://reader038.vdocuments.net/reader038/viewer/2022100604/55980f8e1a28ab2b1f8b45b8/html5/thumbnails/4.jpg)
Windows 8 erlaubt es Designern, interaktive Benutzeroberflächen zu gestalten, die vom Programmierer dann nur noch mit Anwendungslogik hinterlegt werden müssen.
![Page 5: Einführung in Blend](https://reader038.vdocuments.net/reader038/viewer/2022100604/55980f8e1a28ab2b1f8b45b8/html5/thumbnails/5.jpg)
XAMLExtensible Application Markup Language
![Page 6: Einführung in Blend](https://reader038.vdocuments.net/reader038/viewer/2022100604/55980f8e1a28ab2b1f8b45b8/html5/thumbnails/6.jpg)
Jedes Element in einem XAML-Dokument entspricht einer Objektinstanz. Der Elementname steht dabei für den Klassennamen.
<Pagex: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>
XAML
![Page 7: Einführung in Blend](https://reader038.vdocuments.net/reader038/viewer/2022100604/55980f8e1a28ab2b1f8b45b8/html5/thumbnails/7.jpg)
Mit Hilfe von XAML lassen sich beliebig komplexe Benutzeroberflächen deklarativ definieren...
![Page 8: Einführung in Blend](https://reader038.vdocuments.net/reader038/viewer/2022100604/55980f8e1a28ab2b1f8b45b8/html5/thumbnails/8.jpg)
…vor allem aber ermöglicht XAML eine außerordentlich gute Tool-Unterstützung.
![Page 9: Einführung in Blend](https://reader038.vdocuments.net/reader038/viewer/2022100604/55980f8e1a28ab2b1f8b45b8/html5/thumbnails/9.jpg)
DEMO