Как установить заголовок вкладки с помощью MVVMCross 6.2? - PullRequest
Новая
       25

Как установить заголовок вкладки с помощью MVVMCross 6.2?

0 голосов
/ 11 марта 2019

Я пытаюсь выяснить, как правильно установить локализованную строку как заголовок вкладки (или динамически изменить заголовок вкладки) с помощью MVVMCross 6.2+ в Xamarin Android.Как мне установить заголовок вкладки в простом примере приложения?Заранее спасибо за вашу помощь.

Вот простой пример приложения:

MvvmCrossTabs.Core

HomeViewModel.cs 

using System.Collections.Generic;
using System.Threading.Tasks;
using MvvmCross.Commands;
using MvvmCross.Logging;
using MvvmCross.Navigation;
using MvvmCross.ViewModels;

namespace MvvmCrossTabs.Core.ViewModels
{
    public class HomeViewModel : MvxNavigationViewModel
    {
        public IMvxAsyncCommand ShowInitialViewModelsCommand { get; private set; }

        public HomeViewModel(IMvxLogProvider logProvider, IMvxNavigationService navigationService) : base(logProvider, navigationService)
        {
            ShowInitialViewModelsCommand = new MvxAsyncCommand(ShowInitialViewModels);
        }

        private async Task ShowInitialViewModels()
        {
            await Task.WhenAll(new List<Task>
            {
                NavigationService.Navigate<Tab1ViewModel>(),
                NavigationService.Navigate<Tab2ViewModel>(),
                NavigationService.Navigate<Tab3ViewModel>()
            });
        }
    }
}

Tab1ViewModel.cs(Tab2ViewModel.cs, Tab3ViewModel.cs) 

using MvvmCross.Logging;
using MvvmCross.Navigation;
using MvvmCross.ViewModels;

namespace MvvmCrossTabs.Core.ViewModels
{
    public class Tab1ViewModel : MvxNavigationViewModel
    {
        public Tab1ViewModel(IMvxLogProvider logProvider, IMvxNavigationService navigationService) : base(logProvider, navigationService)
        {

        }
    }
}

App.cs 

using MvvmCross.IoC;
using MvvmCross.ViewModels;
using MvvmCrossTabs.Core.ViewModels;

namespace MvvmCrossTabs.Core
{
    public class App : MvxApplication
    {
        public override void Initialize()
        {
            CreatableTypes()
                .EndingWith("Service")
                .AsInterfaces()
                .RegisterAsLazySingleton();

            RegisterAppStart<HomeViewModel>();
        }
    }
}

MvvmCrossTabs.Android

MainApplication.cs 

using System;
using Android.App;
using Android.Runtime;
using MvvmCross.Droid.Support.V7.AppCompat;
using MvvmCrossTabs.Core;

namespace MvvmCrossTabs.Android
{
    [Application]
    public class MainApplication : MvxAppCompatApplication<MvxAppCompatSetup<App>, App>
    {
        public MainApplication() : base() { }

        public MainApplication(IntPtr javaReference, JniHandleOwnership transfer) : base(javaReference, transfer) { }
    }
}

home.axml 

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/maincontent"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_scrollFlags="scroll|enterAlways" />

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_scrollFlags="enterAlways"
            app:tabGravity="fill"
            app:tabMaxWidth="0dp" />

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</android.support.design.widget.CoordinatorLayout>

tab1.axml (tab2.axml, tab3.axml) 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:local="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_frame"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

</LinearLayout>

styles.xml 

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>

HomeView.cs 

using Android.App;
using Android.Content.PM;
using Android.OS;
using Android.Support.V7.Widget;
using MvvmCross.Droid.Support.V7.AppCompat;
using MvvmCross.Platforms.Android.Presenters.Attributes;
using MvvmCrossTabs.Core.ViewModels;

namespace MvvmCrossTabs.Android
{
    [Activity(Label = "@string/app_name", LaunchMode = LaunchMode.SingleTask, Theme = "@style/AppTheme", MainLauncher = true)]
    [MvxActivityPresentation]
    public class HomeView : MvxAppCompatActivity<HomeViewModel>
    {
        protected override void OnCreate(Bundle savedInstanceState)
        {
            base.OnCreate(savedInstanceState);
            SetContentView(Resource.Layout.home);

            // Replaces Action Bar with new Toolbar.
            var toolbar = FindViewById<Toolbar>(Resource.Id.toolbar);
            SetSupportActionBar(toolbar);

            ViewModel.ShowInitialViewModelsCommand.Execute();
        }
    }
}

Tab1View.cs (Tab2View.cs, Tab3View.cs) 

using Android.OS;
using Android.Runtime;
using Android.Views;
using MvvmCross.Droid.Support.V4;
using MvvmCross.Platforms.Android.Binding.BindingContext;
using MvvmCross.Platforms.Android.Presenters.Attributes;
using MvvmCrossTabs.Core.ViewModels;

namespace MvvmCrossTabs.Android.Views
{
    [MvxTabLayoutPresentation(TabLayoutResourceId = Resource.Id.tabs, ViewPagerResourceId = Resource.Id.viewpager, Title = "Tab 1", ActivityHostViewModelType = typeof(HomeViewModel))]
    [Register(nameof(Tab1View))]
    public class Tab1View : MvxFragment<Tab1ViewModel>
    {
        public override void OnCreate(Bundle savedInstanceState)
        {
            base.OnCreate(savedInstanceState);

            // Create your fragment here
        }

        public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
        {
            base.OnCreateView(inflater, container, savedInstanceState);

            return this.BindingInflate(Resource.Layout.tab1, null);
        }
    }
}

Ответы [ 2 ]

1 голос
/ 13 марта 2019

Когда ваши вкладки создаются с использованием ShowInitialViewModelsCommand, встроенный презентатор создает список MvxViewPagerFragmentInfo объектов, передавая значение заголовка из атрибутов. Вы можете видеть это в методе ShowViewPagerFragment в исходном коде MvvmCross.

Список MvxViewPagerFragmentInfo объектов затем передается в MvxCachingFragmentStatePagerAdapter, который создается для ViewPager. Вы можете видеть, что это происходит здесь

MvxCachingFragmentStatePagerAdapter наследуется от класса MvxFragmentPagerAdapter. Внутри класса MvxFragmentPagerAdapter наконец-то и используется название, которое вы указали. Вы можете увидеть, как он используется в GetPageTitleFormatted методе здесь

Таким образом, чтобы изменить заголовок во время выполнения, вы можете сделать следующее:

Создайте подкласс презентатора по умолчанию и переопределите метод ShowViewPagerFragment (он помечен как виртуальный) и предоставьте правильную локализованную строку заголовка вместо той, которая определена в атрибуте

Вот пример того, как этого добиться:

1.) Создание собственного докладчика и переопределение ShowViewPagerFragment

public class LocalizedTabPresenter : MvxAppCompatViewPresenter
{
    public LocalizedTabPresenter(IEnumerable<Assembly> androidViewAssemblies) : base(androidViewAssemblies)
    {
    }

    protected override Task<bool> ShowViewPagerFragment(Type view, MvxViewPagerFragmentPresentationAttribute attribute, MvxViewModelRequest request)
    {
        if (attribute.ViewModelType == typeof(Tab1ViewModel)) { 
            attribute.Title = "My Localized Title for Tab 1"
        }

        return base.ShowViewPagerFragment(view, attribute, request);
    }
}

2.) В вашем классе Setup.cs дайте знать MvvmCross, чтобы использовать вместо этого собственный презентатор 

protected override IMvxAndroidViewPresenter CreateViewPresenter()
{
    return new LocalizedTabPresenter(AndroidViewAssemblies);
}

Примечание:

  • Это будет работать, только если вам нужно установить заголовок только один раз , когда приложение запускается и настраивает вкладки в первый раз.

Если вы находитесь в ситуации, когда заголовок может меняться несколько раз во время работы приложения, вам необходимо создать подкласс MvxCachingFragmentStatePagerAdapter и переопределить метод GetPageTitleFormatted и предоставить более настраиваемую реализацию, соответствующую вашему сценарию использования.

Надеюсь, это поможет.

0 голосов
/ 11 марта 2019

Вы должны сделать что-то подобное: 

        if (fragments == null || fragments.Count == 0)
        {
            _firstFragment= (YourFragmentType)Activator.CreateInstance(typeof(YourFragmentType));
            _firstFragment.ViewModel = YourVM;

            _secondFragment= (YourFragmentType)Activator.CreateInstance(typeof(YourFragmentType));
            _secondFragment.ViewModel = YourVM;

            _thridFragment= (YourFragmentType)Activator.CreateInstance(typeof(YourFragmentType));
            _thridFragment.ViewModel = YourVM;

            // Strings from RESX Localization
            fragments = new Dictionary<string, Fragment>
            {
                { Strings.first_localized_string, _firstFragment},
                { Strings.second_localized_string, _secondFragment},
                { Strings.thrid_localized_string, _thridFragment}
            };
        }

        viewPager = View.FindViewById<ViewPager>(Resource.Id.viewpager);

        adapter = new TabsFragmentPagerAdapter(ChildFragmentManager, fragments);
        viewPager.Adapter = adapter;

        var tabLayout = View.FindViewById<TabLayout>(Resource.Id.tabs);
        tabLayout.SetupWithViewPager(viewPager);

Ваш адаптер: 

public class TabsFragmentPagerAdapter : FragmentPagerAdapter
{
    private readonly Fragment[] fragments;
    private readonly string[] titles;

    public TabsFragmentPagerAdapter(FragmentManager fm, Dictionary<string, Fragment> fragments) : base(fm)
    {
        this.fragments = fragments.Values.ToArray();
        this.titles = fragments.Keys.ToArray();
    }
    public override int Count => fragments.Length;

    private String GetCharSeuenceFromString(string s)
    {
        return new String(s);
    }

    public override Object InstantiateItem(ViewGroup container, int position)
    {
        return base.InstantiateItem(container, position);
    }

    public override void SetPrimaryItem(ViewGroup container, int position, Object @object)
    {
        base.SetPrimaryItem(container, position, @object);
    }

    public override Fragment GetItem(int position)
    {
        return fragments[position];
    }

    public override ICharSequence GetPageTitleFormatted(int position)
    {
        return GetCurrentPageTitle(position);
    }

    private ICharSequence GetCurrentPageTitle(int position)
    {
        return GetCharSeuenceFromString(titles[position]);
    }
}

Удачной кодировки!

PS Не используйте фрагменты с генериками.

...