Gere sua próxima grade do Xamarin.Forms: é tão fácil quanto arrastar e soltar

Se você já usou outras plataformas de desenvolvimento, provavelmente está acostumado a usar uma caixa de ferramentas nativa que permite arrastar e soltar controles ou o que você precisar para o seu código. Agora você decidiu usar o Xamarin.Forms... e não há caixa de ferramentas.

É aí que entra o Ultimate UI Controls for Xamarin e oferece a Infragistics Toolbox: a primeira caixa de ferramentas do mundo com tecnologia NuGet para Xamarin. Forms. Com essa caixa de ferramentas, você pode arrastar e soltar o componente ou controle que deseja usar, e o código XAML será gerado automaticamente.

Para começar, abriremos o aplicativo que criamos. Depois de abrir a solução, clique com o botão direito do mouse no projeto e selecione Gerenciar Pacotes NuGet para Solução.

Na guia Procurar do gerenciador de pacotes NuGet, pesquise XF. DataGrid. Selecione o pacote Infragistics.XF.DataGrid e, em seguida, habilite o pacote para o projeto marcando as marcas de seleção. Clique em Instalar para adicionar o pacote à solução.

Agora que adicionamos o pacote, vamos abrir a caixa de ferramentas e ver o que temos. Você pode abrir a caixa de ferramentas clicando em Exibir -> Outras janelas -> Infragistics Caixa de ferramentas.

Com os pacotes que instalamos, devemos ser capazes de ver diferentes layouts, visualizações e células na caixa de ferramentas. Por enquanto, vamos nos concentrar especificamente no uso de uma grade.

Usando a solução que criamos em um blog anterior, já temos um Modo de Exibição chamado GridPage.xaml. Vamos abrir esta página para que possamos trabalhar com a caixa de ferramentas. Com a página aberta, coloque o cursor em uma linha e clique duas vezes em Grade na caixa de ferramentas.

Uma grade em branco será criada automaticamente para nós. Neste ponto, a grade não é muito interessante. Ainda precisaríamos personalizá-lo com base em como queremos que ele fique e como os dados devem aparecer. Vamos excluir essa grade e adicioná-la de uma maneira diferente. Com o cursor em uma linha, mantenha pressionada a tecla Ctrl e clique duas vezes no layout de grade.

Agora estamos falando de uma economia em tempo real. Não apenas a grade é criada, mas o layout da grade é mais complexo, oferecendo duas colunas e cinco linhas para nós automaticamente. Use esse atalho para grades e todos os outros controles na caixa de ferramentas.

Comece a usar a Caixa de Ferramentas para criar aplicativos móveis com este vídeo de introdução, que orienta você pelas exibições, layouts e dicas de ferramentas que você pode arrastar e soltar para criar páginas rapidamente e automatizar sua codificação e formatação.

Pronto para ver como você pode economizar tempo criando layouts e exibições com o Infragistics Toolbox? Baixe uma versão de avaliação dos controles de interface do usuário para Xamarin para começar. Também temos vídeos e aulas para ajudá-lo.