O X do Xamarin Forms — Editor Online de XAML, o poder do Wasm

Image for post
Image for post

Fala galera,

Não você não leu o titulo errado, realmente vou falar de uma ideia bem bacana para editar arquivos Xaml na Web.

A um tempo atras eu escrevi um artigo dizendo como utilizar Xamarin.Forms com asp.core, neste artigo eu demonstro um plugin chamado “Ooui”.

Pois bem, o criador desse plugin Frank A. Krueger, resolveu melhorar ainda mais a brincadeira.

Utilizando a tecnologia de Web Assembly criou o XAML Editor:

Image for post
Image for post

A ideia é sensacional, conforme escrevemos o código Xaml a esquerda ele vai montando a interface a direita.

Claro que a brincadeira tem algumas limitações, por exemplo:

· Não temos o IntelliSense do Visual Studio nos ajudando.

· Controles que referenciam outros namespace não funcionam

· Alguns controles geram erros ou travam a aplicação

Mas alem de demonstrar o poder dessa biblioteca e do WebAssembly podemos criar umas telas bem simples,utilizando de Mockup e ate copiando o código para nosso APP.

Eu brinquei um pouco com ele , utilizando telas de alguns Apps :

Image for post
Image for post

Notem que utilizar o Binding não é um problema. Ele também entendeu as cores formatos e campos.

Image for post
Image for post

Alguns Controles não funcionam muito bem.

Apesar de diversas limitações creio que é um começo e é interessante testar algumas interfaces e ver ate onde podemos chegar.

Caso você queria testar e usar, pode baixar o fonte no repositório oficial ou acessando o demo online clicando aqui.

Se quiser conhecer sobre o projeto clique aqui.

Depois me contem o que conseguiram fazer com ele :D

Espero ter ajudado,

Aquele Abraço!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store