Reatividade

1. Geral

A funcionalidade de "Reatividade" permite o controle dos componentes que serão atualizados em resposta a interações do usuário. Isso é fundamental para manter a interface sincronizada com o estado atual dos dados, mas ao mesmo tempo não atualizar componentes que não são necessários na interação.

2. Reatividade Manual Desativada

Por padrão, se a Reatividade Manual estiver desativada, a plataforma atualiza todos os componentes da tela quando ocorre uma alteração de dados ou interação do usuário. Este processo inclui um "piscar" da tela, onde todos os elementos são atualizados de uma vez, o que pode ser visualmente disruptivo, mas garante que toda a interface esteja sempre atualizada.

3. Configuração de Reatividade

Selecionar o Componente: Navegue até o componente que você deseja configurar a reatividade.

Ativar Reatividade Manual: No menu de configurações, em personalizar, acesse a seção "Reatividade" e ative a flag "Escolher manualmente componentes que serão atualizados" em resposta a mudanças nos dados ou interações do usuário. Isso proporciona maior controle sobre o comportamento da interface e pode otimizar o desempenho da aplicação. É particularmente útil em cenários onde a atualização constante de todos os componentes não é necessária ou poderia impactar negativamente na experiência do usuário.

Selecionar Telas: Primeiramente, selecione as telas onde estão os componentes que deseja reativar.

Componentes: Após selecionar uma tela, escolha os componentes dentro dela que devem ser atualizados automaticamente. Os componentes são selecionados pelos seus IDs. Por exemplo, você pode selecionar a Tela 1 e escolher atualizar os componentes com ID 3 e 4. Em seguida, selecionar a Tela 2 e escolher os componentes com ID 2 e 9. Isso significa que os componentes com o ID 3 e 4 da Tela 1, e os componentes com o ID 2 e 9 da Tela 2 serão reativos às mudanças.

4. Como Encontrar o ID dos Componentes

Para configurar a reatividade manualmente, é necessário conhecer o ID dos componentes que deseja tornar reativos. Cada componente, ao ser adicionado à tela, recebe automaticamente um ID único. Para descobrir o ID de um componente:

• Clique com o botão direito no componente: Ao clicar com o botão direito sobre o componente, abrirá um menu drop-down de opções.

• Ver o ID no header do menu: O ID do componente estará exibido no header deste menu. Este é o ID que deve ser selecionado ao configurar a reatividade para garantir que o componente correto seja atualizado.

5. Não atualizar nenhum outro componente

Caso queira que nenhum componente seja atualizado, basta ativar a flag "Escolher manualmente componentes que serão atualizados" e não selecionar nenhum componente. Isso desativa as atualizações automáticas para todos os componentes, garantindo que a interface permaneça estática mesmo com alterações de dados ou interações do usuário.

6. Entrada de Dados Automática e Reatividade

A funcionalidade de "Entrada de Dados Automática" é projetada para salvar automaticamente todas as alterações de dados feitas pelos usuários. Essa funcionalidade é frequentemente usada em conjunto com a flag "Escolher manualmente componentes que serão atualizados" para otimizar o desempenho da aplicação e melhorar a experiência do usuário. O uso conjunto dessas funcionalidades garante que as atualizações sejam feitas de forma suave, sem "piscadas" de tela ou interrupções visuais, proporcionando uma experiência de usuário mais fluida e contínua. Para mais informações sobre entrada de dados automática, acessar a documentação de entrada de dados.

7. Vantagens da Reatividade

Controle Preciso: Permite selecionar exatamente quais componentes devem ser atualizados, evitando atualizações desnecessárias de toda a interface.

Otimização de Desempenho: Reduz a carga de processamento ao evitar a atualização de componentes que não mudaram, melhorando a eficiência da aplicação.

Melhoria da Experiência do Usuário: Com menos "piscadas" na tela, a interface se torna mais estável e agradável para o usuário final.