Sketch 360 chega ao Microsoft Surface Duo

Em 2018, Michael Scherotter, gerente de programa principal da Microsoft, lançou o Sketch 360 na Microsoft Store.

O aplicativo permite 360 ​​esboços panorâmicos facilmente em seu tablet Windows.

Hoje Scherotter publicou uma postagem no blog sobre seu processo de trazer o mesmo aplicativo para o Android e aprimorá-lo especificamente para o Surface Duo.

Ele observa que o Surface Duo suportava exclusivamente a Surface Pen sensível à pressão e também tinha uma interface de tela dupla que combinava muito bem com a interface do usuário de dois painéis do Sketch 360 no Windows.

Ele, portanto, decidiu reconstruir o Sketch 360 usando o Xamarin.Forms, para que pudesse segmentar o Surface Duo, outros dispositivos Android nativos como o Samsung Galaxy Note e quaisquer outros dispositivos Android modernos, bem como dispositivos Apple iOS com um único aplicativo.

A arquitetura do aplicativo consiste em dois lados, uma tela de desenho e uma visão 360. Toda vez que o usuário adiciona um traço, a visualização 360 é atualizada e se move para o ponto final do traço que acabou de ser adicionado. A tela de desenho no Windows usou o controle nativo InkCanvas, que facilitou a coleta e renderização de tinta. Ao mudar para o Xamarin Forms, ele precisava reescrever a maior parte do código C# e Xaml e precisava encontrar algo para fornecer entrada de tinta, pois não havia análogo ao InkCanvas para Xamarin Forms. Ele criou um InkCanvasView usando SkiaSharp que lidava com entrada e renderização de tinta, com ferramentas para oferecer uma superfície de API semelhante ao UWP InkCanvas e implementando apenas o suficiente para oferecer suporte aos principais cenários do Sketch 360:

• Desenhar e apagar traços de tinta
• Traços de tinta sensíveis à pressão com várias cores e espessura variável
• Uma tela virtual que suporta panorâmica e zoom
• Atualização de traçado úmido para habilitar guias curvas durante o desenho
• Carregando e salvando dados de tinta vetorial

No Xamarin Forms, ele serializou a tinta para um formato JSON simples e modificou a versão do Windows para poder ler esse formato além da tinta do Windows. Isso significa que você pode iniciar um esboço em seu telefone, salvar o arquivo .sketch360 em seu OneDrive e abri-lo novamente em um dispositivo Surface maior para concluí-lo.

Michael encontrou o novo Xamarin Forms API TwoPaneView para dispositivos de tela dupla facilitou a definição de uma interface do usuário que se adapta com fluidez de um painel único a dois, retrato ou paisagem.

Os formulários do Xamarin tornaram o processo de criação de um aplicativo criativo móvel multiplataforma simples e, com as ferramentas adicionais do Xamarin Essentials, ele conseguiu torná-lo tão funcional e eficiente quanto um aplicativo nativo. Ele também foi capaz de fazer a maior parte do desenvolvimento usando o Emulador Surface Duo sem ter um dispositivo físico em mãos.

A visualização 360 é um controle WebView usando Babilônia.JS, uma estrutura JavaScript 3D de código aberto que possui um API PhotoDome. Ele foi capaz de usar o código HTML/JavaScript usando Babylon.JS com poucas modificações da versão para Windows.

O aplicativo completo já está disponível no Google Play e funciona com qualquer dispositivo Android moderno, mas funciona melhor com dispositivos que suportam canetas sensíveis à pressão, como o Surface Duo e o Samsung Galaxy Note.

Confira o aplicativo SUA PARTICIPAÇÃO FAZ A DIFERENÇAe leia sobre o processo de desenvolvimento completo no Microsoft DevBlog.

[appbox googleplay com.microsoft.garage.sketch360app]