Xamarin Forms Android TabbedPage自定义渲染器：最后标签颜色修改问题

我来帮你搞定这个问题！你遇到的问题大概率是因为获取TabLayout子控件的方式不对，或者OnVisibilityChanged的执行时机太早，TabLayout还没完全初始化好。咱们一步步来修复：

1. 选择正确的初始化时机 #

OnVisibilityChanged可能在TabLayout的所有Tab项还没创建完成时就触发了，这时候你根本拿不到完整的Tab列表。更可靠的方式是在OnElementChanged方法里操作，并且用Control.Post()把代码放到UI线程的队列末尾，确保TabLayout已经完全加载。

2. 正确获取TabLayout的Tab项 #

你之前直接通过GetChildAt(0)获取ViewGroup的方式是错的——TabLayout的Tab项是封装在内部的，官方提供了GetTabAt(int index)方法来获取指定位置的Tab，这才是正确的姿势。

完整修复代码示例 #

[assembly: ExportRenderer(typeof(TabbedPage), typeof(CustomTabbedPageRenderer))]
namespace YourAppNamespace.Droid
{
    public class CustomTabbedPageRenderer : TabbedPageRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<TabbedPage> e)
        {
            base.OnElementChanged(e);

            if (e.NewElement != null && Control != null)
            {
                // 等待TabLayout完全初始化，确保所有Tab都已创建
                Control.Post(() =>
                {
                    var tabLayout = Control.FindViewById<TabLayout>(Resource.Id.sliding_tabs);
                    if (tabLayout != null && tabLayout.TabCount > 0)
                    {
                        // 获取最后一个Tab项
                        var lastTab = tabLayout.GetTabAt(tabLayout.TabCount - 1);
                        if (lastTab != null)
                        {
                            // 定义颜色状态列表：区分选中和未选中状态
                            var colorStateList = new Android.Content.Res.ColorStateList(
                                new int[][]
                                {
                                    new int[] { Android.Resource.Attribute.StateSelected }, // 选中状态
                                    new int[] { } // 默认未选中状态
                                },
                                new int[]
                                {
                                    Android.Graphics.Color.Red, // 选中时的颜色
                                    Android.Graphics.Color.DarkGray // 未选中时的颜色
                                });

                            // 设置文本颜色
                            lastTab.SetTextColor(colorStateList);
                            // 如果Tab有图标，顺便设置图标颜色
                            lastTab.SetIconTint(colorStateList);
                        }
                    }
                });
            }
        }
    }
}

额外注意事项 #

• 如果你的Tab用了自定义TabView（比如在XAML里给TabbedPage设置了TabbedPage.ItemTemplate），那你需要找到自定义View里的TextView控件，直接修改它的颜色，而不是用SetTextColor。比如：

  if (lastTab?.CustomView != null)
  {
      var tabTitle = lastTab.CustomView.FindViewById<TextView>(Resource.Id.your_custom_tab_title_id);
      tabTitle?.SetTextColor(Android.Graphics.Color.Red);
  }
  

• 确认Resource.Id.sliding_tabs是正确的——如果找不到这个ID，你可以遍历Control的子View来找到TabLayout：

  var tabLayout = Control.GetChildAt(0) as TabLayout;
  

内容的提问来源于stack exchange，提问作者Sertil