iOS全屏文字水印(取巧方法实现)

96
极客飞
2018.05.19 14:35* 字数 331

** iOS开发UIView封装 **

效果展示

全屏文字水印效果图.jpg

说明

  这个主要是针对于类似有需要版权声明的那种全屏水印而设计的,当然也是公司提的一个需求。一开始,在网上搜到大致都是画出一张全屏水印的图片,然后旋转一定角度,然后将需要被印水印的图片(后边被称为底层图片)和这个文字图片合成在一起。发现一个问题,这个文字生成的图片会和底层图片的大小有很大的关系,所以我在调试过程中总会出现因为底层图片的分辨率大小导致文字图片的文字变形,或者显示不全,不能全屏水印的效果。苦思冥想找到了这个投机取巧的方法,记录下来并分享给大家。

设计思路

1. 创建一个很大的正方形View,保证这个View旋转一定角度后也能盖住整个底层图片;
2. View上放一个与View一样宽的UITableView,铺满整个View(多设置几行就行)
3. UITableViewCell的就是UILable显示一行重复的“文字        文字        文字        文字”;
4. 把View贴到你想设置的superView上,可以是UIImageView等等任何你喜欢的UIView,可放大缩小的View被拖放时,水印文字会随着变化,不会拉伸变形
5. 将View旋转一定角度;
6. 将View超出superView的部分裁掉不显示。(应该听清楚,就不出每一步的效果图了)

核心代码

1. 数据源

UITableView的数据源,也就是需要显示的水印文字,保证每一行足够长,
因为我们创建的View很大,所以显示不全的省略号就会在屏幕外边看不到的地方,我们不用考虑

for (int i = 0; i<screen_height*3/100*[CxfUtils getRate]; i++) {
            NSString *str = @"";
            for (int j = 0; j<50; j++) {
                str = [NSString stringWithFormat:@"%@        全屏水印",str];
            }
            if (i%2 == 0) {
                [_dataSource addObject:str];
            }else{
                [_dataSource addObject:[NSString stringWithFormat:@"%@%@",@"        ",str]];
            }
        }

代码中“i%2 == 0”的操作是为了让每一行和每一行的字能错开一段距离,不然整整齐齐的排列,会很丑,可以自己注释试一下

2. View旋转

角度可以自行调节
CxfWaterMarkView *watermarkView =  [[CxfWaterMarkView alloc] initWithFrame:CGRectMake(-screen_height,-screen_height, screen_height*3, screen_height*3)];
    watermarkView.transform = CGAffineTransformMakeRotation(-M_PI*0.25);

3. 裁剪产出屏幕的部分

如果不裁剪的话,右滑返回上级页面的时候,会发现,很酸爽。
self.view.layer.masksToBounds = YES;//把超出屏幕的View截掉
直接将水印View的superView的layer.masksToBounds设置为YES即可。

总结

  如果有需要的话可移步WaterMarkView去下载,有疑问或者建议请留言,转载请标明出处,谢谢。暂时实现出来全屏文字水印的效果,后期优化会及时更新。

IOS开发个人UIView封装
Web note ad 1