Personalizar as aplicacións de mostra instaladas da tenda de Teams

Neste artigo, aprenderá a personalizar as aplicacións de mostra instaladas desde a tenda de Teams. Por exemplo, pode que necesite cambiar o logotipo da empresa, actualizar os datos dentro das aplicacións de mostra para que se axusten ás necesidades do seu negocio e engadir ou eliminar controis nas pantallas para ampliar a aplicación.

Requisitos previos

Antes de usar esta aplicación:

  1. Atope a aplicación na tenda Microsoft Teams.
  2. Instale a aplicación.
  3. Configure a aplicación para o primeiro uso.

Para obter detalles sobre os pasos anteriores, vaia a Usa aplicacións de mostra da tenda de Teams.

Nota

As seccións deste artigo usan como exemplo unha das aplicacións de mostra dispoñibles na tenda de Teams. As táboas, controis, pantallas e outros compoñentes das aplicacións poden variar segundo a aplicación que instalou. Personalice a aplicación que seleccione segundo as súas preferencias.

Abrir a aplicación de mostra en Power Apps Studio

Para comezar coa personalización das aplicacións de mostra, o primeiro paso é abrir a aplicación dentro de Power Apps Studio.

  1. Inicie sesión en Teams.

  2. Seleccione Máis aplicacións engadidas (Máis aplicacións engadidas).

  3. Seleccione Power Apps.

    Seleccione a aplicación Power Apps

  4. Seleccione o separador Construír.

  5. Seleccione o contorno do equipo onde instalou a aplicación de mostra.

  6. Seleccione Aplicacións instaladas.

  7. Seleccione a aplicación de mostra que instalou.

  8. Se se lle solicita, seleccione a situación.

Máis información: Editar unha aplicación en Power Apps Studio

Eliminar datos de exemplo

Cando instale aplicacións de mostra, as táboas encheranse previamente con datos de mostra. A seguinte táboa enumera as aplicacións de mostra e a lista de táboas cos datos de mostra que se eliminarán:

Aplicación de exemplo Táboas
Ideas do persoal Pasos de inspección da área
Inspeccións da área
Pasos da lista de comprobación de inspección da área
Listas de comprobación de inspección da área
Localizacións de inspección de áreas
Tipos de localizacións de inspección de áreas
Grupos de inspección de área
Tarefa de inspección da área
Inspección Ideas do persoal
Campañas de ideas de empregados
Ficheiros de ideas do persoal
Preguntas sobre ideas de empregados
Respostas de ideas de empregados
Notificación de problemas Informes de problemas
Preguntas de informes de problemas
Modelos de informes de problemas
Categorías de informes de problemas

Para eliminar datos das aplicacións de mostra:

  1. Abra a aplicación de mostra (por exemplo, Xestionar as inspeccións) en Power Apps Studio.

  2. Seleccione Datos no panel esquerdo.

  3. Seleccione Datos - puntos suspensivos xunto ao nome da táboa (por exemplo, Tarefa de inspección de área para a aplicación Xestionar as inspeccións).

  4. Seleccione Editar datos.

  5. Elimine todas as filas que conteñan datos de mostra.

    Eliminar filas

  6. Peche o editor visual.

  7. Repita os pasos anteriores para as táboas restantes.

Engada o seu logotipo á pantalla de carga

  1. Abra a aplicación de mostra (por exemplo, Inspección) en Power Apps Studio.

  2. Seleccione Visualización en árbore no panel esquerdo.

  3. Se aínda non está seleccionado, seleccione Pantalla de aterraxe.

  4. Seleccione Inserir.

  5. Seleccione o control de Imaxe en Medios.

    Engadir imaxe

  6. No panel de propiedades do lado dereito, seleccione o menú despregable Imaxe e logo seleccione + Engadir un ficheiro de imaxe.

    Engadir un ficheiro de imaxe

  7. Seleccione a imaxe do logotipo da súa empresa e logo seleccione Abrir.

  8. Control da imaxe de posición e tamaño ata a posición que desexa na pantalla de carga.

    Logotipo da empresa

Cambiar o texto da pantalla de benvida

Nota

O texto de felicitación da pantalla de benvida da aplicación de inspección usa unha fórmula que contén variables globais para amosar correctamente a terminoloxía desexada para as inspeccións e os elementos que se inspeccionan. Teña precaución ao cambiar esta fórmula.

  1. Abra a aplicación de mostra (por exemplo, Inspección) en Power Apps Studio.

  2. Seleccione o control da etiqueta de texto co texto de saúdo Encantado de terte aquí.

    A fórmula do texto de saúdo está neste formato:

    "Glad to have you here, we are ready for you to " & If(Lower(gblWorkType)="inspection", "inspect", Lower(gblWorkType)) & Switch(
    Left(
        Lower(areaLabel),
        1
    ),
    "a",
    " an ",
    "e",
    " an ",
    "i",
    " an ",
    "o",
    " an ",
    "u",
    " an ",
    " a "
    ) & Lower(areaLabel)
    
  3. Seleccione a barra de fórmulas.

  4. Seleccione a frase Encantado de terte aquí.

  5. Actualice o texto de saúdo, como Estamos felices de que esteas aquí.

    "We are happy that you are here, we are ready for you to " & If(Lower(gblWorkType)="inspection", "inspect", Lower(gblWorkType)) & Switch(
    Left(
        Lower(areaLabel),
        1
    ),
    "a",
    " an ",
    "e",
    " an ",
    "i",
    " an ",
    "o",
    " an ",
    "u",
    " an ",
    " a "
    ) & Lower(areaLabel)
    

    Actualice o texto de felicitación da fórmula

Modificar a cor de fondo da pantalla

Nota

A aplicación Inspección aproveita as variables globais do tema para garantir unha experiencia de usuario coherente. Se modifica un recheo de pantalla, a pantalla modificada deixará de usar o tema da aplicación estándar.

  1. Abra a aplicación de mostra (por exemplo, Inspección) en Power Apps Studio.

  2. Seleccione Visualización en árbore no panel esquerdo.

  3. Seleccione Pantalla de benvida na vista de árbore.

  4. Seleccione Encher na lista de propiedades da parte superior esquerda.

  5. Na barra de fórmulas, substitúa a fórmula pola cor que desexe.

    A cor de recheo do fondo da pantalla establecerase na cor de fondo seleccionada.

    Cambiar cor de fondo

Datos de edición masivos

Se desexa editar rapidamente os datos da aplicación, pode abrir a táboa e modificar ou eliminar datos.

Advertencia

As aplicacións de mostra usan varias táboas relacionadas, como as localizacións de inspección de área e os tipos de localización de inspección de área para a aplicación de inspección. Teña coidado ao eliminar rexistros das táboas sen comprobar a relación de datos e as dependencias.

  1. Abra a aplicación de mostra (por exemplo, Inspección) en Power Apps Studio.

  2. Seleccione Datos no panel esquerdo.

  3. Seleccione Datos - puntos suspensivos xunto ao nome da táboa (por exemplo, Tipos de localización de inspección de área para a aplicación de inspección).

  4. Seleccione a cela dentro do Editor Visual, por exemplo, Comida na columna Nome.

  5. Substitúa o texto polo valor que desexe.

  6. Peche o editor visual.

    Os datos da aplicación deben reflectir o valor actualizado, como o nome da localización neste exemplo.

    Datos de edición masivos

Engadir unha columna á aplicación

Importante

Os pasos de personalización da aplicación Inspección desta sección abarcan algunhas das opcións de configuración avanzadas. Este exemplo require que estea familiarizado con Power Apps Studio, coa modificación de fórmulas e traballar con controis como contedores.

Considere un escenario onde teña varias tendas e queira asociar localizacións e inspeccións a tendas específicas.

Engada a columna de texto Nome da tenda á táboa de localización

  1. Abra a aplicación Xestionar as inspeccións en Power Apps Studio.

  2. Seleccione Datos no panel esquerdo.

  3. Seleccione Datos - puntos suspensivos xunto ao nome da táboa (por exemplo, Localizacións de inspección de área para a aplicación Xestionar as inspeccións).

  4. Seleccione Engadir columna.

  5. Insira Nome como "Nome da tenda".

  6. Seleccione Crear.

  7. Peche o editor visual.

    Columna Engadir nome da tenda

Engadir columna Nome da tenda ao formulario de localización

  1. Seleccione a Pantalla de localizacións.

    Suxestión

    Pode ignorar o erro sobre o uso dos conectores de vista previa nesta aplicación.

  2. En Vista en árbore, busque btnArea_GroupedAreas.

  3. Nas Áreas agrupadas do formulario, arrastre o bordo esquerdo para estar en paralelo ao bordo do campo de Título.

    Nota

    O control de campo Áreas agrupadas está nun contedor. Polo tanto, a área seleccionada pode aparecer nunha parte diferente da pantalla que na que se ve a columna. Se arrastra a área seleccionada redimensionarase a columna.

  4. Seleccione Inserir no panel esquerdo.

  5. Seleccione o control Etiqueta.

  6. Coloque a Etiqueta de xeito que estea aliñada horizontalmente con Áreas agrupadas e verticalmente co Tipo de área.

    Posición do control da etiqueta

  7. Seleccione Texto na lista de propiedades da parte superior esquerda.

  8. Seleccione a barra de fórmulas.

  9. Cambie a fórmula a Nome da tenda.

  10. Seleccione Inserir no panel esquerdo.

  11. Seleccione o control de Caixa de texto.

  12. Arrastre o control da caixa de texto para aliñalo horizontalmente con Área agrupada e verticalmente con Tipo de área.

  13. Seleccione Valor na lista de propiedades da parte superior esquerda.

  14. Na barra de fórmulas, substitúa o valor actual por gblLocation.'Store Name'

  15. Seleccione ColorBackground na lista de propiedades da parte superior esquerda.

  16. Na barra de fórmulas, introduza "Branco".

    Propiedade ColorBackground

  17. Seleccione Modo de pantalla na lista de propiedades da parte superior esquerda.

  18. Na barra de fórmulas, introduza "Editar" se aínda non está presente.

  19. Manteña premida a tecla ALT no teclado e seleccione Editar.

    Editar coa tecla alt premida

  20. Seleccione Visualización en árbore no panel esquerdo.

  21. Busque btnAreaDetails_Save e seleccione o control devolto.

  22. Expanda a barra de fórmulas.

  23. Ao final da liña 17, engada unha coma e esta fórmula:

    'Store Name':Microsoft_CoreControls_TextBox1.Value
    

    Esta sección da fórmula debería ter o seguinte aspecto:

    {
        msft_name: txtArea_EditTitle.Text,
        'Location Type': cmbAreaDetails_AreaType.Selected,
        'Primary Image': picArea_UploadedImage.Image, 'Store Name':Microsoft_CoreControls_TextBox1.Value
    }
    

    Nota

    Se a fórmula actualizada mostra un erro, verifique o nome da caixa de texto para o nome da tenda. Por exemplo, pode ser Microsoft_CoreControls_TextBox2 en vez de Microsoft_CoreControls_TextBox1, dependendo dos seus cambios.

  24. Seleccione o control de etiqueta engadido no paso 5.

  25. Seleccione a propiedade Y na lista de propiedades da parte superior esquerda.

  26. Seleccione a barra de fórmulas.

  27. Cambiar a fórmula a:

    If(gblEditLocation,250,200)
    
  28. Seleccione a caixa de texto engadida no paso 11.

  29. Seleccione a propiedade Y na lista de propiedades da parte superior esquerda.

  30. Seleccione a barra de fórmulas.

  31. Cambiar a fórmula a:

    If(gblEditLocation,282,232)
    
  32. Manteña premida a tecla CTRL no teclado e seleccione a etiqueta do nome da tenda e a caixa de texto.

  33. Seleccione a propiedade visible na lista de propiedades da parte superior esquerda.

  34. Seleccione a barra de fórmulas.

  35. Cambiar a fórmula a:

    If(gblViewInspection, false, true)
    

    Cambios de posición coa propiedade Y

Publicar actualizacións de aplicacións en Teams

Para gardar e publicar os cambios na aplicación de mostra:

  1. Seleccione Gardar dende a parte superior dereita.

  2. Seleccione Publicar en Teams

  3. Seleccione Seguinte.

  4. Para publicar a versión actualizada dunha aplicación nunha pestana activa existente, seleccione Gardar + pechar.
    Para engadir a versión publicada dunha aplicación a unha nova pestana noutra canle, seleccione Engadir unha pestana (Engadir unha pestana) para a canle que queira e logo seleccione Gardar + pechar.

Máis información: Publicar e engadir unha aplicación a Teams

Consulte tamén

Ideas de empregados e Xestionar campañas de mostra de aplicacións
Aplicacións de exemplo de inspección
Aplicacións de mostra de problemas