- Introdução
- Aplicativos de demonstração
- Como fazer
- Acessar o URL de produção de um aplicativo
- Crie um aplicativo compatível com dispositivos móveis
- Incorporar aplicativos
- Incorporar mapas
- Definir contexto externo
- Use matrizes para preencher os controles Lista suspensa, Lista suspensa multiseleção e Botão de rádio
- Usar TabelaDeDados com controles de Tabela e de Editar Grade
- Usar máscara de entrada
- Notificações
- Uso de expressões VB
- Desenvolvimento de aplicativos
- Eventos e Regras
- Regra: If-Then-Else
- Regra: abrir uma página
- Regra: Abrir o URL
- Regra: fechar planilha pop-over/inferior
- Regra: mostrar mensagem
- Regra: exibir/ocultar o controle giratório
- Regra: definir valor
- Regra: iniciar o processo
- Regra: redefinir valores
- Regra: upload de arquivo no compartimento de armazenamento
- Regra: baixar arquivo do bucket de armazenamento
- Regra: criar registro de entidade
- Regra: atualizar registro de entidade
- Regra: excluir registro da entidade
- Regra: adicionar à fila
- Regra: fluxo de trabalho de gatilho
- Regra: enviar ação
- Aproveitamento do RPA no aplicativo
- Aproveitamento de entidades no aplicativo
- Aproveitando filas em seu aplicativo
- Aproveitamento da mídia no aplicativo
- Aproveitamento de ações no aplicativo
- Gerenciamento do ciclo de vida do aplicativo (ALM)
- Apps da UiPath®
- Guia básico de solução de problemas
Layout e Estilo
O App Studio traz uma gama variada opções de personalização em termos de layout do aplicativo, usando seus diferentes controles de contêiner e opções relacionadas a cada um dos controles
O layout personalizado da página pode ser criado facilmente usando o controle de Layout do contêiner. Dessa forma, você pode agrupar vários controles para ter um posicionamento específico, enquanto configura o layout e o alinhamento de um único controle (ou seja, o contêiner).
Para personalizar a posição dos controles dentro de uma página ou um contêiner:
-
Selecione a página ou o contêiner onde o controle desejado reside.
-
No painel Estilo, selecione o Layout (Vertical, Horizontal) e o alinhamento do controle (Esquerda, Central, Direita, Esticar, Superior, Médio, Inferior, Distribuir).
Observação:Por padrão, os controles encaixam-se em uma linha e herdam o alinhamento do contêiner pai.
- (Opcional) Para o controle desejado, substitua o alinhamento herdado selecionando uma das opções disponíveis. Para voltar ao alinhamento padrão do contêiner, desmarque qualquer alinhamento substituído.
- (Opcional) Para o contêiner ou página desejado, selecione a opção Permitir encapsulamento para encapsular os controles em várias linhas.
auto
, o tamanho do botão cresce ou encolhe com base no texto do botão.
A altura e a largura específicas também podem ser definidas. A Largura/Altura mínima e a Largura/Altura máxima estão disponíveis no ícone de três pontos (...) na seção Tamanho do painel Estilo.
%
, px
(píxels) e em
(relacionada ao tamanho da fonte do elemento). Por exemplo, 3em significa 3 vezes o tamanho da fonte atual.
100px
no campo Largura.
Se não forem informadas unidades de medidas, como padrão, o sistema usará pixels (px).
Para alterar a maneira como o texto é exibido no seu aplicativo, ajuste os atributos na seção Fonte, como família da fonte, tamanho, cor ou estilo.
Você pode alternar entre os formatos de cores RGB, HEX e HSL clicando nas setas ao lado do valor da cor.
A seção de bordas tem três propriedades:
- Grossura da borda
- Cor da borda
- Raio de canto.
Pixel é a unidade de medição desses atributos.
Os controles e os contêineres podem ser espaçados usando os atributos nas seções Margem e Preenchimento.
As margens proporcionam espaçamento ao redor dos controles.
Os preenchimentos oferecem espaçamento entre o controle e o conteúdo dentro dele.
Para desanexar os valores Superior/Inferior e Esquerda/Direita e defini-los de forma independente, clique no botão Link à direita da seção Margem/Preenchimento.
Você pode definir a margem e o preenchimento dos controles do Contêiner, embora, para a maioria dos controles, só seja possível definir a margem.