Introducción Parte 3

From Lianjapedia
Revision as of 12:48, 29 May 2014 by Yvonne.milne (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Vea También

Vea el vídeo

Read this in English

Ampliando su primera Aplicación

Agregando una Página nueva

File:Gs3 1.png
Add Another Page


Ahora vamos a darle vida a la aplicación mediante la creación de una página adicional que proporciona información sobre los empleados.

Cree una nueva página en blanco haciendo clic en el icono Page icon en las Form tools (herramientas de Formulario).

Si usted recibe una sección Form en blanco creado de forma predeterminada con la página - ésto está determinado por la Configuración de la Aplicación (Settings) en la parte inferior de la Modebar) - haga clic en el icono de la papelera en el encabezado de la sección para eliminarlo, cuando no lo necesite.


Tiras de Imagen

File:Gs3 2.png
Add an Image Strip Section


Ahora haga clic en el icono Sections (Secciones) en las Form Tools y seleccione la Image Strip (Tira de Imágenes).


Rellenando una Image Strip

File:Gs3 3.png
Populate Image Strip


Ahora haga clic en la tabla employees en el panel Tables, haga clic en el campo Photograph y arrástrelo a la sección Image Strip que creó en el paso anterior.

También puede arrastrar un campo de objeto de imagen directamente en un área vacía de una página y una sección Image Strip será creada y poblada.


Agregar una Sección Form Adicional

File:Gs3 4.png
Populate Employee Form


Ahora haga clic en Sections en las Form Tools y seleccione Form. Una nueva sección Form será añadido a la página. Ahora haga clic en la tabla employees, como se muestra a continuación y arrástrelo a la nueva sección que acaba de crear (o simplemente arrastre la tabla a un área vacía de la Página).


Personalizando los campos

File:Gs3 5.png
Field Caption


El título para los campos en la sección Form se puede personalizar moviendo el cursor del ratón sobre el título y haciendo clic en el icono de edición.

Si hace doble clic en el título, el cuadro de diálogo Atributos del Campo se abrirá y usted será capaz de modificar cualquiera de sus atributos.


File:Gs3 6.png
Remove Field


Puede eliminar los campos que no desea que aparezcan haciendo clic en el icono de eliminación.


Dividers


Haga clic y arrastre el tirador azul en el centro del borde inferior de la sección seleccionada para cambiar su tamaño.

Se puede hacer clic y arrastrar sin problemas los campos en una sección Form para cambiar el orden de visualización.

También puede agregar Subtitles (subtítulos), Horizontal Separators (separadores horizontales), Column Dividers (separadores de columna) o Spacers (espaciadores) a la sección haciendo clic en el icono de Dividers (Divisores) en las Form Tools.

Una vez que el Subtitle (subtítulo) aparece en la sección Form puede arrastrarlo todo a una posición adecuada.


Subtitles son títulos horizontales que se pueden colocar en cualquier lugar del formulario. Column Dividers son títulos horizontales en la parte superior de una columna vertical. Horizontal Separators se muestran como una línea horizontal, mientras que los Spacers se usan para proporcionar un espacio en blanco entre Campos y otros controles.

Personalización de Dividers

File:Gs3 8.png
Subtitle and Column Divider


Agregue un Subtitle y un Column Divider y edite sus títulos, como se muestra.


File:Gs3 9.png
Subtitle Attributes


Al igual que Campos, haga doble clic en el título para personalizar los atributos de un Divisor.


Webview section

File:Gs3 10.png
Webview Section


Ahora arrastre el campo Notes sobre la página. Por defecto, el campo (memo) Notes se muestra en una sección Webview.

Tenga en cuenta que la Webview permite que cualquier contenido de la web se represente en una sección.

La URI especificada puede contener referencias a los registros de datos activos de otras secciones.

Para hacer referencia a los datos de la URI use llaves, por ejemplo: {CUSTOMERS.NAME}. Ésto permite que el contenido web sea relacionado con los datos de la base de datos.


Personalizando Secciones

File:Gs3 11.png
Section Attributes


Puede personalizar la apariencia de secciones usando el diálogo Section Attributes, haciendo doble clic en el encabezado de la sección o haciendo clic en el icono de la rueda dentada.

Establezca el Caption (título) de cada una de las tres secciones.


Relacionando Secciones Image Strip

File:Gs3 12.png
Relate Image Strip


Ahora relacione la sección Image Strip (varios registros de empleados) a la sección Form (detalles de los registros individuales de empleados) y la sección Form a la sección Webview.


File:Gs3 13.png
Employees Desktop App View


Eche otro vistazo a su Aplicación en Desktop App View (Vista Tiempo de Ejecución).