App Pomodoro

Clase 50 de 52 • Curso de Xamarin.Forms

Clase anteriorSiguiente clase

Resumen

Continuación de la codificación del proyecto de Pomodoro:

Cragamos las listas de opciones de duración que usamos en la página de configuraciones
Creamos el messagingCenter y suscribimos la página de activación a los mensajes de la página de configuración
Guardamos y cargamos las duraciones desde el estado de la aplicación
Creamos la interfaz de la Vista de la página de activación de los Pomodoros
Implementamos el Timer para la actualización de los ciclos en base a las configuraciones guardadas
Creamos y enlazamos los comandos para iniciar y detener el timer

Ludian Quiñones Solano

student•

Muy buen curso hay que hacer el avanzado

RODRIGO DIAZ CONCHA

teacher•

Hola @10155737874947145

Muchas gracias por tu comentario. Puedes hacerle saber a Platzi esto escribiéndoles en Twitter (@platzi) o a su correo

Salu2!

Miguel Angel Valverde Meregildo

student•

Algo parecido realice para el reto “Reloj”, creo que no lo hice mal. 😄

Luis Miguel Avila Soto

student•

Obtengo esta molesta Excepcion corriendo el codigo que escribo a medida que avanza el curso como corriendo el codigo en el repo de GitHub, el error pone:
"Unhandled Exception:

System.ArgumentException: <Timeout exceeded getting exception details> ocurrió"
En la linea que pone:
"timer.Elapsed += Timer_Elapsed;"
En PomodoroPageViewModel.
Espero el profesor o alguien que lea esto me pueda ayudar a resolverlo.

RODRIGO DIAZ CONCHA

teacher•

Hola @lavilaso,

¿Me podrías decir en qué momento te arroja esa excepción?

-RDC

julian david quintero

student•

hay algún cambio con el xamarin de la versión 5, por que hice casi lo mismo y cuando le di en configuración no me llevo a la vista de configuración. cambie el master por el flyout ya que estoy trabajando con vs 2022

Joshua Raúl Váley Porras

student•

Ayuda, luego de navegar al page de Configuracion puedo ver los tiempos de “Duracion del pomodoro” pero no de “Duracion de la pausa” Dejo mi código para ver si me pueden ayudar. Por lo menos de las clases en las que creo que está mi error.

ConfigurationPageViewModel.cs

using System;
using System.Collections.ObjectModel;
using System.Windows.Input;
using Xamarin.Forms;

namespace Pomodoro.ViewModels
{
    public class ConfigurationPageViewModel : NotificationObject
    {
        private ObservableCollection<int> pomodoroDurations;

        public ObservableCollection<int> PomodoroDurations
        {
            get => pomodoroDurations;
            set
            {
                pomodoroDurations = value;
                OnPropertyChanged();
            }
        }

        private ObservableCollection<int> breakDurations;

        public ObservableCollection<int> BreakDurations
        {
            get => breakDurations;
            set
            {
                breakDurations = value;
                OnPropertyChanged();
            }
        }
        //------------------------- End ObservableCollections ----------------------------//


        private int selectedPomodoroDuration;

        public int SelectedPomodoroDuration
        {
            get => selectedPomodoroDuration;
            set
            {
                selectedPomodoroDuration = value;
                OnPropertyChanged();
            }
        }

        private int selectedBreakDuration;

        public int SelectedBreakDuration
        {
            get => selectedBreakDuration;
            set
            {
                selectedBreakDuration = value;
                OnPropertyChanged();
            }
        }

        public ICommand SaveCommand { get; set; }

        public ConfigurationPageViewModel()
        {
            LoadPomodoroDurations();
            LoadBreakDurations();
            SaveCommand = new Command(SaveCommandExecute);

        }

        private void LoadBreakDurations()
        {
            BreakDurations = new ObservableCollection<int>();
            BreakDurations.Add(1);
            BreakDurations.Add(5);
            BreakDurations.Add(10);
            BreakDurations.Add(25);
        }

        private void LoadPomodoroDurations()
        {
            PomodoroDurations = new ObservableCollection<int>
            {
                1,
                5,
                10,
                25
            };
        }

        private async void SaveCommandExecute()
        {
            Application.Current.Properties["PomodoroDurations"] = SelectedPomodoroDuration;
            Application.Current.Properties["BreakDurations"] = SelectedBreakDuration;

            await Application.Current.SavePropertiesAsync();
        }
    }
}

RootPage.xaml.cs

namespace Pomodoro
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class RootPage : MasterDetailPage
    {
        public RootPage()
        {
            InitializeComponent();
            //MasterPage.ListView.ItemSelected += ListView_ItemSelected;
            MessagingCenter.Subscribe<RootPageViewModel>(this,"GoToConfiguration", (a) => 
            {
                //La pagina a la que deseamos navegar. 
                Detail = new NavigationPage(new ConfigurationPage());
                //No opcion seleccionada, usuario puede volver a escojer. 
                IsPresented = false;
            });
        }

        //private void ListView_ItemSelected(object sender, SelectedItemChangedEventArgs e)
        //{
            //var item = e.SelectedItem as RootPageMenuItem;
            //if (item == null)
            //    return;

            //var page = (Page)Activator.CreateInstance(item.TargetType);
            //page.Title = item.Title;

            //Detail = new NavigationPage(page);
            //IsPresented = false;

            //MasterPage.ListView.SelectedItem = null;
        //}
    }
}

Si ahí no está mi error agradezco que me lo digan para seguir buscando

Lucas Gabriel Bica

student•

Hola @Joshval97
No veo que haya ningún error en tu código.
Creo que si algo está mal es en el script “ConfigurationPage.xaml”

Te deberia estar faltando agregar "Mode=“Twoway” en el picker.
Te muestro el codigo:

<Picker ItemsSource="{Binding BreakDurations}"
                SelectedItem="{Binding SelecterBreakDuration,Mode=TwoWay}"/>

También te recomiendo que te asegures que hayas escrito bien el nombre de las variables porque puede ser que las cambiaste en el archivo CS pero no en el XAML y que Visual Studio no te esté marcando el error.

Borra los nombres de las variables y volvelas a escribir, que Visual Studio te las auto complete.

AVISAME SI SE SOLUCIONO

Saludos !

Juan David Avila Medrano

student•

Que buena manera de manejar el MessagingCenter, muchas gracias!!

App Pomodoro

Introducción a Xamarin

¡Renovamos este contenido con cursos de .NET MAUI!

Antes de empezar

Todo lo que aprenderás sobre Xamarin Forms

¿Qué es Xamarin?

Instalación y configuración

Requerimientos de hardware y software

Introducción a Instalación de Visual Studio .NET y Herramientas

Instalación de Visual Studio .NET en Windows

Instalación de Visual Studio .NET for Mac

Configuración de Xamarin para iOS

Fundamentos de Xamarin.Forms

Mi primera app con Xamarin.Forms

Xamarin.Forms vs. Xamarin clásico

Estrategias para compartir código

Arquitectura de Xamarin.Forms

Anatomía de una aplicación

Arquitectura de Xamarin.Forms

Sistema de Propiedades Enlazables

Sistema de Propiedades Enlazables

Usando y creando Propiedades Enlazables

Propiedades Adjuntas

Manejo de Eventos

Manejo de eventos

Ciclo de vida

El Lenguaje XAML

¿Qué es XAML?

Espacios de Nombres XML

Sintaxis de subelementos y de contenido

Extensiones de Marcado

Recursos

XAML compilado

Interfaz de Usuario

Contenedores

Controles comunes

Creación de controles personalizados

Estilos

Triggers en Estilos

Diccionarios Mezclados

Transformaciones y Animaciones

Navegación

DisplayAlert y DisplayActionSheet

MessagingCenter

Enlace de Datos

Enlace de Datos

Interfaces de notificación

La clase ObservableCollection&amp;lt;t&amp;gt;

Contexto de Enlace de Datos

Enlace entre elementos

Propiedad StringFormat

Plantillas de Datos

Convertidores de Valor

Comandos

¿Qué son los Comandos?

Implementación básica e implementaciones existentes

El Patrón de Diseño Model-View-ViewModel (MVVM)

Introducción al patrón de diseño MVVM

¿Qué es MVVM?

Componentes del Patrón

Proyecto: Pomodoro

App Pomodoro

Continuando con la app Pomodoro

Concluyendo nuestra app Pomodoro

La clase ObservableCollection<t>