Negocio

Vinculação de dados bidirecional: definição e exemplos

Menos pode ser mais?

Os desenvolvedores de software estão melhorando continuamente o processo geral de desenvolvimento. Eles se esforçam para escrever menos linhas de código, se esforçam para que o código faça mais com cada instrução executada e desejam ver menos erros no código que escrevem. É quase como no golfe, onde o melhor jogador é aquele com menos tacadas. Mas como algo assim é realista? Como os desenvolvedores conseguem mais com menos? A comunidade de desenvolvimento de hoje encontrou vários caminhos interessantes para tentar fazer mais com menos trabalho. Alguns desses caminhos são mais bem-sucedidos do que outros. E embora todos possam contribuir em algum nível, um que aparece repetidamente é o Data Binding.

O que é vinculação de dados?

Data Binding é sobre conexões. Especificamente, trata-se de criar um caminho para o fluxo de informações entre um elemento de exibição, como aqueles que existem na interface do usuário (UI), e a fonte de informações de back-end, como um arquivo ou banco de dados. A comunicação pode ocorrer em uma ou ambas as direções. Esta lição enfocará a comunicação bidirecional. Você pode encontrar vários exemplos de vinculação de dados, pois é bastante comum. Mas para aqueles que não podem, basta pensar na tela de login de qualquer aplicativo ou site de mídia social. O campo que pede sua ID de usuário é um controle que usa Data Binding para capturar as informações e autenticá-las no sistema.

O que é vinculação de dados bidirecional?

Muitas vezes pensamos na vinculação de dados como bidirecional. Em outras palavras, as informações podem fluir em ambas as direções. A vinculação de dados bidirecional permite que a interface do usuário exiba informações armazenadas em algum lugar do sistema e permite que as informações capturadas da interface do usuário atualizem as informações armazenadas. A entrada do usuário é o que o separa da vinculação de dados unidirecional. E, como o Data Binding em geral, a logística da transferência de informações é tratada nos bastidores. O desenvolvedor não vê nada disso. Eles só veem a configuração da conexão, que incluem em seu código.

Exemplos de vinculação de dados bidirecional

Agora que definimos a vinculação de dados bidirecional, vamos examinar alguns exemplos de seu uso:

  • Botões – os botões exibem palavras ou pequenas imagens que, quando clicados, fazem com que um aplicativo execute alguma ação. É bidirecional porque clicar no botão envia informações ao sistema indicando que ele foi clicado e o sistema retorna o estado para o botão. Um exemplo é o botão ‘Fechar’ para uma janela em um aplicativo como o Internet Explorer ou Chrome.
  • Caixas de texto – As caixas de texto exibem valores padrão para o usuário e aceitam entradas do usuário. A informação flui em ambas as direções. Um exemplo é o prompt de ID do usuário que aparece quando você faz login em um site de mídia social.
  • Guias – os controles da guia exibem diferentes agrupamentos de controles, dependendo da guia selecionada. Em alguns aspectos, eles são semelhantes aos botões. Eles passam o clique para o sistema para obter uma resposta e aceitam atualizações do sistema para exibir o status. Um exemplo é o controle de guia que separa as páginas da web no navegador Chrome.
  • Controles deslizantes – um controle deslizante aparece ao longo da borda de uma janela e permite ao usuário rolar o conteúdo da janela. O controle envia solicitações de rolagem do usuário ao sistema, e o sistema responde atualizando a aparência dos controles. Um exemplo é a barra de rolagem que você vê ao lado de um documento no Word.

Resumo da lição

Para recapitular, Data Binding é o processo de criação de um caminho para o fluxo de informações entre um elemento de exibição e a fonte de informações de back-end. A vinculação de dados bidirecional permite que a interface do usuário exiba informações armazenadas e permite que as informações capturadas da interface do usuário atualizem as informações armazenadas. Exemplos de uso de vinculação de dados bidirecional incluem botões, caixas de texto, guias e controles deslizantes.