Advertisement
  1. Code
  2. Android SDK

Cómo adoptar Model View Presenter en Android

by
Read Time:11 minsLanguages:
This post is part of a series called How to Adopt Model View Presenter on Android.
An Introduction to Model View Presenter on Android
Testing and Dependency Injection With Model View Presenter on Android

Spanish (Español) translation by Elías Nicolás (you can also view the original English article)

En el tutorial anterior, hablamos sobre el modelo Model View Presenter, cómo se aplica en Android y cuáles son sus ventajas más importantes. En este tutorial, exploramos el patrón Model View Presenter con más detalle implementándolo en una aplicación de Android.

En este tutorial:

  • Construimos una aplicación simple usando el patrón MVP
  •  Exploramos cómo implementar el patrón MVP en Android
  • Y discutimos cómo superar algunas dificultades causadas por la arquitectura de Android

1. Model View Presenter

El patrón Model View Presenter es un patrón arquitectónico basado en el patrón Model View Controller (MVC) que aumenta la separación de las preocupaciones y facilita las pruebas unitarias. Crea tres capas, Model, View y Presenter, cada una con una responsabilidad bien definida.

Model View Presenter LayersModel View Presenter LayersModel View Presenter Layers

El Modelo contiene la lógica de negocio de la aplicación. Controla cómo se crean, almacenan y modifican los datos. View es una interfaz pasiva que muestra datos y dirige las acciones del usuario al presentador Presenter. El Presentador actúa como intermediario. Recupera datos del modelo y lo muestra en View. También procesa las acciones de usuario enviadas por la vista.

2. Planificación y configuración del proyecto

Vamos a construir una aplicación de notas sencilla para ilustrar MVP. La aplicación permite al usuario tomar notas, guardarlas en una base de datos local y eliminar notas. Para que sea sencillo, la aplicación tendrá una sola actividad.

App LayoutApp LayoutApp Layout

En este tutorial, nos concentramos principalmente en la implementación del patrón MVP. Otras funciones, como la creación de una base de datos SQLite, la construcción de un DAO o el manejo de la interacción del usuario, se saltan. Si necesita ayuda con cualquiera de estos temas, Envato Tuts+ tiene algunos excelentes tutoriales sobre estos temas.

Diagrama de acción y capas MVP

Comencemos con la creación de una nueva nota. Si rompemos esta acción en operaciones más pequeñas, entonces este es el aspecto que tendría el flujo usando el patrón arquitectónico MVP:

  • El usuario escribe una nota y hace clic en el botón añadir nota.
  • El presentador crea un objeto Note con el texto introducido por el usuario y le pide al modelo que lo inserte en la base de datos.
  • El modelo inserta la nota en la base de datos e informa al presentador de que la lista de notas ha cambiado.
  • El presentador borra el campo de texto y le pide a la vista que actualice su lista para mostrar la nota recién creada.
MVP Action DiagramMVP Action DiagramMVP Action Diagram

Interfaces MVP

Consideremos ahora las operaciones necesarias para lograr esta acción y separarlas usando MVP. Para mantener los diversos objetos ligeramente acoplados, la comunicación entre las capas toma lugar utilizando interfaces. Necesitamos cuatro interfaces:

  • RequiredViewOps: necesario Ver operaciones disponibles para Presenter
  • ProvidedPresenterOps: operaciones ofrecidas a View para comunicación con Presenter
  • RequiredPresenterOps: requiere las operaciones de Presenter disponibles para Model
  • ProvidedModelOps: operaciones ofrecidas a Model para comunicarse con Presenter
MVP InterfacesMVP InterfacesMVP Interfaces

3. Implementación de MVP en Android

Ahora que tenemos una idea de cómo los diversos métodos deben ser organizados, podemos comenzar a crear nuestra aplicación. Simplificamos la implementación concentrándonos únicamente en la acción para agregar una nueva nota. Los archivos fuente de este tutorial están disponibles en GitHub.

Utilizamos solamente una actividad Activity con un diseño que incluye:

  • EditText para nuevas notas
  • Button para añadir una nota
  • RecyclerView para listar todas las notas
  • Dos elementos TextView y un botón Button dentro de un contenedor de RecyclerView

Interfaces

Comencemos creando las interfaces. Para mantener todo organizado, ponemos las interfaces dentro de un titular. Una vez más, en este ejemplo nos centramos en la acción para agregar una nueva nota.

Capa View

Ahora es el momento de crear las capas Model, View y Presenter. Dado que MainActivity funcionará como View, debería implementar la interfaz RequiredViewOps.

Capa Presenter

El presentador es el intermediario y necesita implementar dos interfaces:

  • ProvidedPresenterOps para permitir llamadas desde la vista
  • RequiredPresenterOps para recibir resultados del modelo

Preste especial atención a la referencia de capa Ver. Necesitamos usar WeakReference<MVP_Main.RequiredViewOps> ya que MainActivity podría ser destruida en cualquier momento y queremos evitar pérdidas de memoria. Además, la capa de modelo aún no se ha configurado. Lo hacemos más tarde cuando conectamos las capas MVP.

Capa de modelo

La capa Modelo es responsable de manejar la lógica. Contiene una ArrayList con las notas agregadas a la base de datos, una referencia DAO para realizar operaciones de base de datos y una referencia al presentador.

4. Atar todo junto

Con las capas MVP en su lugar, necesitamos instanciarlas e insertar las referencias necesarias. Antes de hacerlo, tenemos que abordar algunos problemas que están directamente relacionados con Android.

Instanciar las capas

Debido a que Android no permite la creación de instancias de una actividad Activity, la capa de vista se instanciará para nosotros. Somos responsables de instanciar las capas del presentador y del modelo. Desafortunadamente, instanciar esas capas fuera de la Actividad Activity puede ser problemática.

Se recomienda utilizar una forma de inyección de dependencia para lograr esto. Dado que nuestro objetivo es concentrarnos en la implementación del MVP, tomaremos un enfoque más fácil. Este no es el mejor enfoque disponible, pero es el más fácil de entender. Discutiremos MVP y la inyección de la dependencia más adelante en esta serie.

  • Instanciar el Presentador y el Modelo en la Actividad usando variables locales
  • Configure RequiredViewOps y ProvidedModelOps en el presentador
  • Configure RequiredPresenterOps en el modelo
  • Guardar ProvidedPresenterOps como referencia para usar en la vista

Manejo de cambios de configuración

Otra cosa que debemos considerar es el ciclo de vida de la actividad. La actividad de Android Activity podría ser destruida en cualquier momento y las capas de Presenter y Model también podrían ser destruidas con ella. Necesitamos solucionar esto usando algún tipo de máquina de estado para guardar el estado durante los cambios de configuración. También debemos informar a las otras capas sobre el estado de la Actividad.

Para lograr esto, utilizaremos una clase separada, StateMaintainer, que contiene un fragmento que mantiene su estado y utiliza este fragmento para guardar y recuperar nuestros objetos. Puedes echar un vistazo a la implementación de esta clase en los archivos de origen de este tutorial.

Necesitamos agregar un método onDestroy al Presentador y al Modelo para informarles sobre el estado actual de la Actividad. También debemos agregar un método setView al Presentador, el cual será responsable de recibir una nueva referencia View de la Actividad recreada.

View LifecycleView LifecycleView Lifecycle

Conclusión

El patrón MVP es capaz de resolver algunos problemas causados por la arquitectura predeterminada de Android. Hace que su código sea fácil de mantener y probar. La adopción de MVP puede parecer difícil al principio, pero una vez que entienda la lógica detrás de ella, todo el proceso es sencillo.

Ahora puede crear su propia biblioteca MVP o utilizar una solución que ya está disponible, como Mosby o simple-mvp. Ahora deberías entender mejor lo que estas bibliotecas están haciendo detrás de las escenas.

Estamos casi al final de nuestro viaje MVP. En la tercera y última parte de esta serie, agregaremos las pruebas unitarias a la mezcla y adaptaremos nuestro código para usar la inyección de dependencia con Dagger. Espero verte allí.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.