干净优雅的做iOS应用内全局交互屏蔽

news2024/9/21 19:07:20

033247d3a1907dae8a935b306b5f190d.jpeg

3cb024ac812a64b224d8dbdcf519850b.gif

本文字数:4930

预计阅读时间:28分钟

1ac07b8dee034ee6a514ebbcb9e2940d.png

01

交互屏蔽的需求

很多应用开发者都会遇到这样一个需求,当程序需要处理某个敏感的核心任务,或者执行某些动画时,需要杜绝一切外部干扰,优先保证任务的完成,之后再去处理其它任务。否则如果在处理过程中受到外部事件的干扰,可能会引入严重的问题,而规避这些问题需要额外编写过多的逻辑。

例如,当程序在忙着清理应用内缓存的过程中去处理其它任务,这时候由于其它任务可能会产生新的缓存,这就会和现有的任务冲突。所以在清理缓存的过程中,app 一般会暂时中断用户和非用户的请求,优先保证缓存清理的完成。

所以,为了简化产品设计逻辑,开发者一般会选择在处理任务时暂时屏蔽其它任务,优先保障现有任务的完成。

举例来说,当用户点击清理缓存时,应用程序可能会弹出一个带有进度条的清理界面,在该界面下,清理工作紧张的进行着,并且告知用户正在清理任务,请稍候。

另一个需求是和动画有关,有时候我们在应用内可能会执行一些小动画,例如按钮的淡入淡出,整个页面的切换等。这些动画可能不会因为用户做快速的操作导致程序崩溃,但是因为每个动画都要时间完成,如果用户快速乱点的话,有可能会出现意想不到的情况。

例如,假设用户点击某个开关切换按钮,开关状态为开时,屏幕侧边以动画形式弹出侧边栏,当开关状态为关时,屏幕侧边栏以动画形式消失。那么如果用户快速反复点击按钮,而开发者没有处理好开关切换间隙的逻辑的话,那么就会出现侧边栏弹出动画还没执行完,就立刻消失的情况。

值得注意的是,这一类事件包括但不限于用户触摸事件,还有屏幕重力感应的变化等非用户输入事件,这就意味着这一类问题如果要优雅解决的话,不能单靠添加一个"触摸屏蔽层"。

02

常见的解决办法

对于以上问题,开发者选择的解决办法主要是两种:

第一个办法,设计一个布尔变量记录当前是否正在执行任务(或处理动画),处理这个过程中的交互逻辑。

这个办法本身没什么问题,但是开发者不得不针对每个任务去编写对应的逻辑,这样写起来就特别容易散乱。

第二个办法,设置 UIView 或者控件的 userInteractionEnabled false,并在合适的时机重新变为 true

这样做有个好处是,将整个 UIView 设置不可交互后,用户点击其它按钮也不会造成影响,但同时,如果对每个 UIView 去处理类似的逻辑,一不小心很容易出现 bug,最后导致整个 UIView 都卡住无法点击。

另外,应用可能存在多个 UIView,你锁住了一个 UIView,其它 UIView 的点击情况是否要考虑呢?

有些开发者用了更好的办法,他们直接用 UIViewControllerUIView 来做 userInteractionEnabled 的处理,这样的解决方案更进步了,但是同样存在多个 UIViewController 这个问题,虽然有效,但还欠缺优雅。

另一方面,如上述的所有方法,仅仅能拦截"触摸事件",而不能拦截非触摸事件,例如加速器,摄像头事件等,如果代码针对这些事件会做出响应,而开发者不希望在任务期间去响应他们,将被迫去添加逻辑来屏蔽才行。

03

重新理解 UIApplication

我们对 UIApplication 不陌生了,我们经常需要通过调用UIApplication.sharedApplication

在 iOS 的应用层 API 中,UIKit 最顶层的交互机制是通过 UIApplication 的 方法下发的 sendEvent

- (void)sendEvent: (UIEvent*)event

UIEvent 不止包括触摸事件,它还支持例如加速度事件等别的事件类型。

// UIEvent 的事件类型
typedef NS_ENUM(NSInteger, UIEventType) {
    UIEventTypeTouches,
    UIEventTypeMotion,
    UIEventTypeRemoteControl,
    UIEventTypePresses,
    UIEventTypeScroll,
    UIEventTypeHover,
    UIEventTypeTransform,
};

以上是 UIApplication 中的事件类型,其中最值得关注的是 UIEventTypeTouches 和 UIEventTypeMotion,因为这是开发者最常用于响应输入的事件。

04

如何拦截 sendEvent,先搞懂 UIApplicationMain

要拦截 sendEvent,就要了解 UIApplicationMain,几乎每个 iOS 开发者都会碰到它,因为它就在 main 函数里:

int main(int argc, char * argv[]) {
    NSString* appDelegateClassName;
    @autoreleasepool {
        appDelegateClassName = NSStringFromClass([AppDelegate class]);
    }
    return UIApplicationMain(argc, argv, nil, appDelegateClassName);
}

UIApplicationMain 相当于 iOS 应用自己的 main 函数,它的参数有 4 个,分别为 argcargvprincipalClassNamedelegateClassName

其中前两个参数就是 C 语言 main 函数的参数,appDelegateClassName 传入的是 AppDelegate 的类名,第三个参数则传入用户自定义的 UIApplication 子类。

我们定义一个继承自 UIApplicationMyApplication 类后,main 函数就可以传入 MyApplication 类了。

int main(int argc, char * argv[]) {
    NSString* appDelegateClassName;
    NSString* applicationClassName;
    @autoreleasepool {
        appDelegateClassName = NSStringFromClass([AppDelegate class]);
        applicationClassName = NSStringFromClass([MyApplication class]);
    }
    return UIApplicationMain(argc, argv, applicationClassName, appDelegateClassName);
}

还有一个方法可以不通过修改 main 函数来指定 MyApplication,在 XCodeInfo.plist 中,新建字符串键 “Principal class”,其值填入子类名,即本例的 MyApplication,那么当 main 函数传入的参数是 nil 时,Info.plist 所注册的 “Principal class” 将会作为指定类。如果全部没有指定,则默认为 UIApplication

05

sendEvent 拦截实现

MyApplication 类的实现部分,我们可以开始继承 sendEvent :

- (void)sendEvent: (UIEvent*)event {
    [super sendEvent: event];
}

当应用产生了 UIEvent 事件时,系统会调用 sendEvent,此时因为我们注册了 MyApplication,所以调用的是我们定义的 sendEvent 方法。在上个例子里,sendEvent 直接调用了父类的 sendEvent,相当于对所有事件都采取了默认处理。

接下来,如果我们打算屏蔽所有的加速器事件,那么可以这么写:

- (void)sendEvent: (UIEvent*)event {
    if (event.type == UIEventTypeMotion) {
        NSLog(@"UIEventTypeMotion");
        return;
    }
    [super sendEvent: event];
}

这样,如果应用内有处理摇一摇的功能,以上方法可以保证摇一摇事件不会下发。

06

交互屏蔽的接口设计

显然,我们需要更弹性的处理 sendEvent,直接屏蔽的办法是“一刀切”,更恰当的做法是需要屏蔽的时候才让它屏蔽。因此,我们可以为 MyApplication 设计一个布尔属性 eventdisabled:

@interface MyApplication()
@property (nonatomic) BOOL eventDisabled;
@end

该属性默认值是 false,即允许所有 event ,这样,sendEvent 方法的实现更改如下:

- (void)sendEvent: (UIEvent*)event {
    if (self.eventDisabled && (event.type == UIEventTypeTouches || event.type == UIEventTypeMotion)) {
        return;
    }
    
    [super sendEvent: event];
}

当 eventdisabled 为真时,app 在全局范围内禁用了用户的触摸和加速器输入事件,只有当 eventdisabled 为假时,一切照常进行。

虽然现在可以通过变量让 app 实现交互的禁用和启用了,但是我们可以设计的更弹性一点,做一个延时机制,保证延时过后交互可以恢复正常,不然开发者四处写布尔值设置的代码,一旦稍有不慎,整个界面卡住就糟了,为了程序的健壮性,可以设计如下方法:

- (void)disableUserInteraction: (NSTimeInterval)duration {
    self.userInteractionEnabled = NO;
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, duration*NSEC_PER_SEC), dispatch_get_main_queue(), ^{
        self.userInteractionEnabled = YES;
    });
}

然后,我们把该方法放到 UIApplication 的扩展中,在 MyApplication.h 加入:

@interface UIApplication()
- (void)disableUserInteraction: (NSTimeInterval)duration;
@end

这样,当我们需要临时禁用用户输入时,可以这么调用:

[UIApplication.sharedApplication disableUserInteraction: 0.3];

此时应用会在 0.3 秒内处于禁用状态,并在稍后自动恢复。

07

如何进一步优化

以上介绍的屏蔽方案已经可以解决大部分日常需求,但是还有优化空间。

例如,当有多次调用 disableUserInteraction 时,例如:

[UIApplication.sharedApplication disableUserInteraction: 0.3];
[UIApplication.sharedApplication disableUserInteraction: 1.3];

我们会发现,0.3 秒后应用就恢复了交互,而 1.3 秒的屏蔽"失效"了。

为了解决这个问题,可以引入一个计数器,保证让交互屏蔽满足最长时间的那个请求。这部分大家可以作为习题自行解决。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1013726.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

EF Core 迁移失败、数据丢失 手动处理

一、环境 windows 10 Visual studio 2022 dotnet 6.0.404 Microsoft.EntityFrameworkCore.Tools 6.0.14 二、问题 有一记录房产交易数据的实体,已有生产数据,现需更改、添加字段,产生了迁移不成功和数据丢失的问题。 原实体定义 //唯一复合索…

数据结构与算法——11.递归

这篇文章我们来讲一个很常用的算法思想——递归 目录 1.递归的概述 2.用递归求阶乘 3.用递归反向打印字符串 4.用递归来求解二分查找 5.用递归解决冒泡排序 6.用递归解决插入排序 7.用递归解决斐波那契数列 8.用递归解决兔子问题 9.用递归解决青蛙爬楼梯问题 10.递归…

CSS - 鼠标移入整行高亮显示,适用于会员套餐各参数对比页面(display: table,div 转表格形式)

效果图 可根据基础示例和进阶示例&#xff0c;复制进行改造样式。 如下图所示&#xff0c;本文提供 2 个示例。 基础示例 找个 HTML 页面&#xff0c;一键复制运行。 <body><h1 style"text-align: center;">基础示例</h1><section class"…

软件设计模式系列之六——单例模式

1 模式的定义 单例模式&#xff08;Singleton Pattern&#xff09;是一种常见的创建型设计模式&#xff0c;其主要目的是确保一个类只有一个实例&#xff0c;并提供一个全局访问点来获取该实例。这意味着无论何时何地&#xff0c;只要需要该类的实例&#xff0c;都会返回同一个…

JAVA高级技术入门(单元测试,反射,注解,动态代理)

JAVA高级技术入门&#xff08;单元测试&#xff0c;反射&#xff0c;注解&#xff0c;动态代理&#xff09; 一、Junit单元测试二、反射1.认识反射&#xff0c;获取类概念&#xff1a;快速入门&#xff1a;获取Class对象的三种方式 2.1获取类的构造器2.2获取类的构造器的作用&a…

计算机系统概述之计算机的发展历程

计算机系统概述之计算机的发展历程 计算机的发展历程计算机系统硬件的发展微处理器的发展 软件的发展CAD/ CAM/CIMS的简单介绍 思维导图总结 计算机的发展历程 计算机系统 计算机系统由硬件和软件组成。 硬件&#xff1a;指的是计算机实体&#xff0c;如&#xff1a;主机&#…

【深度学习】 Python 和 NumPy 系列教程(廿四):Matplotlib详解:2、3d绘图类型(10)3D箱线图(3D Box Plot)

目录 一、前言 二、实验环境 三、Matplotlib详解 1、2d绘图类型 2、3d绘图类型 0. 设置中文字体 1. 3D线框图&#xff08;3D Line Plot&#xff09; 2. 3D散点图&#xff08;3D Scatter Plot&#xff09; 3. 3D条形图&#xff08;3D Bar Plot&#xff09; 4. 3D曲面图…

动态规划——01背包

背包问题经典资料背包九讲&#xff0c;可以上网查一下相关资料。 下面的资料来自代码随想录和自己的一些个人理解&#xff0c;如有需要可以跳转代码随想录进行学习&#xff1a;代码随想录 (programmercarl.com) 背包一共分为01背包&#xff0c;完全背包&#xff0c;多重背包&am…

leetcode:70. 爬楼梯

一、题目 函数原型&#xff1a;int climbStairs(int n) 二、思路 此题运用递归思想。当只有1个台阶&#xff0c;那么只有1种方法爬到楼顶——跨一个台阶&#xff1b;当有2个台阶时&#xff0c;有2种方法爬到楼顶——跨一个台阶跨两次或直接跨两个台阶。当有3个台阶或更多台阶时…

实现客户端pineline的思路

背景&#xff1a; redis集群不支持客户端的mget操作&#xff0c;但是业务上对这个redis集群的批量操作的需求一直都在&#xff0c;所以有各种客户端实现了各式各样的pineline实现,本文就记录下我们公司的实现方式 pineline实现思路 1.pineline要快 pineline之所以快是因为可…

深度学习训练过程可视化工具

1.深度学习网络结构画图工具 地址&#xff1a;https://cbovar.github.io/ConvNetDraw/ 2.caffe可视化工具 输入&#xff1a;caffe配置文件 输出&#xff1a;网络结构 地址&#xff1a;http://ethereon.github.io/netscope/#/editor 3.深度学习可视化工具Visual DL Visual D…

数据变换:数据挖掘的准备工作之一

⭐️⭐️⭐️⭐️⭐️欢迎来到我的博客⭐️⭐️⭐️⭐️⭐️ &#x1f434;作者&#xff1a;秋无之地 &#x1f434;简介&#xff1a;CSDN爬虫、后端、大数据领域创作者。目前从事python爬虫、后端和大数据等相关工作&#xff0c;主要擅长领域有&#xff1a;爬虫、后端、大数据…

【毕设选题】flink大数据淘宝用户行为数据实时分析与可视化

文章目录 0 前言1、环境准备1.1 flink 下载相关 jar 包1.2 生成 kafka 数据1.3 开发前的三个小 tip 2、flink-sql 客户端编写运行 sql2.1 创建 kafka 数据源表2.2 指标统计&#xff1a;每小时成交量2.2.1 创建 es 结果表&#xff0c; 存放每小时的成交量2.2.2 执行 sql &#x…

【python手写算法】numpy实现简易神经网络和反向传播算法【1】

import numpy as npdef dense(A,W):Znp.matmul(A,W)#矩阵乘法return 1/(1np.exp(-Z))if __name__ __main__:leanring_rate100Anp.array([[200.0,17.0]])# Wnp.array([[1,-3,5],# [-2,4,-6]])# bnp.array([[-1,1,2]])W1 np.array([[0., -10, 4],[-1,3,2]])W2np.ar…

数学建模__非线性规划Python实现

使用到的是scipy库 线性规划指的是目标模型均为线性&#xff0c;除此以外的都是非线性规划&#xff0c;使用scipy提供的方法对该类问题进行求解。 from scipy.optimize import minimize import numpy as np#定义目标函数 def fun(args):a,b,c,d argsv lambda x: (ax[0])/ (b…

免费和开源的机器翻译软件LibreTranslate

什么是 LibreTranslate &#xff1f; LibreTranslate 免费开源机器翻译 API&#xff0c;完全自托管。与其他 API 不同&#xff0c;它不依赖于 Google 或 Azure 等专有提供商来执行翻译。它的翻译引擎由开源 Argos Translate 库提供支持。 这个软件在 2022 年 3 月的时候折腾过&…

Vue 3的革命性新特性:深入了解Composition API

&#x1f337;&#x1f341; 博主猫头虎&#xff08;&#x1f405;&#x1f43e;&#xff09;带您 Go to New World✨&#x1f341; &#x1f984; 博客首页——&#x1f405;&#x1f43e;猫头虎的博客&#x1f390; &#x1f433; 《面试题大全专栏》 &#x1f995; 文章图文…

数据结构与算法——8.二分查找

这篇文章我们来讲一下数据结构与算法中的二分查找 目录 1.介绍 1.1背景介绍 1.2算法介绍 2.实现 3.几个问题 4.算法改进 4.1左闭右开版 4.2 平衡版 4.3 Leftmost版 4.4 Leftmost返回 i 版 5.小结 1.介绍 首先&#xff0c;我们来介绍一下二分查找 1.1背景介绍 需…

Marmof:AI写作助手文章内容生成器工具

【产品介绍】 名称 Marmof 具体描述 Marmof是一个AI驱动的写作平台&#xff0c;可以帮助你快速创建原创、无抄袭的网站、邮件、广告和博客内容。每月提供5000字的免费额度&#xff0c;永久有效。拥有超过49种强大的工具&#xff0c;可以为各种平台生成吸引人的内容…

界面组件DevExpress WinForms v23.1亮点 - 全新升级HTML CSS模板

DevExpress WinForms拥有180组件和UI库&#xff0c;能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序&#xff0c;无论是Office风格的界面&#xff0c;还是分析处理大批量的业务数据&#xff0c;它都能轻松胜…