Tecnología

Inicio

Cómo enlazar a un tipo de objeto con WPF

Windows Presentation Foundation (WPF) es una parte de .NET Framework, y es capaz de hacer interfaces gráficas de usuario visualmente ricos y detallados (GUI). Una característica particularmente útil de WPF es la capacidad de enlazar los datos de un objeto con otro objeto. Por ejemplo, un "ListBox" que cuenta con muchos artículos puede unirse a su elemento seleccionado separada con un "cuadro de texto." Esto significa que cuando se selecciona un elemento de la "ListBox", como aparece en el "Cuadro de texto".

Instrucciones

1 Abra Visual Studio 2010, haga clic en el icono del programa. Cuando se carga, seleccione "Archivo / Nuevo / Proyecto" y haga clic en "Visual C # / WPF". Se crea un nuevo proyecto WPF, y una forma de WPF en blanco aparece en la ventana principal del editor.

2 Busque el panel de la etiqueta "caja de herramientas", que está en el lado derecho de la pantalla. Las listas de "caja de herramientas" todos los elementos de interfaz gráfica de usuario que puede agregar a su formulario. Localiza tanto "ListBox" y "Cuadro de texto" y haga clic y arrastra a la forma. Esto los coloca en el formulario.

3 Busque el panel de la etiqueta "XAML". Esto muestra el código fuente de su formulario. El código para el "ListBox" y "Cuadro de texto" debe ser alrededor de la mitad de la página y debe ser algo como esto:

<ListBox height = "100" Name = "listBox1" width = "120" SelectionChanged = "listBox1_SelectionChanged">

</ ListBox>

<TextBox height = "23" Name = "textBox1" width = "120">

</ Cuadro de texto>

4 Añadir algunos elementos a la "ListBox". Pueden ser lo que quisiera; por ejemplo, pueden ser tipos de fruta. Para añadir un elemento a la "ListBox", escriben declaraciones como la de abajo. Estas declaraciones van entre las etiquetas <ListBox ...> y </ ListBox>. Añadir tantos elementos como desee.

<ListBoxItem contenido = "banana" />

5 Enlazar los datos seleccionados en el "Cuadro de texto" cambiando una parte del código en la entrada XAML "Cuadro de texto". Agregue la siguiente instrucción a la "<TextBox ...>" etiqueta, agregándolo como si se tratara de otro miembro de la lista de elementos ya presentes:

Text = "{Binding ElementName = listBox1,

Path=SelectedItem.Content}"

6 Ejecutar el programa pulsando el botón "Play" en la fila superior de botones. Aparece un formulario de WPF. Se muestra una lista de elementos de una "ListBox". Haga clic en uno de los artículos. La palabra aparece en un cuadro de texto.