✒️ABAP El diseño de las pantallas

Creación de una Dynpro o Pantalla

Podemos utilizar el Screen- Painter con la transacción SE51 o directamente con la transacción SE80.

Accedemos al SE80 al ejemplo ZPRUEBA_DIALOGO y se presiona el botón derecho del mouse encima del mismo y seleccionamos la opción Crear/Dynpro.

Aparecerá una ventana donde se ingresa un numero de dynpro y se presiona continuar.

Luego aparece otra pantalla, donde se configura las opciones de la Dynpro : dentro de la solapa Atributos se completa

· Descripción Breve: aquí ingresamos una descripción acorde al objetivo de la dynpro

· Tipo de Dynpro: aquí declaramos el tipo de pantalla:

ü Una Dynpro tipo Normal ocupará toda la pantalla.

ü Del tipo de SubScreen es una pantalla que puede mostrarse en un área de cualquier pantalla dentro del Module Pool

ü Del tipo Ventana de dialogo Modal es una pantalla que solo ocupa parte de una pantalla.

· Dynpro Siguiente: aquí especificaremos el número de la próxima Dynpro que se visualizará.

· Posición del cursor: aquí se especifica el elemento de la pantalla en donde quedará posicionado el cursor cuando la dynpro se visualice.

· Grupo de Dynpros: es un numero de 4 caracteres con el cual podemos asignar muchas dynpros a un grupo de dynpros para poder modificarlas a todas de manera uniforme.

En la Solapa Lista de Elementos veremos la lista de elementos que componen la dynpro.Como hasta el momento no hemos creado ninguno en la dynpro , solo veremos el correspondiente al tipo de elemento de la pantalla OK que existirá en cada Dynpro.

En este camp adignaremos un nombre de variable que , al momento de ejecutarse la dynpro, contendrá el código de función correspondiente al botón presionado o acción realizada en la pantalla. Tradicionalmente a este campo se lo denomina OK_CODE.

Dentro de la Solapa de Lista de Elementos también vemos la Solapa de Textos y Máscaras de entrada/salida , Atributos especiales,etc.

Una tercer Solapa de la Dynpro está la Solapa de Lógica Proceso, es donde especificamos la lógica de procesamiento de la dynpro.Al principio cuando creamos la dynpro y no tengamos una lógica definida, visualizamos una pantalla con la declaración de los eventos PBO y PAI.

Cuando terminamos de configurar la dynpro, procedemos a crear los elementos en la misma. Para ellos accedemos al Scree-Painter presionando el botón Layout.

Para modificar o visualizar la dynpro usaremos el botón del Lápiz en el panel que se encuentra a la izquierda de la pantalla se ven los íconos de los elementos que pueden formar parte de la dynpro.

Los elementos que está a la izquierda son:

· Campo de text(Text Field): se utiliza para mostrar textos fijos o estáticos en pantalla.Y haciendo doble click en el texto vemos otra ventanita donde se configuran los atributos del texto como son:

ü Nombre: es el nombre del elemento ejemplo (text_001).

ü Texto: es el texto que mostrará en el elemento ej(DNI)

ü Nombre ícono: podemos agregar un ícono al texto entre los que visualizamos al presionar el botón a la derecha del campo.

ü Quick Info: es el texto que se visualizará si mantenemos el puntero del mouse encima del texto.

ü Longitud de visualización: aquí se configura la cantidad de caracteres que se visualizarán del texto en pantalla.

ü Dict: aquí podemos especificar si el campo hace referencia a un campo declarado en el diccionario de datos , marcando la tilde Del Dict tomará los atributos del campo declarado en el diccionario.

ü Programa: aquí especificamos si el campo es de entrada,salida o entrada/salida, en el caso de un texto esta opción está deshabilitada

ü Visualización: aquí declaramos los atributos de la visualización del texto, por ejemplo brillo, si está o no visible,etc.

· Campo de entrada/salida (Input/Output Field): son campos de entrada, salida , entrada/salida que se utilizan para modificar o visualizar datos. Muchos de los atributos de este elemento son los mismos que describimos en los textos . los que son propios de estos elementos son:

ü Dropdown: aquí podemos configurar al campo como si fuera una lista desplegable de valores.

ü Scrollable: aqi cnfiguramos la posibilidad de desplazarnos en la lista.

ü Dict: se determina el formato del campo en la opción Formato.

ü Programa: aquí determinamos si el campo es de entrada,salida o entrada/salida.En caso de ser de entrada podemos seleccionar que el campo sea obligatorio , recomendado, posible.

· CheckBox: podemos crear un checkbox en la dynpro. Los atibutos de este elemento son:

ü Código de Función: aquí determinamos un código de función para el checkbox.SY-UCOMM adaptará este código cuando se ejecute la dynpro y se seleccione el checkbox.

· Radio Button: aquí podemos crear un radiobuton en la dynpro.Los atributos de este elemento son los mismos para los Checkbox.

Audio:

Los RadioButton no se puede seleccionar en grupo ,los Checkbox si.

Los atributos son los mismos que los checkbox.

Los podemos agrupar de modo que se pueda seleccionar uno dentro de un grupo de Radiobutton.

Para ello en todos los Radiobutton completaremos la opción grupos.

Por ultimo los seleccionamos a todos y vamos a la opción del Menú tratar/agrupación/grupo de botones de selección/definir.

· Pushbutton: podemos crear botones en la dynpro.El atributo a tener en cuenta es el código de función que será el valor que tome el SY-UCOMM cuando presionemos este botón.

· Tabstrip control y Tabstrip Control con asistente(with Wizard) : podemos crear un Tabstript en la dynpro.Existen dos formas de crearlo : en forma manual o en el Wizard o asistente.

Utilizando el wizard:

§ nombre del Tabstrip

§ nombres de las solapas minimamente deben existir dos.

§ El Código de Función de cada una de las solapas.

Y podemos crear Includes de subrutinas para almacenar la lógica de Proocesamiento.

Y presionamos el botón finalizar para finalizar. En esta pantalla el sistema nos informa que se crearan las subscreen 0101, 0102 y 0103 en nuestro programa.

Luego en la dynpro veremos creado el elemento.

Si hacemos doble click encima del tabstrip podremos cambiar todos sus atributos tal como hacemos con los otros elementos.

· BOX: se utiliza para organizar los elementos de la dynpro. En el campo texto completamos el texto que se visualizará en la parte superior izquierda del Box.Luego si queremos colocar dentro del Box algún elemento de la pantalla solo tendremos que arrastrarlo y soltarlo dentro del box.

· SUbscreen Area: una subscreen es un área dentro de una dynpro donde podremos colocar otra dynpro . las opciones son:

En la Solapa de Lógica de proceso ……:

Process Before Output.

MODULE status_0100.

CALL SUBSCREEN SUBS1 -----------à Nombre de area de subscreen

Including ‘Y_DIALOG002’ ‘1500’-àNro de dynpro de la subscreen

Nombre del programa Principal

Process After Input.

CAL SUBSCREEN SUBS1. Nombre de area del subscreen

Module user_command_1000 .

· Tabla de Control y Tabla de Control con asistente: son los que permiten la modificación o visualización en los datos de una tabla.

· Custom Control: es el contenedor de una Dynpro en donde podemos mostrar otro elemento de la pantalla.

· Ícono de estado (Status Ícon) : se utiliza para mostrar elementos indicando el Status Gui del programa.

Audio