Xamarin 表单 - 如何在 TabbedView (iOS) 上自定义 VoiceOver

Question

我有一个简单的 TabbedView，底部有三个标签图标，在 iOS 中显示得很好。

但是，我对它为有视力问题的人生成的 VoiceOver 文本并不满意。上面写着：

• “标签栏页面 1 之一”
• “标签栏第 2 页，共三页”
• “标签栏第 3 页三之三”

我想让它更友好，我想说：

• “测试 1”
• “测试 2”
• “测试 3”

我尝试使用标准的AutomationProperties.Name 属性来实现这一点，我在应用程序的其他任何地方都使用了它，但是对于 TabbedPage，它完全被忽略了：

<?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:mypages="clr-namespace:radio;assembly=radio" 
             x:Class="radio.MainPage">

    <NavigationPage Title="Page 1" IconImageSource="icon_1.png" AutomationProperties.Name="Test 1" >
        <x:Arguments>
            <mypages:PageArchive />
        </x:Arguments>
    </NavigationPage>

    <mypages:PagePlayer Title="Page 2" IconImageSource="icon_2.png" AutomationProperties.Name="Test 2" />

    <mypages:PageAboutXaml Title="Page 3" IconImageSource="icon_3.png"  AutomationProperties.Name="Test 3"/>

</TabbedPage>

有什么想法可能是错的吗？

Answer 1

尝试在 tabBarItem 上设置自定义accessibilityLabel 。

我们需要创建自定义渲染器来实现这一点。

[assembly: ExportRenderer(typeof(TabbedPage), typeof(MyRenderer))]
namespace FormsApp.iOS
{
    public class MyRenderer : TabbedRenderer
    { 
        public override void ViewWillLayoutSubviews()
        {
            base.ViewWillLayoutSubviews();
            int index = 1;
            foreach (var vc in ViewControllers)
            {
               vc.TabBarItem.AccessibilityLabel = "Test" + index.ToString();
               index++;
            }            
        }  
    }
}

请参阅https://stackoverflow.com/a/26368487/8187800。