Visual 2010
- 1. Tutorial: Crear una aplicación accesible basada en Windows<br />Visual Studio 2010<br />Otras versiones<br />Crear una aplicación accesible tiene importantes implicaciones para los negocios. Muchos gobiernos tienen normas de accesibilidad para la adquisición de software. El logotipo de certificación para Windows incluye requisitos de accesibilidad. Se calcula que solo en Estados Unidos ya hay 30 millones de residentes, muchos de ellos clientes potenciales, que se ven afectados por la accesibilidad del software.<br />Este tutorial trata acerca de los cinco requisitos de accesibilidad del logotipo de certificación para Windows. Según estos requisitos, una aplicación accesible:<br />Admite las configuraciones de tamaño, color, fuente y entrada del Panel de control. La barra de menú, la barra de título, los bordes y la barra de estado cambian todos automáticamente de tamaño cuando el usuario cambia la configuración del Panel de control. En esta aplicación no es necesario hacer más cambios en los controles ni en el código.<br />Admite el modo de Contraste alto.<br />Proporcionar acceso mediante teclado documentado a todas las características.<br />Expone la ubicación del foco del teclado de forma visual y mediante programación.<br />Evita ofrecer información importante únicamente por medio de sonido.<br />Para obtener más información, vea Recursos para diseñar aplicaciones accesibles, la página web del programa MSDN Online Certified for Windows (http://msdn.microsoft.com/certification/default.asp) y la página web de Designed for Windows XP Application Specification (http://go.microsoft.com/fwlink/?linkid=9775).<br />Para obtener información sobre cómo admitir diversas distribuciones de teclado, vea Prácticas recomendadas para desarrollar aplicaciones de uso internacional.<br />Crear el proyecto<br />Este tutorial crea la interfaz de usuario para una aplicación que admite pedidos de pizzas. Se compone de unTextBox para el nombre del cliente, un grupo de HYPERLINK \" http://msdn.microsoft.com/es-es/library/system.windows.forms.radiobutton.aspx\" RadioButton para seleccionar el tamaño de la pizza, unCheckedListBox para seleccionar los ingredientes, dos controles Button con las etiquetas Order (Pedir) y Cancel (Cancelar), y un control Menu con el comando Exit (Salir).<br />El usuario escribe el nombre del cliente, el tamaño de la pizza y los ingredientes que desea. Cuando el usuario hace clic en el botón Order, un cuadro de mensaje muestra un resumen del pedido y su precio; los controles se borran y se preparan para el siguiente pedido. Cuando el usuario hace clic en el botón Cancel, los controles se borran y se preparan para el siguiente pedido. Cuando el usuario hace clic en el elemento de menú Exit, el programa se cierra.<br />El énfasis de este tutorial no se encuentra en el código del sistema de pedidos al detalle, sino en la accesibilidad de la interfaz de usuario. El tutorial muestra las características de accesibilidad de varios controles de uso frecuente, entre ellos botones, botones de radio, cuadros de texto y etiquetas.<br />Para comenzar a crear la aplicación<br />Cree una nueva aplicación Windows en Visual Basic o Visual C#. Asigne al proyecto el nombre PedidoPizza.(Para obtener información detallada, vea Crear nuevas soluciones y proyectos.)<br />Agregar los controles al formulario<br />Cuando agregue los controles a un formulario, tenga en cuenta las siguientes directrices para crear una aplicación accesible:<br />Establezca las propiedades HYPERLINK \" http://msdn.microsoft.com/es-es/library/system.windows.forms.control.accessibledescription.aspx\" AccessibleDescription y HYPERLINK \" http://msdn.microsoft.com/es-es/library/system.windows.forms.control.accessiblename.aspx\" AccessibleName. En este ejemplo, es suficiente la configuración Default para HYPERLINK \" http://msdn.microsoft.com/es-es/library/system.windows.forms.control.accessiblerole.aspx\" AccessibleRole. Para obtener más información acerca de las propiedades de accesibilidad, vea Proporcionar información sobre la accesibilidad de los controles en un formulario Windows Forms.<br />Establezca el tamaño de fuente en 10 puntos o un tamaño mayor.<br /> NotaSi al principio establece el tamaño de fuente del formulario en 10, todos los controles que agregue después al formulario tendrán un tamaño de fuente de 10.<br />Compruebe que los controles Label que describen controles TextBox precedan inmediatamente al control TextBox correspondiente en el orden de tabulación.<br />Agregue una tecla de acceso, mediante el carácter \" &\" , a la propiedad Text de los controles a los que el usuario pueda desear navegar.<br />Agregue una tecla de acceso, mediante el carácter \" &\" , a la propiedad Text de las etiquetas que precedan a un control al que el usuario pueda desear navegar. Establezca la propiedad HYPERLINK \" http://msdn.microsoft.com/es-es/library/system.windows.forms.label.usemnemonic.aspx\" UseMnemonic de las etiquetas como true, de modo que el foco se establezca en el siguiente control del orden de tabulación cuando el usuario presione la tecla de acceso.<br />Agregue teclas de acceso a todos los elementos de menú.<br />Para hacer accesible la aplicación para Windows<br />Agregue los controles al formulario y establezca las propiedades tal como se describe a continuación. Vea la imagen que aparece al final de la tabla para ver un modelo de la disposición de los controles en el formulario.<br />ObjetoPropiedadValorForm1AccessibleDescriptionOrder form AccessibleNameOrder form FontSize10 TextPizza Order FormPictureBoxNamelogo AccessibleDescriptionA slice of pizza AccessibleNameCompany logo ImagenCualquier icono o mapa de bitsEtiquetaNamecompanyLabel TextGood Pizza TabIndex1 AccessibleDescriptionCompany name AccessibleNameCompany name BackcolorAzul ForecolorAmarillo Tamaño de fuente18EtiquetaNamecustomerLabel Text&Name TabIndex2 AccessibleDescriptionCustomer name label AccessibleNameCustomer name label UseMnemonicTrueTextBoxNamecustomerName Text(ninguno) TabIndex3 AccessibleDescriptionCustomer name AccessibleNameCustomer nameGroupBoxNamesizeOptions AccessibleDescriptionPizza size options AccessibleNamePizza size options TextPizza size TabIndex4RadioButtonNamesmallPizza Text&Small $6.00 CheckedTrue TabIndex0 AccessibleDescriptionSmall pizza AccessibleNameSmall pizzaRadioButtonNamelargePizza Text&Large $10.00 TabIndex1 AccessibleDescriptionLarge pizza AccessibleNameLarge pizzaEtiquetaNametoppingsLabel Text&Toppings ($0.75 each) TabIndex5 AccessibleDescriptionToppings label AccessibleNameToppings label UseMnemonicTrueCheckedListBoxNametoppings TabIndex6 AccessibleDescriptionAvailable toppings AccessibleNameAvailable toppings ItemsPepperoni, Sausage, MushroomsButtonNameorder Text&Order TabIndex7 AccessibleDescriptionTotal the order AccessibleNameTotal orderButtonNamecancel Text&Cancel TabIndex8 AccessibleDescriptionCancel the order AccessibleNameCancel orderMainMenuNametheMainMenuMenuItemNamefileCommands Text&FileMenuItemNameexitApp TextE&xit<br />Visual Basic 2010 es la última versión de Visual Basic lanzado por Microsoft en 2010 . VB2010 es casi similar a Visual Basic 2008, pero ha añadido muchas características nuevas. Al igual que Visual Basic 2008, Visual Basic 2010 es también una orientada a objetos de pleno derecho de programación (OOP) Lengua, por lo que ha puesto al día con otros lenguajes de POO como C + +, Java, C # y otros.Sin embargo, usted no necesita tener conocimientos de programación orientada a objetos para aprender VB2010.De hecho, si usted está familiarizado con Visual Basic 6, se puede aprender sin esfuerzo, porque VB2010 la sintaxis y la interfaz son similares. Visual Basic 2010 Express Edition está disponible para su descarga desde el sitio de Microsoft. Haga clic en este enlace HYPERLINK \" http://www.microsoft.com/express/downloads/\" http://www.microsoft.com/express/downloads/ para descargar Vb2010.El entorno de desarrollo integrado al iniciar VB2010 Express se muestra en el siguiente diagrama. La página de inicio IDE se compone de un par de secciones, a saber:El nuevo proyecto / sección Abrir proyecto.La sección Proyectos recientes que muestra una lista de proyectos que han sido creadas por usted recientemente.El panel Introducción-Se ofrece algunos consejos útiles para desarrollar rápidamente sus aplicaciones.La sección de Noticias-Ofrece las últimas noticias en línea sobre Visual Basic 2010 Express. Se dará a conocer nuevas versiones y actualizacionesEn la sección PropiedadesPara empezar a crear su primera aplicación, es necesario hacer clic en Nuevo proyecto. Los siguientes VB2010 cuadro de diálogo Nuevo Proyecto aparecerá.El cuadro de diálogo le ofrece cinco tipos de proyectos que puede crear. Como vamos a aprender a crear aplicaciones para Windows, vamos a seleccionar aplicaciones de Windows Forms.En la parte inferior de este cuadro de diálogo, puede cambiar el nombre de proyecto predeterminadoWindowsApplication1 a algún otro nombre que te gusta, para exampe, myFirstProgram. Después de cambiar el nombre del proyecto, haga clic en OK para continuar. El siguiente de Windows IDE aparecerá, es casi similar a Visual Basic 6. Consiste en una forma vacía, en la ficha Herramientas y las propiedades. El diseño es ligeramente diferente de vb2008 como la caja de herramientas no se muestra hasta que haga clic en la ficha Herramientas.Al hacer clic en la ficha Herramientas, el cuadro de herramientas controles comunes van a aparecer.Ahora arrastre el botón de control en el formulario, y cambiar su texto por defecto Button1 a la revista OK en la ventana de propiedades, la palabra OK aparecerá en el botón en forma, como se muestra a continuación:Ahora haga clic en el botón Aceptar y aparecerá la ventana de código. Introduzca el código de la siguiente manera:Cuando se ejecuta el programa y haga clic en el botón Aceptar, un cuadro de diálogo aparecerá y la pantalla \" Bienvenido a Visual Basic 2010\" de mensajes, como se muestra a continuación:Ahí lo tienes, que ha creado el programa VB2010 primero.<br />Controles en VB2010 son herramientas útiles que se pueden colocar en el formulario para realizar diversas tareas. Se utilizan para crear varios tipos de aplicaciones de Windows. El diagrama de la derecha es la caja de herramientas que contiene los controles de VB2010. Se clasifican en los controles comunes, contenedores, menús, barras de datos, componentes, estampados y cuadros de diálogo. Por el momento, nos centraremos en los controles comunes. Algunos de los controles más comunes son utilizados Button, Label, ComboBox, ListBox, PictureBox, TextBox, etcPara insertar un control en el formulario, sólo tiene que arrastrar y soltar el control en el formulario. Puede cambiar la posición y el tamaño que quieras. Vamos a examinar algunos programas que hicieron uso de Button, Label, TextBox, ListBox y PictureBox. Usted no tiene que preocuparse tanto por el código, porque voy a explicar la sintaxis del programa a medida que avanza a más lecciones.Al hacer clic en la ficha Herramientas, el cuadro de herramientas controles comunes van a aparecer.2.1 Creación de su primer programaPara crear su primer programa, arrastre el botón de control en el formulario, y cambiar su texto por defecto Button1 a Aceptar en la ventana de propiedades, la palabra OK aparecerá en el botón en forma, como se muestra a continuación:Ahora haga clic en el botón Aceptar y aparecerá la ventana de código. Introduzca el código de la siguiente manera:Cuando se ejecuta el programa y haga clic en el botón Aceptar, un cuadro de diálogo aparecerá y la pantalla \" Bienvenido a Visual Basic 2010\" de mensajes, como se muestra a continuación:Ahí lo tienes, que ha creado el programa VB2010 primero.2.2 Utilizar el Cuadro de textoA continuación te mostraré cómo crear una simple calculadora que suma dos números con el control TextBox. En este programa, inserta dos cuadros de texto, las etiquetas de tres y un botón. Los dos cuadros de texto son para que los usuarios introducir dos números, uno para mostrar la etiqueta es el operador de adición y la otra etiqueta es para mostrar el signo igual. La última etiqueta es para mostrar la respuesta. Ahora cambia la etiqueta del botón para calcular, a continuación, haga clic en este botón e introduzca el siguiente código:Privado Sub Button1_Click ( ByVal remitente como del sistema. Objeto , ByVal e como sistema. EventArgs ) Maneja Button1.ClickDim num1, num2, producto de lo úniconum1 = TextBox1.Textnum2 = TextBox2.Textproducto = num1 + num2Label1.Text producto =Final SubCuando se ejecuta el programa e introducir dos números, al pulsar el botón de calcular puede dejar de llevar a cabo además de los dos números.<br />3.1 Las propiedades de un controlAntes de escribir un procedimiento de evento para el control de la respuesta a la entrada de un usuario, hay que establecer ciertas propiedades para el control para determinar su aspecto y cómo se va a trabajar con el procedimiento de evento. Puede establecer las propiedades de los controles en la ventana de propiedades en tiempo de diseño o en tiempo de ejecución. Figura 3.2 de la derecha es una ventana de propiedades típicas de un formulario. Se refiere sobre todo a la interfaz del primer programa que ha aprendido en la lección anterior , como se muestra en la Figura 3.1:Figura 3.1Figura 3.2: La ventana de PropiedadesEl título de la forma se define por la propiedad de texto y su nombre por defecto es el Formulario 1.Para cambiar el título del formulario a cualquier nombre que te gusta, simple clic en el recuadro de la derecha de la propiedad de texto y escriba el nombre nuevo, en este ejemplo, el título es la calculadora de adición. Tenga en cuenta que este título aparecerá en la parte superior de las ventanas. En la ventana de propiedades, el elemento aparece en la parte superior es el objeto seleccionado (en la figura 3.1, el objeto seleccionado es Form1). En la parte inferior, los elementos enumerados en la columna de la izquierda representan los nombres de las distintas propiedades asociadas con el objeto seleccionado, mientras que los elementos enumerados en la columna de la derecha representan los estados de las propiedades. Propiedades se pueden establecer, poniendo de relieve los elementos de la columna de la derecha luego cambiarlos por escribir o seleccionar las opciones disponibles. Usted también puede alterar otras propiedades de la forma como la fuente, ubicación, tamaño, color, color de fondo, MaximizeBox MinimizeBox, etc También puede cambiar las propiedades del objeto en tiempo de ejecución para dar efectos especiales tales como el cambio de color, la forma efecto de animación, y así sucesivamente. Por ejemplo el siguiente código cambiará el color a amarillo forma cada vez que se carga el formulario. VB2010 utiliza RGB (Red, Green, Blue) para determinar los colores. El código RGB para el color amarillo es 255,255,0. Me en el código se refieren a la forma actual y BackColor es propiedad de color de fondo del formulario. La fórmula para asignar el color RGB a la forma es Color.FormArbg (RGB códigos) .Public Class Form1 Private Sub Form1_Load (ByVal sender As System.Object e, ByVal como System.EventArgs) Handles MyBase.Load Me.BackColor Color.FromArgb = (255, 0, 255)End Sub End ClassTambién puede utilizar el siguiente procedimiento para asignar el color en tiempo de ejecución. Private Sub Form1_Load (ByVal sender As System.Object e, ByVal como System.EventArgs) Handles MyBase.Load Me.BackColor Color.Magenta =End SubAmbos procedimientos anteriores se cargará el formulario con un fondo magenta de la siguiente manera:Éstos son algunos de los colores comunes y los correspondientes códigos RGB. Siempre se puede experimentar con otras combinaciones, pero recuerde que el número máximo para cada color es 255 y el número mínimo es 0.ColorCódigo RGBColorCódigo RGBColorCódigo RGB255,0,0255, 255, 0255, 165, 00,255,00, 255, 2550, 0, 00, 0, 255255, 0, 255255, 255, 255El siguiente es otro programa que permite al usuario introducir los códigos RGB en tres cajas de texto diferentes y cuando él / ella hace clic en el botón de color de la pantalla, el color de fondo de la forma cambiará de acuerdo con los códigos RGB. Por lo tanto, este programa permite a los usuarios cambiar las propiedades de color de la forma en tiempo de ejecución.El códigoPrivate Sub Button1_Click (ByVal sender As System.Object e, ByVal como System.EventArgs) Handles Button1.ClickDim RGB1, RGB2, RGB3 As Integer = TextBox1.Text RGB1 RGB2 = TextBox2.Text RGB3 = TextBox3.Text Me.BackColor = Color.FromArgb (RGB1, RGB2, RGB3)End Sub<br />5.1 El procedimiento de eventoVB2010 es un lenguaje orientado a objetos y eventos de programación impulsada. De hecho, todas las aplicaciones de Windows son los eventos. Por eventos significa que el usuario va a decidir qué hacer con el programa, si él / ella quiere que haga clic en el botón de comando, o él / ella quiere introducir texto en un cuadro de texto, o él / ella quiere puede cerrar la aplicación y etc . El evento está relacionado con un objeto, es un incidente que ocurre con el objeto debido a la acción del usuario, como un clic o pulsando una tecla en el teclado. Una clase tiene eventos, ya que crea instantáneas de una clase o un objeto. Cuando se inicia una aplicación de Windows en VB2010 en los capítulos anteriores, vamos a ver una forma predeterminada con el Form1 aparece en el IDE, en realidad es la clase Form1 que hereda de la clase System.Windows.Forms.Form formulario, como se muestra en el Form1 ventanas de propiedades.Cuando hacemos clic en cualquier parte del formulario, vamos a ver la ventana de código como se muestra a continuación. El es la estructura de un procedimiento de evento. En este caso, el procedimiento de evento es cargar Form1 y comienza con Private Sub y termina con End Sub . Este procedimiento incluye la clase Form1 y la carga de eventos, y se unen con un guión bajo, es decir, Form_Load. Que no hace otra cosa que la carga de una forma vacía. Usted no tiene que preocuparse del resto de las cosas en este momento, que será explicado en las clases más tarde.Public Class Form1Private Sub Form1_Load ( ByVal remitente como System.Object, ByVa le Como System.EventArgs) Maneja MyBase . CargaEnd SubFin de la claseLos otros eventos asociados a la clase Form1, como hacer clic, CursorChanged, DoubleClick, DragDrop, Enter, como así sucesivamente, como se muestra en el siguiente diagrama (que aparece al hacer clic en el panel superior derecho de la ventana de código): 5.2 Escritura del códigoAhora ya está listo para escribir el código para el procedimiento de evento para que se haga algo más que la carga de un formulario en blanco. El código debe ser introducido entre Private Sub ....... End Sub . Vamos a introducir el siguiente código:Público de clase Form1Privado Sub Form1_Load ( ByVal remitente como del sistema. Objeto , ByVal e como sistema. EventArgs )Maneja MyBase . CargaMe . Texto = \" Mi primer programa VB2010\" Me . ForeColor = color . ForestGreenMe . BackColor = color . CianFinal SubFinal classs La primera línea del código va a cambiar el título del formulario a mi programa de VB2010 En primer lugar, la segunda línea va a cambiar el objeto en primer plano al Bosque Verde (en este caso, es una etiqueta que se inserta en el formulario y cambie su nombre a en primer plano) y la última línea cambia el fondo a color Csyan. La igualdad en el código en realidad se utiliza para asignar algo al objeto, como la asignación de color amarillo en el primer plano del objeto Form1 (o una instancia de Form1). Me es el nombre dado a la clase Form1. También puede llamar a esas líneas como declaraciones. Por lo tanto, las acciones del programa dependerá de las declaraciones formuladas por el porgrammer.El resultado se muestra en la pantalla de abajo:ere es otro ejemplo.Private Sub Button1_Click_1 (ByVal sender As System.Object e, ByVal como System.EventArgs) Handles Button1.ClickDim nombre1, nombre2, nombre3 As String nombre1 = \" Juan\" nombre2 = \" Georges\" nombre3 = \" Ali\" MsgBox (\" Los nombres son\" & nombre1 & \" ,\" & nombre2 & \" y\" & name3)End SubEn este ejemplo, se inserta un botón de comando en el formulario y cambiar el nombre de su título en Mostrar los nombres ocultos. La palabra clave Dim es declarar las variables nombre1, nombre2 y nombre3 como una cadena, lo que significa que sólo puede manejar texto. La función MsgBox es para mostrar los nombres en un cuadro de mensaje que se unen entre sí por el \" y\" signos. El resultado se muestra a continuación:<br />