如何在Xamarin.Forms中检测到标签按钮的点击？

Question

这是我的代码。我想知道当用户点击已经选中的标签时我怎么能检测到我想要在play.png和pause.png之间切换aPage的图标加上我也想在APage上调用方法。

public partial class MainPage : TabbedPage
{
    public MainPage()
    {
        InitializeComponent();

        var aPage = new NavigationPage(new APage())
        {
            Title = "Play",
            Icon = "play.png"
        };
        var bPage = new NavigationPage(new BPage())
        { 
            Title = "Settings",
            Icon = "b.png"
        };

        Children.Add(aPage);
        Children.Add(bPage);
    }
}

请注意，如果可能，我想找到一个不涉及iOS和Android自定义渲染器的解决方案。我想知道我可以重新定义TabbedPage并将逻辑放在那个类中吗？

Answer 1

我知道您要避免使用自定义渲染器，但这只能使用自定义渲染器。

代码

Xamarin.Android自定义渲染器

using Android.Content;
using Android.Support.Design.Widget;

using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
using Xamarin.Forms.Platform.Android.AppCompat;

[assembly: ExportRenderer(typeof(MainPage), typeof(MainPageRenderer))]
namespace YourNameSpace
{
    public class MainPageRenderer : TabbedPageRenderer, TabLayout.IOnTabSelectedListener
    {
        MainPage _page;

        public MainPageRenderer(Context context) : base(context) { }

        protected override void OnElementChanged(ElementChangedEventArgs<TabbedPage> e)
        {
            base.OnElementChanged(e);

            if (e.NewElement != null)
                _page = e.NewElement as MainPage;
            else
                _page = e.OldElement as MainPage;
        }

        void TabLayout.IOnTabSelectedListener.OnTabReselected(TabLayout.Tab tab)
        {
            System.Diagnostics.Debug.WriteLine("Tab Reselected");
            //Handle Tab Reselected
        }
    }
}

Xamarin.iOS自定义渲染器

using System;
using System.Diagnostics;

using UIKit;

using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;

[assembly: ExportRenderer(typeof(MainPage), typeof(MainPageRenderer))]
namespace YourNameSpace
{
    public class MainPageRenderer : TabbedRenderer
    {
        MainPage _page;

        protected override void OnElementChanged(VisualElementChangedEventArgs e)
        {
            base.OnElementChanged(e);

            if (e.NewElement != null)
                _page = e.NewElement as MainPage;
            else
                _page = e.OldElement as MainPage;

            try
            {
                if (ViewController is UITabBarController tabBarController)
                    tabBarController.ViewControllerSelected += OnTabbarControllerItemSelected;
            }
            catch (Exception exception)
            {
                Debug.WriteLine(exception);
            }
        }

        void OnTabbarControllerItemSelected(object sender, UITabBarSelectionEventArgs eventArgs)
        {
            if (_page?.CurrentPage?.Navigation != null && _page.CurrentPage.Navigation.NavigationStack.Count > 0)
            {
                Debug.WriteLine("Tab Tapped");
                //Handle Tab Tapped
            }
        }
    }
}

代码信用：@Kyle https://stackoverflow.com/a/42909203/5953643

Answer 2

如果您想获得选定标签，则需要使用 ItemSource 和 SelectedItem 属性，例如ListView。

Answer 3

您可以在iOS中轻松完成此操作，但在Android中，您需要自定义渲染器。只需查看此博客 http://motzcod.es/post/162985782667/dynamically-changing-xamarin-forms-tab-icons-when-select

Answer 4

你做不到。来自TabbedPage的{​​{1}} MultiPage您可以查看来自here的来源。这里实现了所有选择，取消选择，更新，模板和逻辑。您希望观看CurrentPage属性，但如果已选择值检查，则无法使用。

Answer 5

this.PropertyChanging += async (object sender, PropertyChangingEventArgs e) =>
        {
            if (e.PropertyName == "CurrentPage")
            {
                if (this.CurrentPage == null)
                    return;

.....

            }
        };