Как передать значения из PopupWindow в мой «PageViewModel» и обновить свойства CustomPin - PullRequest
Новая
       25

Как передать значения из PopupWindow в мой «PageViewModel» и обновить свойства CustomPin

0 голосов
/ 23 апреля 2020

Я изучаю Xamarin Forms с C#, и я скачал пример TK.CustomMap, который я хочу дополнить новыми функциями. Одним из них является перетаскивание CustomPin на карту, и в конце перетаскивания я открываю всплывающее окно, где пользователь выбирает элемент Date и Picker. С этими значениями я хочу обновить свойства CustomPin, как вы можете видеть в псевдокоде, который я вставил в методе C#, который я описал ниже. Моя трудность заключается в том, что пример основан на действии «Команда», поэтому после нескольких дней поиска я не нашел никакого решения. Thks

Вот всплывающее окно Xaml 

<?xml version="1.0" encoding="UTF-8" ?>
<pages:PopupPage x:Name="popupage"
    x:Class="WorkingWithMaps.PopupNewTaskView"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:animations="clr-namespace:Rg.Plugins.Popup.Animations;assembly=Rg.Plugins.Popup"
    xmlns:pages="clr-namespace:Rg.Plugins.Popup.Pages;assembly=Rg.Plugins.Popup">
    <pages:PopupPage.Animation>
    xmlns:pages="clr-namespace:Rg.Plugins.Popup.Pages;assembly=Rg.Plugins.Popup">
    <pages:PopupPage.Animation>
        <animations:ScaleAnimation></animations:ScaleAnimation>

    </pages:PopupPage.Animation>
    <StackLayout
        Margin="12" Padding="24" BackgroundColor="WhiteSmoke" HorizontalOptions="Center" VerticalOptions="Center">
        <StackLayout>
            <Label Text="what's up?" />
            <Entry
                x:Name="TaskEntry"
                Placeholder="write them here"
                TextChanged="TaskEntry_OnTextChanged" />
        </StackLayout>
        <StackLayout>
            <Label Text="Introduza uma data correcta " />
            <DatePicker x:Name="dtevento" />
            <Picker x:Name="local"
                Title="Width"
                Grid.Row="0"
                Grid.Column="1">
                <Picker.Items>
                    <x:String>Casa</x:String>
                    <x:String>Farmacia</x:String>
                    <x:String>MerceMercado</x:String>
                    <x:String>Talho</x:String>
                    <x:String>Banco</x:String>
                    <x:String>Padaria</x:String>
                    <x:String>Outra</x:String>
                </Picker.Items>

                <Picker.SelectedIndex>
                    0
                </Picker.SelectedIndex>
            </Picker>
        </StackLayout>
        <Button
            x:Name="TaskButton" BackgroundColor="Crimson" Clicked="Button_OnClicked" CornerRadius="10"  FontSize="Large"
            IsEnabled="False" Text="Add this task now"  TextColor="White" />
    </StackLayout>
</pages:PopupPage>

Вот мое всплывающее окно c#

using Rg.Plugins.Popup.Services;
using System;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;
namespace WorkingWithMaps
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class PopupNewTaskView
    {
        public PopupNewTaskView()
        {
            InitializeComponent();
        }

        private void TaskEntry_OnTextChanged(object sender, TextChangedEventArgs e)
        {
            if (!string.IsNullOrEmpty(TaskEntry.Text))
                TaskButton.IsEnabled = true;
            else if (string.IsNullOrEmpty(TaskEntry.Text))
                TaskButton.IsEnabled = false;
        }

        private async void Button_OnClicked(object sender, EventArgs e)
        {
            await PopupNavigation.PopAsync();
        }
    }
}

наконец метод (с 2 строками псевдокода) Я хочу реализовать в C#, где DatePicker "dtevento" и Picker "local" используются внутри PopupWindow 

  public Command<TKCustomMapPin> PinNovaCommand
        {
            get
            {
                return new Command<TKCustomMapPin>(async (TKCustomMapPin pin) =>
                {
                    pin.Title = string.Format("Pin {0}, {1}", pin.Position.Latitude, pin.Position.Longitude);
///*****************************************************************************************************
                    // open (PopupNewTaskView) and get values to update the pin properties
                                             |
                   //   need something here                     V
                    await PopupNavigation.PushAsync(new PopupNewTaskView());

                    pin.DataEvento = dtevento.SelectedDate; // pseudocode
                    pin.Subtitle = local.selectedItem; // pseudocode    
                    *********************************************************************************************************************************


                });

            }

        }

1 Ответ

0 голосов
/ 23 апреля 2020

Я использовал это, как советовали (вместо мессенджера) в теме, о которой говорил Леон, и работает. В любом случае я использую счетчик для получения параметров. Не уверен, что это лучший способ 

  public Command<TKCustomMapPin> PinNovaCommand
        {
            get
            {
                return new Command<TKCustomMapPin>(async (TKCustomMapPin pin) =>
                {
                    pin.Title = string.Format("Pin {0}, {1}", pin.Position.Latitude, pin.Position.Longitude);
                    ///********************************************************************************************************************************
                    string param = String.Empty;
                    int conta = 0;
                    var page = new PopupNewTaskView();
                    page.Action += async (sender, stringparameter) =>
                    {
                        param = stringparameter; // Here you can get your data from popup, if you'll use this data for run some 

                        if (conta == 0)
                        {
                            pin.Subtitle = param;

                        }
                        else
                            if(conta == 1)
                        {
                            pin.DataEvento = param;

                        }
                        conta++;
                        // here you can handle the parameter and do your stuff
                    };
                    await PopupNavigation.Instance.PushAsync(page);
                 });
           }
        }

Всплывающее окно C# было изменено в соответствии с предложением. На button_Onclicked я вызвал дважды, потому что у меня есть 2 параметра. Вот код для этого 

using Rg.Plugins.Popup.Services;
using System;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;

namespace WorkingWithMaps
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class PopupNewTaskView
    {
        public PopupNewTaskView()
        {
            InitializeComponent();
        }

        private void TaskEntry_OnTextChanged(object sender, TextChangedEventArgs e)
        {
            if (!string.IsNullOrEmpty(TaskEntry.Text))
                TaskButton.IsEnabled = true;
            else if (string.IsNullOrEmpty(TaskEntry.Text))
                TaskButton.IsEnabled = false;
        }
        public EventHandler<string> Action;  //you can change "string" to any parameter you want to pass back.

        private async void Button_OnClicked(object sender, EventArgs e)
        {
            string parameter = local.SelectedItem.ToString();
            string parameter2 = dtevento.Date.ToString();
            Action?.Invoke(this, parameter); // don't forget to invoke the method before close the popup. (only invoke when you want to pass the value back).
            Action?.Invoke(this, parameter2);
            await PopupNavigation.PopAsync();
        }
    }
}
...