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 team@platzi.com

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!!