修改UITabBar样式 TintColor 和 Selected Tab Images in Xamarin.Forms iOS

修改UITabBar样式TintColor 和 Selected Tab Images in Xamarin.Forms iOS

如何在Xamarin.Forms中修改UITabBar样式？

首先新建MainTabbediOSPage继承于TabbedPage。

默认样式如下：

1. TintColor

想要得到如下效果：

只需在iOS项目中，AppDelegate 中的 FinishedLaunching 方法内添加如下代码：

UITabBar.Appearance.SelectedImageTintColor = UIColor.FromRGB(118,53,235);

 

2. Selected Tab Images

如果想要在Tab切换时，修改 Tab Image需要用到自定义渲染。

期望效果：

 

首先在iOS项目中Resource文件夹下添加Tab Images的资源文件：

（说明：此处如icon_chat是未选中图片资源，icon_chat_sel是选中图片资源）

Custom Renderer代码如下：

using System;
using System.Collections.Generic;
using System.Diagnostics;
using System.Linq;
using System.Text;

using Foundation;
using UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
using XFPractice.iOS.Renderer;
using XFPractice.Pages;

[assembly: ExportRenderer(typeof(MainTabbediOSPage), typeof(MyTabPageRenderer))]
namespace XFPractice.iOS.Renderer
{
    
    public class MyTabPageRenderer: TabbedRenderer
    {
        public override void ViewWillAppear(bool animated)
        {
            if (TabBar?.Items == null)
                return;
           
            if (Element is TabbedPage tabs)
            {
                for (int i = 0; i < TabBar.Items.Length; i++)
                {
                    UpdateItem(TabBar.Items[i], tabs.Children[i].Icon);
                }
            }
            base.ViewWillAppear(animated);
        }

        void UpdateItem(UITabBarItem item, string icon)
        {
            if (item == null)
                return;
            try
            {
                icon = icon + "_sel";
                if (item?.SelectedImage?.AccessibilityIdentifier == icon)
                    return;
                item.SelectedImage = UIImage.FromBundle(icon);
                item.SelectedImage.AccessibilityIdentifier = icon;
            }
            catch (Exception ex)
            {
                Console.WriteLine("Unable to set selected icon: " + ex);
            }

        }
    }
}