Как инициализировать данные и обеспечить правильную работу привязки данных в xamarin.forms? - PullRequest
Новая
       79

Как инициализировать данные и обеспечить правильную работу привязки данных в xamarin.forms?

0 голосов
/ 09 июля 2020

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

Для MasterDetailPageDetail.xaml : 

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             xmlns:local="clr-namespace:QuickDemo"          
             x:Class="QuickDemo.MasterDetailPageDetail"
             Title="Detail">
    <TabbedPage.Children>
        <NavigationPage Title="Tab One">
            <x:Arguments>
                <local:FirstPage BindingContext="{Binding FirstPageModel}" />
            </x:Arguments>
        </NavigationPage>
        <NavigationPage Title="Tab Two">

        </NavigationPage>
    </TabbedPage.Children>
  
</TabbedPage>

Для FirstPage.xaml : 

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             NavigationPage.HasNavigationBar="False"
             xmlns:buttons="clr-namespace:QuickDemo.Views.Buttons"
             x:Class="QuickDemo.FirstPage">
    <ContentPage.Content>
        <StackLayout>
            <StackLayout Padding="20,20,20,5">
                <Label Text="{Binding CurrentStartDate, StringFormat='{0:h:mm tt}'}"
                       FontSize="20"
                       TextColor="Black"/>
                <Label Text="{Binding RunningTotal, StringFormat='{}{0:h\\:mm\\:ss}'}"
                       FontSize="50" HorizontalTextAlignment="Center"
                       TextColor="Black"/>
            </StackLayout>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

Для DetailPageModel.cs : 

public class DetailPageModel : PageModelBase
    {
        private FirstPageModel _firstPageModel;
        public FirstPageModel FirstPageModel
        {
            get => _firstPageModel;
            set => SetProperty(ref _firstPageModel, value);
        }

        public DetailPageModel(
            FirstPageModel firstPageModel)
        {
            FirstPageModel = firstPageModel;
        }

        public override Task InitializeAsync(object navigationData = null)
        {
            return Task.WhenAny(base.InitializeAsync(navigationData),
                FirstPageModel.InitializeAsync(null));
        }
    }

Для FirstPageModel.cs : 

public class FirstPageModel : PageModelBase
    {
        private DateTime _currentStartDate;
        public DateTime CurrentStartDate
        {
            get => _currentStartDate;
            set => SetProperty(ref _currentStartDate, value);
        }

        private TimeSpan _runningTotal;
        public TimeSpan RunningTotal
        {
            get => _runningTotal;
            set => SetProperty(ref _runningTotal, value);
        }

        private Timer _timer;

        public FirstPageModel()
        {
           
            this.InitializeTimer();
        }

        private void InitializeTimer()
        {
            _timer = new Timer();
            _timer.Interval = 1000;
            _timer.Enabled = false;
            _timer.Elapsed += TimerElapsed;
        }

        private void TimerElapsed(object sender, ElapsedEventArgs e)
        {
            RunningTotal += TimeSpan.FromSeconds(1);
        }

        public override async Task InitializeAsync(object navigationData)
        {
            CurrentStartDate = DateTime.Now;
            RunningTotal = new TimeSpan();
            await base.InitializeAsync(navigationData);
        }
    }

И я зарегистрировал page и pagemodel в PageModelLocator.cs : 

public class PageModelLocator
    {
        static TinyIoCContainer _container;
        static Dictionary<Type, Type> _lookupTable;

        static PageModelLocator()
        {
            _container = new TinyIoCContainer();
            _lookupTable = new Dictionary<Type, Type>();

            // Register pages and page models
            Register<DetailPageModel, MasterDetailPageDetail>();
            Register<FirstPageModel, FirstPage>();


            // Register services (services are registered as singletons default)

        }

        public static T Resolve<T>() where T : class
        {
            return _container.Resolve<T>();
        }

        public static Page CreatePageFor(Type pageModelType)
        {
            var pageType = _lookupTable[pageModelType];
            var page = (Page)Activator.CreateInstance(pageType);
            var pageModel = _container.Resolve(pageModelType);
            page.BindingContext = pageModel;
            return page;
        }

        static void Register<TPageModel, TPage>() where TPageModel : PageModelBase where TPage : Page
        {
            _lookupTable.Add(typeof(TPageModel), typeof(TPage));
            _container.Register<TPageModel>();
        }
    }

PageModelBase.cs и ExtendedBindableObject.cs такие же, как в руководстве. Когда я запустил эмулятор, я получил такой результат:

введите описание изображения здесь

Я думал, что будет строка DateTime и нулевой промежуток времени. Мне кажется, что данные в FirstPageModel вообще не инициализируются. Я также пробовал установить CurrentStartTime в конструкторе. Получил тот же результат.

Я что-то пропустил для отображения CurrentStartDate и RunningTotal на FirstPage? Любая помощь или подсказки будут оценены. Заранее спасибо.

1 Ответ

0 голосов
/ 09 июля 2020

Я считаю, что ваш MasterDetailPageDetail не инициализируется (или BindingContext установлен в этом отношении). Архитектура в учебнике устанавливает BindingContext во время события навигации. Поскольку вы явно устанавливаете Master и Detail в XAML вашего MasterDetailPage, контекст привязки не устанавливается явно и метод InitializeAsync не вызывается.

Добавить инициализацию в Navigation Сервис

метод обновления NavigationService NavigateToAsync следующим образом, сразу после if (setRoot) и перед if (page is TabbedPage tabbedPage): 

if (page is MasterDetailPage mdp)
{
     App.Current.MainPage = mdp;
     // We need to initialize both Master's BindingContext as
     // well as Detail's BindingContext if they are PageModelBases
     if (mdp.Master.BindingContext is PageModelBase masterPM)
     {
         await masterPM.InitializeAsync(null);
     }
     if (mdp.Detail.BindingContext is PageModelBase detailPM)
     {
         await detailPM.InitializeAsync(null);
     }
}
else if (page is TabbedPage tabbedPage) 
// .... existing code here

Убедитесь, что вы Устанавливаем контекст привязки для страниц (мастер и деталь). Вы можете сделать это в XAML или разрешив в MasterDetailPage и PageModel, как вы это сделали для страницы с вкладками

Я могу сделать видео, чтобы охватить это, если необходимо, и добавить его в серию. Надеюсь, это поможет!

Ура, Патрик

...