App开发流程之图像处理工具类

先罗列一下工具类中提供的方法：

/**
 *  根据原始view和毛玻璃样式，获取模糊视图，并自动作为原view的subview（如果不需要作为子视图，自行调用removeFromSuperview）
 */
+ (UIView *)getBlurEffectViewWithOriginalView:(UIView *)originalView style:(ImageHelperBlurEffectStyle)style;

/**
 *  根据原始图像和毛玻璃样式，获取新图像
 */
+ (UIImage *)getBlurEffectImageWithOriginalImage:(UIImage *)originalImage style:(ImageHelperBlurEffectStyle)style;

/**
 *  根据原始图像，等比缩放系数，得到新图像
 */
+ (UIImage *)getImageWithOriginalImage:(UIImage *)originalImage scale:(CGFloat)scale;

/**
 *  根据原始图像，等比缩放最大尺寸，得到新图像
 */
+ (UIImage *)getImageWithOriginalImage:(UIImage *)originalImage scaleMaxSize:(CGSize)scaleMaxSize;

/**
 *  根据原始图像，等比缩放最大尺寸，得到新尺寸
 */
+ (CGSize)getImageSizeWithOriginalImage:(UIImage *)originalImage scaleMaxSize:(CGSize)scaleMaxSize;

/**
 *  根据原始图像，完全填充尺寸，得到新图像
 */
+ (UIImage *)getImageWithOriginalImage:(UIImage *)originalImage fillSize:(CGSize)fillSize;

/**
 *  根据原始图像，裁剪区域，得到新图像
 */
+ (UIImage *)getImageWithOriginalImage:(UIImage *)originalImage cutFrame:(CGRect)cutFrame;

/**
 *  根据颜色，得到单位尺寸的纯色新图像
 */
+ (UIImage *)getImageWithColor:(UIColor *)color;

/**
 *  根据view，得到快照
 */
+ (UIImage *)getSnapshotWithView:(UIView *)view;

/**
 *  全屏截图，但不包括状态栏
 */
+ (UIImage *)getFullScreenSnapshot;

说明：

1.获取毛玻璃效果（高斯模糊）图像

在iOS8以后，提供了类UIBlurEffect、UIVisualEffectView，可以方便的生成高斯模糊的视图，然后只需要作为目标视图的subview即可看到效果。在iOS7上需要自行实现，不过苹果在WWDC 2013上提供了一个UIImage+ImageEffects的分类，可以生成高斯模糊的图像。将分类加入项目Categories目录后，在ImageHelper中引用。因为UIBlurEffectStyle是在iOS8以后出现的，所以自定义了一个与其对应的枚举类型ImageHelperBlurEffectStyle，以便在iOS7中也可以正常使用。实现代码如下：

+ (UIView *)getBlurEffectViewWithOriginalView:(UIView *)originalView style:(ImageHelperBlurEffectStyle)style
{
    if (DeviceIOSVersionAbove(8)) {
        UIBlurEffectStyle blurStyle;

        switch (style) {
            case ImageHelperBlurEffectStyleExtraLight: {
                blurStyle = UIBlurEffectStyleExtraLight;
                break;
            }
            case ImageHelperBlurEffectStyleLight: {
                blurStyle = UIBlurEffectStyleLight;
                break;
            }
            case ImageHelperBlurEffectStyleDark: {
                blurStyle = UIBlurEffectStyleDark;
                break;
            }
        }

        UIBlurEffect *effect = [UIBlurEffect effectWithStyle:blurStyle];
        UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:effect];
        effectView.frame = originalView.bounds;
        [originalView addSubview:effectView];

        return effectView;
    } else {
        UIImage *originalImage = [self getSnapshotWithView:originalView];
        UIImage *blurImage = [self getBlurEffectImageWithOriginalImage:originalImage style:style];

        UIImageView *effectView = [[UIImageView alloc] initWithFrame:originalView.bounds];
        [effectView setImage:blurImage];

        [originalView addSubview:effectView];

        return effectView;
    }
}

+ (UIImage *)getBlurEffectImageWithOriginalImage:(UIImage *)originalImage style:(ImageHelperBlurEffectStyle)style
{
    UIImage *newImage;

    switch (style) {
        case ImageHelperBlurEffectStyleExtraLight: {
            newImage = [originalImage applyExtraLightEffect];
            break;
        }
        case ImageHelperBlurEffectStyleLight: {
            newImage = [originalImage applyLightEffect];
            break;
        }
        case ImageHelperBlurEffectStyleDark: {
            newImage = [originalImage applyDarkEffect];
            break;
        }
    }

    return newImage;
}

2.提供了将图像等比例缩放的系列方法，以及裁剪的方法。基本思路就是在当前图像上下文中，指定绘制尺寸（即位图的尺寸），然后将相应图像绘制到指定位置，然后生成最终图像。例如裁剪图像示例代码：

+ (UIImage *)getImageWithOriginalImage:(UIImage *)originalImage cutFrame:(CGRect)cutFrame
{
    CGSize newSize = cutFrame.size;

    UIGraphicsBeginImageContext(newSize);
    [originalImage drawInRect:CGRectMake(-cutFrame.origin.x, -cutFrame.origin.y, cutFrame.size.width, cutFrame.size.height)];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return newImage;
}

3.截屏方法

需要用到方法：

UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale)。第一个参数仍然是指定图像上下文绘制尺寸；第二个参数指定是否不透明；第三个为等比例缩放系数，如果为0.0，表示与设备主屏幕的系数一致。

CALayer的renderInContext:(CGContextRef)ctx方法，将图层全部渲染到某个上下文中，建议为当前图像上下文。最后得到图像。

+ (UIImage *)getSnapshotWithView:(UIView *)view
{
    UIGraphicsBeginImageContextWithOptions(view.bounds.size, YES, 0.0);
    [view.layer renderInContext:UIGraphicsGetCurrentContext()];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return newImage;
}

+ (UIImage *)getFullScreenSnapshot
{
    return [self getSnapshotWithView:[UIApplication sharedApplication].keyWindow];
}

全屏截图时候，不包括状态栏，因为状态栏不在应用的window上，无法直接获取。但是可以通过私有Api拿到系统截屏图像，在此不展开探究。

测试内容

    UIImage *icon = LOADIMAGE(AppIcon);

    UIImage *testImg;
    testImg = [ImageHelper getImageWithOriginalImage:icon scale:2];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getImageWithOriginalImage:icon scaleMaxSize:CGSizeMake(100, 90)];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getImageWithOriginalImage:icon fillSize:CGSizeMake(100, 90)];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getImageWithOriginalImage:icon cutFrame:CGRectMake(10, 10, 50, 50)];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getImageWithColor:COLOR(255, 120, 100)];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getSnapshotWithView:self.view];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getFullScreenSnapShot];
    LOG(@"%@", testImg);
    testImg = [ImageHelper getBlurEffectImageWithOriginalImage:testImg style:ImageHelperBlurEffectStyleDark];
    LOG(@"%@", testImg);

    UIView *coverView = [ImageHelper getBlurEffectViewWithOriginalView:[UIApplication sharedApplication].keyWindow style:ImageHelperBlurEffectStyleDark];
2016-09-13 19:05:11.995 base[33087:2301853] <UIImage: 0x7ffaf97e8d00>, {120, 120}
2016-09-13 19:05:11.997 base[33087:2301853] <UIImage: 0x7ffaf97e9610>, {90, 90}
2016-09-13 19:05:11.999 base[33087:2301853] <UIImage: 0x7ffaf950a330>, {100, 90}
2016-09-13 19:05:12.001 base[33087:2301853] <UIImage: 0x7ffaf9463630>, {50, 50}
2016-09-13 19:05:12.002 base[33087:2301853] <UIImage: 0x7ffaf950a330>, {1, 1}
2016-09-13 19:05:12.007 base[33087:2301853] <UIImage: 0x7ffaf96004b0>, {375, 667}
2016-09-13 19:05:12.013 base[33087:2301853] <UIImage: 0x7ffaf950a330>, {375, 667}
2016-09-13 19:05:12.040 base[33087:2301853] <UIImage: 0x7ffaf9506f30>, {375, 667}

1.可以单步调试代码，查看testImg图像内容：

2.[ImageHelper getSnapshotWithView:self.view];这行代码中的self.view生成快照后，尺寸为{375, 667}，但如果在viewDidLoad方法中加入代码：

self.edgesForExtendedLayout = UIRectEdgeNone;

重新输出的尺寸为{375, 603}，因为edgesForExtendedLayout属性默认为UIRectEdgeAll，这在处理UI布局时候需要注意。后续记录的UIViewContoller父类也会提到。

base项目已更新：[email protected]:ALongWay/base.git

时间： 2024-10-11 23:50:07

App开发流程之图像处理工具类的相关文章

20个可以帮你简化iOS app开发流程的工具

这里推荐20个可以帮你简化iOS app开发流程的工具.很多开发者都使用过这些工具,涉及原型和设计.编程.测试以及最后的营销,基本上涵盖了整个开发过程. 原型和设计 有了一个很好的创意后,你要做的不是立刻编程,而是设计UI和创建原型,这样你才能知道app如何运行,根据用户体验需要做哪些调整. App Cooker AppCooker 不仅是一个创建原型的优秀工具,它提供的许多功能还可以帮助你将程序发布到App store中.它集成了Dropbox,Box.net和photo roll,你可以直接

iOS开发之工具篇-20个可以帮你简化移动app开发流程的工具

本文转载至 http://www.cocoachina.com/ios/20130402/5926.html 如果想进入移动app开发这个领域,你总能从别的开发者或者网上或者书上找到各种各样的方法和工具,对于新手来说,还没有摸清门路就已经陷入迷茫了.这里推荐20个可以帮你简化app开发流程的工具.很多开发者都使用过这些工具,涉及原型和设计.编程.测试以及最后的营销,基本上涵盖了整个开发过程. 原型和设计 有了一个很好的创意后,你要做的不是立刻编程,而是设计UI和创建原型,这样你才能知道app如何

app开发流程有哪些

app开发流程是需求方和供求方相互协调的过程,一般分为需求分析.功能设计.功能实现.项目测试.上线等几个步骤,下面我们就来一起看看ytkah团队进行app开发各个流程主要做哪些事情,让您对app开发设计有一个更全面的了解,更放心地将项目交予我们来为您实施. app开发流程1. 需求分析首先要确定项目整体方案,整个项目的规划,大体框架,做成文档展现出来,以便大家提意见和更好的改进.也就是说首先要确立产品原型,进入项目评估阶段.经过反复确认,最终形成产品脑图和完整的需求文档. app开发流程2. 功

web开发之导出excel工具类

web开发中,一个系统的普通需求也包括导出excel,一般采用POI做统计报表导出excel. 导出excel工具类: import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStream; import java.util.List; import java.util.Map; import org.apache.poi.hssf.usermodel.HSSFCell; import o

APP开发流程

不论是ios还是android的应用开发,其实都遵循着一定的开发流程,只有如此才能使开发过程有章可循而不是一团乱. 明确你的构想和理念. 1 你的app应用是开发给谁用的? 是写给小孩玩的游戏,还是用来理财的记账类应用,每个应用都有固定的适用人群,而这决定你应用的内容是什么,也决定了要给使用者以什么样的用户体验. 2 你的app应用是做什么的? 一个app有明确的使用目的是必须的.如何来明确?一个办法就是要去想清楚什么能吸引用户来使用你的app. 3 你的app能解决什么问题? 一个app应该致

手机APP开发流程

手 机 APP的开发流程越来越成熟了,因此,每年产生的APP也数以万计.就目前而言,在苹果的IOS平台与谷歌的安卓平台为主流,也有一些开发者仍坚守在 黑莓和微软的操作平台,之所以他们不会放弃黑莓10或Windows Phone 8平台开发,主要是因为苹果严格控制开发商,而Android平台免费 或者质量奇差的应用程序太多.那么手机App软件开发流程是具体怎样的呢? 为此,粗略分享一下App软件程序开发流程. 1)需求分析和产品分析 当收到客户的需求之后,不是马上动手去做功能分析.产品逻辑架构或者

javaEE开发之导出excel工具类

web开发中,一个系统的普通需求也包含导出excel,一般採用POI做统计报表导出excel. 导出excel工具类: import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStream; import java.util.List; import java.util.Map; import org.apache.poi.hssf.usermodel.HSSFCell; import o

苹果APP开发流程的前八条指南

数字时代的崛起带来了当今智能手机和移动应用的大规模增长.与此同时,许多开发人员也在忙于填补移动应用程序开发工作.作为全球最大的移动公司之一,Apple已经为开发人员建立了一个平台,以获得适合其技术的iOS移动应用程序开发的手段和技能.仅他们的平台就有超过150万个现有应用程序. 这为开发人员和企业提供了一个展示他们的项目并让他们可供世界查看和使用的途径.无论是商业,集成系统,社交媒体还是游戏,它绝对是一个广阔的市场,也是一个赚钱和成长的机会. 与其他平台相比,开发iOS应用程序要复杂得多.无论用

APP开发流程(项目实战经验）

不专业的人总喜欢站在专业的角度指挥专业的人,导致创业小BOSS输在了权力的虚荣之上. 从业以来,对两年的APP开发失败与成功经验总结,写此文章给行业创业者.遇到很多固执的创业BOSS坚持己见,认为做好视觉设计就可以为自己带来用户量.等到产品出问题的时候,已经没有资金支撑接下来的运营. 要点:真对忽视产品需求.产品原型确立.直接进入视觉设计的开发者们! 1.确立产品原型,进入项目评估阶段.经过反复确认,最终形成产品基本框架和完整的需求文档.(项目市场分析调研确立的前提下) 2.正式进入产品原型设计