一、原理
核心是利用UITextField的secureTextEntry属性隐藏内容,注意该功能仅iOS13.2及以上支持。
UITextField在开启密码模式后,在截屏录屏时隐藏一个子视图。
注:模拟器左上角的截图不支持UITextField的密码隐藏。如果要模拟真机截图,可以点击模拟器菜单 Device->Trigger Screenshot。
二、测试的例子
所以可以将需要禁止截屏的视图添加到UITextField上,当用户截图时,这个子视图就会被隐藏。
测试代码如下:
// ViewController1.m
UIView *theView = self.textField.subviews.firstObject;
[self.view addSubview:theView];
theView.userInteractionEnabled = YES;
[theView addSubview:self.imageView];
[theView ma_makeConstraints:^(MAAutoLayout * _Nonnull make) {
make.top.equalTo(self.ma_safeAreaTopLayoutGuide);
make.leftRight.equalTo(self.view);
make.width.equalTo(theView.ma_height);
}];
[self.imageView ma_makeConstraints:^(MAAutoLayout * _Nonnull make) {
make.edge.equalTo(theView);
}];
上面的代码运行后,会出现一下效果,真机截图时会将图片隐藏。
三、项目中的实现方式
1、整个界面禁止截屏
一般在项目中会要求隐藏整个界面,为了避免每个界面都需要添加UITextField相关的代码,可以在父类的UIViewController添加如下代码:
// BaseViewController.h
@interface BaseViewController : UIViewController
@property (nonatomic, assign) BOOL banScreenshot;
@end
// BaseViewController.m
@implementation BaseViewController
- (void)loadView {
if (self.banScreenshot) {
if (@available(iOS 13.2, *)) {
// 下面注释掉的方法在iOS15.0和iOS15.1会崩溃
// UITextField *textField = [[UITextField alloc] init];
// textField.secureTextEntry = YES;
// textField.enabled = NO;
// if (textField.subviews.firstObject != nil) {
// self.view = textField.subviews.firstObject;
// self.view.frame = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width,
// }else{
// [super loadView];
// }
// MAScreenShieldView可以正常使用
self.view = [MAScreenShieldView creactWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height)];
}else{
[super loadView];
}
}else{
[super loadView];
}
self.view.userInteractionEnabled = YES;
self.view.backgroundColor = [UIColor whiteColor];
}
@end
只要在子控制器设置self.banScreenshot = YES;
,该界面在用户截图时,就只能截图一张黑色的图片。如果感觉黑色的图片不好看,可以使用Demo中的方式自定义一个MAScreenShieldView
设置self.view
,这样就可以截图成白色的图片了。
2、自定义截图内容
除了可以让用户只能截屏一张白色图片外,也可以自定义截图的内容。实现方式:在UITextField的子视图的下面添加自定义截图的内容,在用户截图时,UITextField的子视图上的View会被隐藏,子视图下面的内容会显示出来。
比如添加一个UIlabel,代码如下:
@interface ViewController2 ()
@property (nonatomic, strong) UIImageView *imageView;
@property (nonatomic, strong) UITextField *textField;
@property (nonatomic, strong) UILabel *label;
@end
@implementation ViewController2
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor whiteColor];
[self.view addSubview:self.label];
[self.label ma_makeConstraints:^(MAAutoLayout * _Nonnull make) {
make.center.equalTo(self.view);
}];
UIView *theView = self.textField.subviews.firstObject;
[self.view addSubview:theView];
theView.userInteractionEnabled = YES;
[theView addSubview:self.imageView];
[theView ma_makeConstraints:^(MAAutoLayout * _Nonnull make) {
make.edge.equalTo(self.view);
}];
[self.imageView ma_makeConstraints:^(MAAutoLayout * _Nonnull make) {
make.center.equalTo(theView);
}];
}
- (UIImageView *)imageView {
if (!_imageView) {
_imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"123.jpg"]];
_imageView.userInteractionEnabled = YES;
}
return _imageView;
}
- (UITextField *)textField {
if (!_textField) {
_textField = [[UITextField alloc] init];
_textField.secureTextEntry = YES;
_textField.enabled = NO;
}
return _textField;
}
- (UILabel *)label{
if(!_label){
_label = [[UILabel alloc]init];
_label.text = @"禁止截图";
}
return _label;
}
@end
在项目中如果需要自定义截图,可以改造Demo中的MAScreenShieldView
,在MAScreenShieldView
上面添加你想要的效果。
四、Storyboard或Xib中的使用方式
将UIViewController的RootView的Class改为MAScreenShieldView
,这该RootView下的视图都会被隐藏,如果是局部隐藏,可以将需要隐藏的内容添加到MAScreenShieldView
上。详细实现可以参考Demo。
请谨慎使用MAScreenShieldView,如果在正式项目中使用时,请严格测试,尤其是iOS15.0和iOS15.1(这两个版本容易出现崩溃),同时为了防止以后系统升级到iOS16可能会出现崩溃或其他以外情况,可以在后端的某个配置接口里添加字段是否禁用这个方法。