Compartir a través de

Crear una tarjeta sencilla (versión preliminar)

  • Artículo

En este artículo, creará una tarjeta que le pide al usuario que especifique su nombre y luego muestra el nombre en el título de la tarjeta. Utilice el diseñador de tarjetas, variables y Power Fx.

Requisitos previos

Una cuenta de Power Apps

Crear una tarjeta

  1. Inicie sesión en Power Apps y luego seleccione su entorno.

  2. En el menú de navegación, seleccione ...Más > Tarjetas.

  3. Seleccione + Crear una tarjeta.

  4. En Nombre de tarjeta, escriba HelloWorldCard y seleccione Crear.

Pedir una entrada de texto

  1. Seleccione el texto Agregar y quitar elemento para personalizar su nueva tarjeta y, a continuación, seleccione el icono Quitar (X) para eliminarla.

    Captura de pantalla de la etiqueta de texto marcador de posición para quitar en una nueva tarjeta en el diseñador de tarjetas.

  2. En el menú de navegación, seleccione + Insertar.

  3. En el panel de herramientas, seleccione Entrada para expandir la categoría y, a continuación, seleccione Entrada de texto.

    Captura de pantalla del panel de herramientas del diseñador de tarjetas con los controles de entrada mostrados y el control Entrada de texto resaltado.

  4. En el panel de propiedades de entrada de texto, establezca Etiqueta en ¿Cómo se llama?

    Captura de pantalla de una tarjeta con un control Entrada de texto etiquetado en el diseñador de tarjetas.

Asignar variables

  1. En el menú de navegación, seleccione Vista de árbol y cambie el nombre entradadetexto1 a RespuestadelUsuario.

    Le damos al control de entrada de texto el nombre de una variable que está asociada con la entrada del usuario. Cualquier nombre de control de entrada se puede utilizar como variable, por ejemplo, una entrada de texto, un botón o una etiqueta de texto.

    Captura de pantalla del control de entrada de texto del menú de navegación de la Vista de árbol con un nombre cambiado.

    Sugerencia

    Asigne a sus variables nombres descriptivos y únicos para que sean más fáciles de usar en las expresiones de Power Fx.

    Necesitamos otra variable para agregar la entrada del usuario al título de la tarjeta, así que vamos a crear una ahora.

  2. En el menú de navegación, seleccione Variables.

  3. Seleccione +Nueva variable.

  4. En la ventana Nueva variable, introduzca UserName en Nombre e introduzca Sin nombre en Valor predeterminado. Deje los demás valores como están.

  5. Seleccione Guardar.

    Captura de pantalla del panel Propiedades de variable.

  6. En su lienzo, seleccione el título de la tarjeta, que es un control de etiqueta de texto. En el panel de propiedades del control, establezca Texto como ="Hola" & UserName.

    Esta expresión cambia el título de la tarjeta por la cadena "Hola " seguida del valor de la variable que ha creado. Puede introducir la expresión en la barra de fórmulas o en el panel de propiedades.

    Captura de pantalla de una expresión de texto introducida en la propiedad Texto del título de la tarjeta.

Agregar un botón de Power Fx

  1. En el menú de navegación, seleccione + Insertar.

  2. En el panel de herramientas, seleccione Entrada para expandir la categoría y, a continuación, seleccione Botón.

  3. En el panel de propiedades del botón, establezca Título en Saludar.

    Captura de pantalla del panel de propiedades del botón con nombre y del botón en la tarjeta.

  4. En el panel de propiedades junto a Al seleccionar, seleccione PowerFx para colocar el cursor en la barra de fórmulas.

  5. Escriba la siguiente expresión de Power Fx en la barra de fórmulas: Set(UserName, UserAnswer)

    Esta expresión de función Set() asigna el valor de la entrada del usuario. UserAnswer, a la variable UserName de la etiqueta de texto (el título de la tarjeta), cuando se selecciona el botón. Otra forma de leer la expresión es: Establecer el valor de la variable UserName igual al valor de UserAnswer. Como la expresión está ligada a la propiedad Al seleccionar, también denominada Verb junto a la barra de fórmulas, se ejecuta cuando el usuario selecciona el botón.

    Captura de pantalla de la expresión de Power Fx en la barra de fórmulas, asignada a la propiedad OnSelect del botón.

Probar la tarjeta

Siempre debe guardar los cambios antes de reproducir una tarjeta. Seleccione Guardar y, a continuación, Reproducir.

Pruebe su tarjeta varias veces con diferentes entradas. Asegúrese de que su entrada sustituye cada vez el valor predeterminado "Sin nombre" en el título de la tarjeta.

Pasos siguientes

Aprenda a hacer una tarjeta un poco más compleja en el tutorial para listas de compras sencillas.