界面定制

优质
小牛编辑
131浏览
2023-12-01

UI代码已经开源,可根据需求自由改动。

OCR SDK提供了不同程度的定制方式:

  1. 直接使用默认扫描界面
  2. 修改部分界面元素
  3. 完全重写UI

您可以根据实际需要,选择对界面的UI进行操作。本节文档会进行详细说明。

1.直接使用默认扫描界面

集成步骤请参考:使用指南

2.修改部分界面元素

  1. 扫描框线的颜色
  2. 扫描页背景的颜色和透明度
  3. 调整扫描框位置(横屏不支持此功能)
  4. 扫描页提示文字的内容和颜色;
  5. 在扫描界面中添加界面元素;

1.设置扫描框线的颜色:

- (void)setTheScanLineColor:(UIColor *)color

2.设置扫描页背景的颜色和透明度:

- (void)setTheMaskLayerColor:(UIColor *)color andAlpha:(CGFloat)alpha

3.调整扫描框上下的偏移量:

[scanVC moveWindowVerticalFromCenterWithDelta:50]

4.扫描页提示文字的内容和颜色:

- (void)setLabel:(UILabel *)label;

5.在扫描界面中添加界面元素:

可以通过如下所示方式将开发好的界面元素添加到指定位置,如添加一个label元素:

UILabel *lbTest = [[UILabel alloc] init];
lbTest.frame = CGRectMake(0, 0, 100, 50);
lbTest.center = scannerVC.view.center;
[lbTest setText:@"A test label."];
[scannerVC.view addSubview:lbTest];

3.完全重写UI

  1. 继承SDK中的LFIDCardScannerLFBankCardScanner类;
  2. 在子类的viewDidLoad方法中调用- (void)hideMaskView:(BOOL) bHide; 方法隐藏自带界面;
  3. 请参考Sample-自定义界面,重新开发界面;