xaml Tutorial
Empezando con xaml
Buscar..
Observaciones
E X tensible Una aplicación M arkup L idioma (XAML) es un lenguaje de marcado basado en XML desarrollado por Microsoft. Se utiliza en varias tecnologías de Microsoft como Windows Presentation Foundation (WPF), Silverlight, WinRT, Universal Windows Platform, etc. para definir la interfaz de usuario para las aplicaciones.
Versiones
| Versión | Fecha de lanzamiento |
|---|---|
| WPF XAML | 2006-11-21 |
| Silverlight 3 | 2009-07-09 |
| Silverlight 4 | 2010-04-15 |
| Windows 8 XAML | 2011-09-01 |
Instalación o configuración
La forma más fácil de escribir tu primer XAML es instalar Microsoft Visual Studio. Esto está disponible gratuitamente de Microsoft.
Una vez instalado, puede crear un nuevo proyecto, de tipo Aplicación WPF, ya sea con un código VB.NET o C #.
Esto es similar a los formularios de Windows en el sentido de que tiene una serie de ventanas, la principal diferencia es que estas ventanas están escritas en XAML y son mucho más sensibles a los diferentes dispositivos.
Todavía se necesita mejorar.
Hola Mundo
Aquí hay un ejemplo simple de una página XAML en WPF. Consiste en una Grid , un TextBlock y un Button , los elementos más comunes en 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>
| Sintaxis | Descripción |
|---|---|
<Window> | El contenedor raíz que aloja el contenido que visualiza los datos y permite a los usuarios interactuar con él. Una ventana de WPF es una combinación de un archivo XAML (.xaml), donde el elemento es la raíz, y un archivo CodeBehind (.cs). |
<Grid> | Un panel de diseño que organiza sus elementos secundarios en una estructura tabular de filas y columnas. |
<TextBlock> | Proporciona un control ligero para mostrar texto de cadena en su propiedad de texto o elementos de contenido de flujo en línea, como Negrita, Hipervínculo e InlineUIContainer, en su propiedad Inlines. |
<Button> | Representa un botón de control que reacciona con el usuario haciendo clic en él. |
| Propiedad | Descripción |
|---|---|
Title | Obtiene o establece el título de una ventana. |
Height | Obtiene o establece la altura de un elemento. |
Width | Obtiene o establece el ancho de un elemento. |
Text | Obtiene o establece el contenido de texto de un elemento de texto. |
FontSize | Obtiene o establece el tamaño de fuente de nivel superior para el texto. |
Background | Obtiene o establece el color del pincel que pinta el fondo de un elemento. |
Foreground | Obtiene o establece el color del pincel que pinta la fuente de un texto en un elemento. |
Margin | Obtiene o establece el valor que describe el espacio exterior entre un elemento y los otros. |
HorizontalAlignment | Obtiene o establece las características de alineación horizontal aplicadas al elemento cuando se compone dentro de un elemento principal, como un panel o control de elementos. |
VerticalAlignment | Obtiene o establece las características de alineación vertical aplicadas al elemento cuando se compone dentro de un elemento principal, como un panel o control de elementos. |