Conecta 4 con dotNet MAUI

  • tips
  • xamarin-forms

En esta ocasión, en lugar de traer algún mini tutorial explicando cómo hacer una funcionalidad especifica, os traigo una app completa desarrollada con dotNet MAUI. Esta es el famoso juego Conecta 4. Es una single page app, por lo que no hay demasiado que contar.

A continuación os dejo algunos GIF en los que podéis ver el diseño y comportamiento de la app. Y también os detallo los nugets que he usado y los motivos que me han llevado a utilizarlos.

Diseño y comportamiento

Nugets

  • SkiaSharp.Views.Maui.Controls: Lo he utilizado para dibujar el tablero, ya que no se me ocurría ninguna otra manera de pintar la parte exterior de una circunferencia, manteniendo su interior transparente, para que las fichas se vean caer por dentro del tablero.
  • ReactiveUI.Maui: Obviamente, la aplicación podría haberse desarrollado sin este nuget, pero siempre lo incluyo en mis proyecto porque me siento muy cómodo trabajando con él. Creo que simplifica mucho el desarrollo sin penalizar el rendimiento de mis aplicaciones.
  • ReactiveUI.Fody: Lo utilizo para ahorrar algo de código al crear propiedades en mis ViewModel.

Como siempre, aquí os dejo un enlace al repositorio del proyecto de ejemplo que he creado, para que podáis descargarlo y jugar con el ejemplo que he creado.