Tus primeros controles

Introducción a Power Apps

Luise Freese

Azure & Power Platform Architect

Los controles son bloques básicos

 

  • Los controles son los bloques básicos de cualquier app de lienzo
  • Cada uno hace algo: mostrar texto, aceptar entrada, lanzar una acción
  • Los configuras en la barra de fórmulas arriba del editor

 

Power Apps Studio con el panel Insertar abierto desde la barra de herramientas, mostrando categorías de controles como Etiqueta de texto, Botón y Galería

Introducción a Power Apps

Leer desde un cuadro de texto

 

  • Un Text Input guarda lo que el usuario teclea
  • Su valor actual está en TextInput1.Text
  • Úsalo en cualquier parte, incluso en el Text de una Label

 

Power Apps Studio con una etiqueta seleccionada, su barra de fórmulas leyendo Text = "Welcome, " & TextInput1.Text, por lo que la etiqueta muestra "Welcome, Sam" desde el texto de arriba

Introducción a Power Apps

Variables con Set()

 

Power Apps Studio con Button2 seleccionado, la barra de fórmulas mostrando OnSelect = Set(isSignedIn, true), y el botón Sign in resaltado en el lienzo

 

  • Una variable mantiene un valor entre acciones
  • Set(isSignedIn, true) crea una llamada isSignedIn
  • Volverás a ver Set() en el Capítulo 3
Introducción a Power Apps

Mostrar u ocultar con If()

 

  • Visible = isSignedIn muestra la Label solo cuando es true
  • Pulsa el botón → se actualiza la variable → aparece la Label
  • If(condition, value-if-true, value-if-false) para decisiones de dos vías

$$

Power Apps Studio con la etiqueta de agradecimiento seleccionada, la barra de fórmulas mostrando Visible = isSignedIn, la etiqueta oculta en el lienzo porque isSignedIn es false

Introducción a Power Apps

El tema supera el estilo uno a uno

 

Selector de temas de Power Apps Studio mostrando una cuadrícula de vistas previas de colores para aplicar en toda la app

 

  • Un tema define paleta, tipografía, bordes y sombras → en toda la app
  • Cada control moderno lo hereda → un cambio retematiza todo
  • Tamaño, forma, orientación siguen por control
Introducción a Power Apps

Anular un acento puntual

  $$

¿Quieres que un control destaque?

  • Selecciónalo y ajusta su Fill directamente: RGBA(...) o Color.Teal
  • Úsalo con moderación; anula el tema

Captura real de un lienzo de Power Apps con el tema Steel aplicado y una anulación de acento

Introducción a Power Apps

Resumen

La app de lienzo Library Sign-in abierta en Power Apps Studio, mostrando la vista de árbol, el lienzo con controles, la barra de fórmulas y el panel de propiedades

  • Un Text Input alimenta otros controles en vivo desde la barra de fórmulas
  • Set() guarda un valor; If() muestra u oculta según ese valor
  • Un tema da estilo a todas las pantallas; anula Fill en un control para un acento
Introducción a Power Apps

¡Vamos a practicar!

Introducción a Power Apps

Preparing Video For Download...