Ícones
A maioria dos aplicativos inclui ícones de fácil compreensão, como o ícone do disquete para “Salvar” ou a seta para trás para “Voltar”. As vantagens de usar um ícone em vez de um rótulo ou botão é que o ícone não requer texto e, geralmente, pode se ajustar a lugares em que o texto simplesmente não cabe.
O Power Apps inclui o controle Icon e fornece muitos ícones prontos para uso que você pode usar em todo o aplicativo. Como os ícones são controles, todos eles têm propriedades personalizáveis, inclusive OnSelect e Color. Você pode inserir um ícone no aplicativo selecionando o botão Inserir na barra de comandos. Se expandir o campo Ícones, você poderá percorrer a lista completa de ícones disponíveis.
Adicionar um ícone
Se você está desenvolvendo o aplicativo Máquinas de Café Contoso, já lidou um pouco com o controle de ícone (alteramos uma seta para a direita para um lápis de edição). Se você quiser nos acompanhar, usaremos o aplicativo Máquinas de Café Contoso para adicionar alguns ícones. Se não tem esse aplicativo, você pode abrir qualquer aplicativo e acompanhar.
Abra o aplicativo Máquinas de Café Contoso e selecione a "Catalog Screen".
Insira um ícone de “Seta para trás”, selecionando Inserir na barra de comandos. Você pode encontrá-lo expandindo a opção Ícones ou simplesmente digitando "voltar" no campo de pesquisa Inserir.
Observação
Quando você insere o novo ícone, ele seleciona o esquema de cores do Tema selecionado.
Reposicione o novo ícone de Seta para trás no canto superior esquerdo do retângulo do cabeçalho.
Altere a cor da Seta para trás para branco selecionando o botão Cor na barra de comandos e selecionando o círculo branco em Cores padrão no canto inferior esquerdo da caixa de opção.
Em seguida, atualize a propriedade OnSelect para:
Back()Usando o ícone de Seta para trás como modelo, copie-o e cole-o na "Admin Screen". Assim, você pode evitar o ajuste das propriedades Color e OnSelect.
Alterar um ícone
Você deve se lembrar de que podemos alterar o tipo de ícone alterando a propriedade Ícone do controle Ícone. Faremos isso a seguir, criando um ícone na tela inicial.
Copie/cole outro ícone de Seta para trás na "Admin Screen".
Posicione-o no canto superior direito do retângulo do cabeçalho.
Observe que há um botão de propriedade Icon na barra de comando; selecione esse botão e localize/selecione o ícone Início (você pode inserir "início" no campo de pesquisa para ajudar). Observe que a Seta para trás muda imediatamente para o ícone Início. Você pode fazer isso com qualquer ícone do Power Apps!
Finalmente, vamos modificar a propriedade OnSelect para retornar à “Home Screen” inserindo:
Navigate('Home Screen')
Mesmo que o aplicativo tenha apenas três telas, você pode ver a utilidade de um ícone Início como um controle selecionável em um aplicativo com várias telas, em que uma Seta para trás selecionável não necessariamente nos levaria de volta à tela inicial do aplicativo.
Ícones são um controle fácil que você pode usar para aprimorar a interface do usuário com o aplicativo! Vamos aprender mais sobre o controle Imagem na próxima unidade.