Personalizar aplicativos de exemplo instalados da store do Teams

Artigo
03/09/2022
4 minutos para o fim da leitura

Neste artigo, você aprenderá sobre a personalização de aplicativos de exemplo instalados da store do Teams. Por exemplo, você pode precisar alterar o logotipo da empresa, atualizar os dados dentro dos aplicativos de exemplo para atender às suas necessidades de negócios, adicionar ou remover controles nas telas para estender o aplicativo.

Pré-requisitos

Antes de usar este aplicativo:

Encontre o aplicativo na store do Microsoft Teams.
Instale o aplicativo.
Configure o aplicativo para o primeiro uso.

Para obter detalhes sobre as etapas acima, vá para Usar aplicativos de exemplo da store do Teams.

Observação

As seções deste artigo usam um dos aplicativos de exemplo disponíveis na store do Teams como um exemplo. As tabelas, controles, telas e outros componentes dos aplicativos podem variar dependendo do aplicativo que você instalou. Seja criterioso ao personalizar o aplicativo selecionado.
Leia Atualizações de aplicativos de exemplo antes de personalizar aplicativos de exemplo para compreender o impacto de novos lançamentos nas versões de aplicativos de exemplo.

Abrir o aplicativo de exemplo no Power Apps Studio

Para começar a personalizar os aplicativos de exemplo, a primeira etapa é abrir o aplicativo no Power Apps Studio.

Entre no Teams.
Selecione . (Mais aplicativos adicionados).
Selecione Power Apps.
Selecione a guia Criar.
Selecione o ambiente da equipe onde você instalou o aplicativo de exemplo.
Selecione Aplicativos instalados.
Selecione o aplicativo de exemplo que você instalou.
Se solicitado, selecione o local.

Mais informações: Editar um aplicativo no Power Apps Studio

Remover dados de exemplo

Quando você instala aplicativos de exemplo, as tabelas são pré-preenchidas com dados de exemplo. A tabela a seguir lista os aplicativos de exemplo e a lista de tabelas com os dados de exemplo a serem removidos:

Aplicativo de exemplo	Tabelas
Boletins	Boletins Marcadores de boletim Categorias de boletim Contatos de Boletim Perguntas frequentes de boletim Categorias de perguntas frequentes de boletim Links de boletim Categorias de links de boletim Notificações de leitura de boletim
Ideias de funcionários	Ideias do Funcionário Campanhas da Ideia do Funcionário Arquivos da Ideia do Funcionário Perguntas da Ideia do Funcionário Respostas da Ideia do Funcionário
Inspeção	Etapas da Inspeção de Área Inspeções de Área Etapas da Lista de Verificação de Inspeção de Área Listas de Verificação da Inspeção de Área Locais da Inspeção de Área Tipos de Local da Inspeção de Área Grupos da Inspeção de Área Tarefa da Inspeção de Área
Relatório de problemas	Relatórios de Problemas Perguntas do Relatório de Problemas Modelos de Relatório de Problemas Categorias de Relatório de Problemas
Etapas	Projetos Atividades do projeto Etapas do projeto Membros da Equipe do Projeto Configurações de usuário do projeto Itens de trabalho do projeto Categorias de item de trabalho do projeto Prioridades de item de trabalho do projeto Status de item de trabalho do projeto

Para remover dados dos aplicativos de exemplo:

Abra o aplicativo de exemplo (por exemplo, Gerenciar inspeções) no Power Apps Studio.
Selecione Dados no painel esquerdo.
Selecione . ao lado do nome da tabela (por exemplo, Tarefa de Inspeção de Área para o aplicativo Gerenciar inspeções).
Selecione Editar dados.
Exclua todas as linhas que contêm dados de exemplo.
Feche o editor visual.
Repita as etapas anteriores para as tabelas restantes.

Adicione seu logotipo à tela de carregamento

Abra o aplicativo de exemplo (por exemplo, Inspeção) no Power Apps Studio.
Selecione Exibição em árvore no painel esquerdo.
Se ainda não estiver selecionada, selecione a Tela de Aterrissagem.
Selecione Inserir.
Selecione o controle Imagem em Mídia.
No painel de propriedades do lado direito, selecione o menu suspenso Imagem e selecione + Adicionar um arquivo de imagem.
Selecione a imagem para o logotipo da sua empresa e selecione Abrir.
Posicione e dimensione o controle de imagem na posição desejada na tela de carregamento.

Alterar o texto da tela de boas-vindas

Observação

O texto de saudação da tela de boas-vindas do aplicativo Inspeção usa uma fórmula com variáveis globais para exibir corretamente a terminologia desejada para inspeções e itens sendo inspecionados. Tenha cuidado ao alterar essa fórmula.

Abra o aplicativo de exemplo (por exemplo, Inspeção) no Power Apps Studio.

Selecione o controle de rótulo de texto com o texto de saudação Que bom ter você aqui.

A fórmula para o texto de saudação 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)

Selecione a barra de fórmulas.
Selecione a frase Que bom ter você aqui.

Atualize o texto de saudação, como Estamos felizes que você esteja aqui.

"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)

Atualizar o texto de saudação na fórmula.

Alterar a cor em segundo plano da tela

Observação

O aplicativo Inspeção utiliza variáveis de tema globais para garantir uma experiência consistente do usuário. Se você modificar um preenchimento de tela, a tela modificada não usará mais o tema de aplicativo padrão.

Abra o aplicativo de exemplo (por exemplo, Inspeção) no Power Apps Studio.
Selecione Exibição em árvore no painel esquerdo.
Selecione a Tela de Boas-vindas na Visualização em árvore.
Selecione Preencher na lista de propriedades no canto superior esquerdo.
Na barra de fórmulas, substitua a fórmula pela cor desejada.

A cor de preenchimento do segundo plano da tela será definida para a cor em segundo plano selecionada.

Editar dados em massa

Se desejar editar rapidamente os dados no aplicativo, você poderá abrir a tabela e modificar ou excluir dados.

Cuidado

Os aplicativos de exemplo usam várias tabelas relacionadas, como Locais da Inspeção de Área e Tipos de Local da Inspeção de Área para o aplicativo Inspeção. Tenha cuidado ao excluir registros das tabelas sem verificar o relacionamento e as dependências dos dados.

Abra o aplicativo de exemplo (por exemplo, Inspeção) no Power Apps Studio.
Selecione Dados no painel esquerdo.
Selecione . ao lado do nome da tabela (por exemplo, Tipos de Local de Inspeção de Área para o aplicativo Inspeção).
Selecione a célula dentro do Editor Visual, por exemplo, Comida na coluna Nome.
Substitua o texto pelo valor desejado.
Feche o editor visual.

Os dados no aplicativo devem refletir o valor atualizado, como o nome do local neste exemplo.

Adicionar uma coluna ao aplicativo

Importante

As etapas de personalização do aplicativo Inspeção nesta seção cobrem algumas das opções de configuração avançada. Este exemplo requer que você tenha familiaridade com o Power Apps Studio, sinta-se confortável com a modificação de fórmulas e trabalhe com controles como contêineres.

Considere um cenário em que você tem várias lojas e deseja associar locais e inspeções a lojas específicas.

Adicione a coluna de texto Nome da Loja à tabela Local

Abra o aplicativo Gerenciar inspeções no Power Apps Studio.
Selecione Dados no painel esquerdo.
Selecione . ao lado do nome da tabela (por exemplo, Localizações de Inspeção de Área para o aplicativo Gerenciar inspeções).
Selecione Adicionar coluna.
Insira Nome como "Nome da Loja".
Selecione Criar.
Feche o editor visual.

Adicionar coluna Nome da Loja ao formulário de local

Selecione a Tela Locais.

Dica

Você pode ignorar o erro sobre o uso dos conectores de visualização neste aplicativo.
Na Exibição em árvore, procure btnArea_GroupedAreas.
Em Áreas Agrupadas no formulário, arraste a borda esquerda para ficar paralela com a borda do campo Título.

Observação

O controle de campo Áreas Agrupadas fica em um contêiner. Portanto, a área selecionada pode aparecer em uma parte diferente da tela onde você vê a coluna. Arrastar a área selecionada redimensiona a coluna.
Selecione Inserir no painel esquerdo.
Selecione o controle Rótulo.
Posicione o Rótulo de modo que esteja alinhado na horizontal com Áreas agrupadas e na vertical com o Tipo de área.
Selecione Texto na lista de propriedades no canto superior esquerdo.
Selecione a barra de fórmulas.
Altere a fórmula para Nome da Loja.
Selecione Inserir no painel esquerdo.
Selecione o controle Caixa de texto.
Arraste o controle da caixa de texto para ser alinhado na horizontal com Área agrupada e na vertical com Tipo de área.
Selecione Valor na lista de propriedades no canto superior esquerdo.
Na barra de fórmulas, substitua o valor atual por gblLocation.'Store Name'
Selecione ColorBackground na lista de propriedades no canto superior esquerdo.
Na barra de fórmulas, insira "Branco".
Selecione Modo de exibição na lista de propriedades no canto superior esquerdo.
Na barra de fórmulas, insira "Editar" se ainda não estiver presente.
Segure a tecla ALT no teclado e selecione Editar.
Selecione Exibição em árvore no painel esquerdo.
Procure btnAreaDetails_Save e selecione o controle retornado.
Expanda a barra de fórmulas.
No final da 17ª linha, adicione uma vírgula e esta fórmula:
```
'Store Name':Microsoft_CoreControls_TextBox1.Value
```
Agora essa seção da fórmula deve ser semelhante a:
```
{
    msft_name: txtArea_EditTitle.Text,
    'Location Type': cmbAreaDetails_AreaType.Selected,
    'Primary Image': picArea_UploadedImage.Image, 'Store Name':Microsoft_CoreControls_TextBox1.Value
}
```
Observação

Se a fórmula atualizada mostrar erro, verifique o nome da caixa de texto para o nome da loja. Por exemplo, pode ser Microsoft_CoreControls_TextBox2 em vez de Microsoft_CoreControls_TextBox1, dependendo de suas alterações.
Selecione o controle de rótulo adicionado na etapa 5.
Selecione a propriedade Y na lista de propriedades no canto superior esquerdo.
Selecione a barra de fórmulas.
Altere a fórmula para:
```
If(gblEditLocation,250,200)
```
Selecione a caixa de texto adicionada na etapa 11.
Selecione a propriedade Y na lista de propriedades no canto superior esquerdo.
Selecione a barra de fórmulas.
Altere a fórmula para:
```
If(gblEditLocation,282,232)
```
Mantenha a tecla CTRL pressionada no teclado e selecione o rótulo do nome da loja e a caixa de texto.
Selecione a propriedade Visível na lista de propriedades no canto superior esquerdo.
Selecione a barra de fórmulas.
Altere a fórmula para:
```
If(gblViewInspection, false, true)
```

Publicar atualizações de aplicativos no Teams

Para salvar e publicar as alterações no aplicativo de exemplo:

Selecione Salvar no canto superior direito.
Selecione Publicar no Teams
Selecione Avançar.
Para publicar a versão atualizada de um aplicativo em uma guia ativa existente, selecione Salvar + fechar.
Para adicionar a versão publicada de um aplicativo a uma nova guia em um canal diferente, selecione (Adicionar uma guia) para o canal desejado e selecione Salvar e fechar.

Mais Informações: Publicar e adicionar um aplicativo ao Teams

Consulte também

Observação

Você pode nos falar mais sobre suas preferências de idioma para documentação? Faça uma pesquisa rápida. (Observe que esta pesquisa está em inglês)

A pesquisa levará cerca de sete minutos. Nenhum dado pessoal é coletado (política de privacidade).

Personalizar aplicativos de exemplo instalados da store do Teams

Pré-requisitos

Abrir o aplicativo de exemplo no Power Apps Studio

Remover dados de exemplo

Adicione seu logotipo à tela de carregamento

Alterar o texto da tela de boas-vindas

Alterar a cor em segundo plano da tela

Editar dados em massa

Adicionar uma coluna ao aplicativo

Adicione a coluna de texto Nome da Loja à tabela Local

Adicionar coluna Nome da Loja ao formulário de local

Publicar atualizações de aplicativos no Teams

Consulte também

Comentários