UWP开发砸手机系列(一)—— Accessibility

简介: 原文:UWP开发砸手机系列(一)—— Accessibility  因为今天讨论的内容不属于入门系列,所以我把标题都改了。这个啥Accessibility说实话属于及其蛋疼的内容,即如何让视力有障碍的人也能通过声音来使用触屏手机……也许你这辈子也不会接触,但如果有一天你遇到了,碰巧你又看了我这一篇,你就可以挺起胸膛大声说:这个逼我装定了!   首先我们来看下Accessibility在Windows 10 Mobile上原生支持的情况,点击“设置”-》“轻松使用”-》“讲述人”,开启讲述人之后,你可以先体验个几分钟(另外讲述人对中文的支持并不是很好,建议切换到英文系统)。
原文: UWP开发砸手机系列(一)—— Accessibility

  因为今天讨论的内容不属于入门系列,所以我把标题都改了。这个啥Accessibility说实话属于及其蛋疼的内容,即如何让视力有障碍的人也能通过声音来使用触屏手机……也许你这辈子也不会接触,但如果有一天你遇到了,碰巧你又看了我这一篇,你就可以挺起胸膛大声说:这个逼我装定了!

  首先我们来看下AccessibilityWindows 10 Mobile上原生支持的情况,点击“设置”-》“轻松使用”-》“讲述人”,开启讲述人之后,你可以先体验个几分钟(另外讲述人对中文的支持并不是很好,建议切换到英文系统)。

  我知道你想砸手机,但先别急着,等我们把今天的内容讲完再砸……

  如何实现让“讲述人”朗读屏幕内容呢?按照某软一贯的尿性,HelloWorld必然简单到让人发指,只需给想要被朗读的控件添加“AutomationProperties.Name”就可以了。

        <Button AutomationProperties.Name="I am a button">Button</Button>

  手指戳上去的时候就会听到“I am a button”。如果你做完了这个Sample然后就跑去汇报可行性,那你就完了……

  首先我们遇到的第一个问题就是讲述人无法识别自定义的控件,甚至连GridBorder这样的默认没有交互的控件也不会识别,这个是很糟糕的。项目中难免会用到一些UserControlCustomControl的,DataTemplate里又总会用到Grid啥的。这里统统读不出来,作为一个负责任的大公司,产品就不能发布了,后果很严重。

  如何解决这个问题呢?其实也没那么复杂啦,某软还是提供了一些接口来做这些事情,参考了MSDN上的文档(极其没有卵用)和给出的Sample(有误导人的嫌疑),最终又查看了SilverlightButtonTextBlock的源码(Windows Runtime貌似没有可以反编译的工具可以看到源码,ILSpyJustDecompile均只能看到接口定义)。给出以下的解决方案:

  解决方案以Grid举例,意图让“讲述人”识别Grid并念出AutomationProperties.Name中填写的文本。

    public class CanReadGrid : Grid
    {
        protected override AutomationPeer OnCreateAutomationPeer()
        {
            return new GridAutomationPeer();
        }
    }

    public class GridAutomationPeer : AutomationPeer
    {
        protected override object GetPatternCore(PatternInterface patternInterface)
        {
            if (patternInterface == PatternInterface.Grid)
            {
                return this;
            }

            return null;
        }

        protected override AutomationControlType GetAutomationControlTypeCore()
        {
            return AutomationControlType.Custom;
        }

        protected override string GetClassNameCore()
        {
            return "CanReadGrid";
        }
    }

  第一步需要继承自现有的系统控件Gird,然后override方法OnCreateAutomationPeer,该方法继承自UIElement,已经是非常底层的对象了。但如果你去查看Grid类本身的接口定义,会发现Grid是没有对该方法做处理的。而默认就可以读出的ButtonTextBlock等控件均override了该方法。

        //
        // Summary:
        //     在派生类中实现时,为 Microsoft UI 自动化基础结构返回类特定的 AutomationPeer 实现。
        //
        // Returns:
        //     要返回的类特定的 AutomationPeer 子类。
        protected virtual AutomationPeer OnCreateAutomationPeer();

  第二步需要创建类GridAutomationPeer继承自AutomationPeerAutomationPeer文档中给出的说法是提供一个对 Microsoft
UI 自动化公开关联所有者类的自动化同级的基类”。(虽然高考语文还可以,但仍不足以正确阅读理解MSDN天书……)既然文档看不懂,干脆就直接抄袭ButtonTextBlock的源码来写呗。经反复比较推敲,确认了最为核心的方法protected override object GetPatternCore(PatternInterface
patternInterface),亲测鉴定只要实现了该方法,即可由讲述人识别。GetAutomationControlTypeCoreGetClassNameCore都只是锦上添花而已。最终使用的XAML如下:

    <local:CanReadGrid Background="Red"
                       AutomationProperties.Name="Can read gird">
    </local:CanReadGrid>

  这个自定义的Grid终于能被“讲述人”毫无感情的念出“can read gird”了。说实话还是Contana的声音好听一些。

  本篇介绍了如何让讲述人念出自定义控件,并强力建议先不要砸手机或汇报可行性分析,因为我还留了一个大坑给你们。可交互的控件比如Button,讲述人会语音提示双击可以激活Click操作,通过ViewModel中的Command绑定也没有问题。但问题是没有Command属性的控件要如何处理?通过Behaviors绑定的Command是万万不可能会自动识别的啦?想要知道答案的,下个礼拜见……

 

 

 

 

 

 

 

 

 

 

目录
相关文章
|
1月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
542 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
2月前
|
移动开发 Android开发 数据安全/隐私保护
移动应用与系统的技术演进:从开发到操作系统的全景解析随着智能手机和平板电脑的普及,移动应用(App)已成为人们日常生活中不可或缺的一部分。无论是社交、娱乐、购物还是办公,移动应用都扮演着重要的角色。而支撑这些应用运行的,正是功能强大且复杂的移动操作系统。本文将深入探讨移动应用的开发过程及其背后的操作系统机制,揭示这一领域的技术演进。
本文旨在提供关于移动应用与系统技术的全面概述,涵盖移动应用的开发生命周期、主要移动操作系统的特点以及它们之间的竞争关系。我们将探讨如何高效地开发移动应用,并分析iOS和Android两大主流操作系统的技术优势与局限。同时,本文还将讨论跨平台解决方案的兴起及其对移动开发领域的影响。通过这篇技术性文章,读者将获得对移动应用开发及操作系统深层理解的钥匙。
|
3月前
|
Web App开发 Android开发
FFmpeg开发笔记(四十六)利用SRT协议构建手机APP的直播Demo
实时数据传输在互联网中至关重要,不仅支持即时通讯如QQ、微信的文字与图片传输,还包括音视频通信。一对一通信常采用WebRTC技术,如《Android Studio开发实战》中的App集成示例;而一对多的在线直播则需部署独立的流媒体服务器,使用如SRT等协议。SRT因其优越的直播质量正逐渐成为主流。本文档概述了SRT协议的使用,包括通过OBS Studio和SRT Streamer进行SRT直播推流的方法,并展示了推流与拉流的成功实例。更多细节参见《FFmpeg开发实战》一书。
62 1
FFmpeg开发笔记(四十六)利用SRT协议构建手机APP的直播Demo
|
3月前
|
存储 监控 开发工具
Django 后端架构开发:手机与邮箱验证码接入、腾讯云短信SDK和网易邮箱
Django 后端架构开发:手机与邮箱验证码接入、腾讯云短信SDK和网易邮箱
63 0
|
4月前
|
存储 移动开发 Android开发
使用kotlin Jetpack Compose框架开发安卓app, webview中h5如何访问手机存储上传文件
在Kotlin和Jetpack Compose中,集成WebView以支持HTML5页面访问手机存储及上传音频文件涉及关键步骤:1) 添加`READ_EXTERNAL_STORAGE`和`WRITE_EXTERNAL_STORAGE`权限,考虑Android 11的分区存储;2) 配置WebView允许JavaScript和文件访问,启用`javaScriptEnabled`、`allowFileAccess`等设置;3) HTML5页面使用`<input type="file">`让用户选择文件,利用File API;
|
4月前
|
前端开发 小程序
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
409 0
|
4月前
|
Web App开发 编解码
软件开发常见流程之兼容性和手机屏页面设计,PC端和移动端常见浏览器,国内的UC都是根据Webkit修改过来的内核,开发重点关注尺寸,常见移动端尺寸汇总,移动端,理想视口根据你设别的样式进行修改
软件开发常见流程之兼容性和手机屏页面设计,PC端和移动端常见浏览器,国内的UC都是根据Webkit修改过来的内核,开发重点关注尺寸,常见移动端尺寸汇总,移动端,理想视口根据你设别的样式进行修改
|
5月前
|
网络协议 Android开发 数据安全/隐私保护
Android手机上使用Socks5全局代理-教程+软件
Android手机上使用Socks5全局代理-教程+软件
4665 2
|
6月前
|
监控 安全 Android开发
【新手必读】Airtest测试Android手机常见的设置问题
【新手必读】Airtest测试Android手机常见的设置问题
196 0
|
6月前
|
Web App开发 前端开发 网络安全
前端分析工具之 Charles 录制 Android/IOS 手机的 https 应用
【2月更文挑战第21天】前端分析工具之 Charles 录制 Android/IOS 手机的 https 应用
107 1
前端分析工具之 Charles 录制 Android/IOS 手机的 https 应用