xaml Samouczek
Rozpoczęcie pracy z xaml
Szukaj…
Uwagi
E X tensible S TOSOWANIE M arkup anguage L (XAML) to język znaczników oparty na XML opracowany przez firmę Microsoft. Jest używany w kilku technologiach Microsoft, takich jak Windows Presentation Foundation (WPF), Silverlight, WinRT, Universal Windows Platform itp. W celu zdefiniowania interfejsu użytkownika dla aplikacji.
Wersje
| Wersja | Data wydania |
|---|---|
| WPF XAML | 21.11.2006 |
| Silverlight 3 | 2009-07-09 |
| Silverlight 4 | 15.04.2010 |
| Windows 8 XAML | 01.09.2011 |
Instalacja lub konfiguracja
Najłatwiejszym sposobem na napisanie pierwszego XAML jest instalacja Microsoft Visual Studio. Jest to dostępne bezpłatnie od Microsoft.
Po zainstalowaniu możesz utworzyć nowy projekt typu WPF Application, z kodem VB.NET lub C #.
Jest to podobne do formularzy Windows w tym sensie, że masz serię okien, z tą główną różnicą, że te okna są napisane w XAML i są znacznie bardziej wrażliwe na różne urządzenia.
Nadal wymaga poprawy.
Witaj świecie
Oto prosty przykład strony XAML w WPF. Składa się z Grid , TextBlock i Button - najczęstszych elementów w XAML.
<Window x:Class="FirstWpfApplication.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Title="MainWindow"
Height="350"
Width="525">
<Grid>
<TextBlock Text="Welcome to XAML!"
FontSize="30"
Foreground="Black"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
<Button Content="Hello World!"
Background="LightGray"
Foreground="Black"
FontSize="25"
Margin="0,100,0,0"
VerticalAlignment="Center"
HorizontalAlignment="Center"/>
</Grid>
</Window>
| Składnia | Opis |
|---|---|
<Window> | Kontener główny, w którym znajdują się treści, które wizualizują dane i umożliwiają użytkownikom interakcję z nimi. Okno WPF jest kombinacją pliku XAML (.xaml), w którym elementem jest katalog główny, oraz pliku CodeBehind (.cs). |
<Grid> | Panel układu, który układa elementy potomne w tabelaryczną strukturę wierszy i kolumn. |
<TextBlock> | Zapewnia lekką kontrolę wyświetlania tekstu ciągów we właściwości Text lub elementach treści Inline Flow, takich jak Pogrubienie, hiperłącze i InlineUIContainer, we właściwości Inlines. |
<Button> | Reprezentuje formant przycisku, który reaguje na kliknięcie go przez użytkownika. |
| własność | Opis |
|---|---|
Title | Pobiera lub ustawia tytuł okna. |
Height | Pobiera lub ustawia wysokość elementu. |
Width | Pobiera lub ustawia szerokość elementu. |
Text | Pobiera lub ustawia zawartość tekstową elementu tekstowego. |
FontSize | Pobiera lub ustawia rozmiar czcionki najwyższego poziomu dla tekstu. |
Background | Pobiera lub ustawia kolor pędzla, który maluje tło elementu. |
Foreground | Pobiera lub ustawia kolor pędzla, który maluje czcionkę tekstu w elemencie. |
Margin | Pobiera lub ustawia wartość opisującą przestrzeń zewnętrzną między elementem a innymi. |
HorizontalAlignment | Pobiera lub ustawia właściwości wyrównania w poziomie zastosowane do elementu, gdy jest on złożony w elemencie nadrzędnym, takim jak panel lub elementy sterujące. |
VerticalAlignment | Pobiera lub ustawia właściwości wyrównania w pionie zastosowane do elementu, gdy jest on złożony w elemencie nadrzędnym, takim jak panel lub elementy sterujące. |