美文网首页程序员
iOS 引导页图片/手机全屏图片不同机型适配

iOS 引导页图片/手机全屏图片不同机型适配

作者: Zhui_Do | 来源:发表于2017-07-12 14:32 被阅读1001次

最近启动APP时要做一个引导页,要适配不同的机型:

手机 屏幕尺寸 比例
iPhone 1G 320x480 0.667
iPhone 3G 320x480 0.667
iPhone 3GS 320x480 0.667
iPhone 4 640x960 0.667
iPhone 4S 640x960 0.667
iPhone 5 640x1136 0.564
iPhone 5S 640x1136 0.564
iPhone 5C 640x1136 0.564
iPhone 6 750x1334 0.5623
iPhone 6 Plus 1080x1920 (开发应按照1242x2208适配) 0.5625
iPhone 6S 750x1334 0.5623
iPhone 6S Plus 1080x1920 (开发应按照1242x2208适配) 0.5625
iPhone 7 750x1334 0.5623
iPhone 7 Plus 1080x1920 (开发应按照1242x2208适配) 0.5625

640x960 640x1136 750x1334 1080x1920 1242x2208

共有以上几种尺寸

-(UIImage *)getFitFirstImage
{
    float currentScreenScale = HSWidth/HSHeight;//当前屏幕比例
    float a[3] = {640.0/960.0,750.0/1334.0,1242.0/2208.0};
    int c = find(a, 3, currentScreenScale);
    NSArray *imageScaleArray = @[@"640_960",
                                 @"750_1334",
                                 @"1242_2208"];
    NSString *imageScale = imageScaleArray[c];
    
    NSLog(@"%@",imageScale);

  
    return [UIImage imageNamed:[NSString stringWithFormat:@"FirstLanuchImage%@.jpg",imageScale]];

}

int find(float *a,float n,float x)
{
    int i;
    float min=fabsf(*a-x);
    int r=0;
    
    for(i=0;i < n;++i)
    {
        if(fabsf(a[i]-x) < min)
        {
            min=fabsf(a[i]-x);
            r=i;
        }
    }
    return r;
}

主要通过当前屏幕的宽高比,找到数组中与当前屏幕最接近的图片尺寸,从而使用不同尺寸的图片,以达到适配效果。(这里只选择了三个尺寸的图)

相关文章

  • iOS 引导页图片/手机全屏图片不同机型适配

    最近启动APP时要做一个引导页,要适配不同的机型: 640x960 640x1136 750x1334 1080x...

  • iOS 新手引导页图片适配

    早期新手引导页只需要几张图片就可以解决了,随着屏幕尺寸的的越来越多,新手引导页的尺寸适配起来越来越麻烦,否则就会出...

  • MSLaunchView

    MSLaunchView 一键合成APP引导页,包含不同状态下的引导页操作方式,同时支持动态图片引导页和静态图片引...

  • android 从服务器加载.9图

    问题描述: APP启动时, 广告页的图片是从服务器上获取, 这个图片一般需要全屏显示, 这个怎么适配呢? 解...

  • iOS 新手引导页图片适配及其尺寸

    使用Assets.xcassets来管理引导页图片,将指定分辨率的图片放入指定的位置,使用时只需要拿到图片名,图片...

  • iOS 新手引导页图片适配方案

    其实Apple是没有要求上架的APP必须要有引导页的,只不过APP引导页已经成为一种用户习惯,所以公司很多公司的A...

  • ios LaunchImage适配以及读取

    LaunchImage是app的启动页(快闪页),不同的手机加载同一张图片会出现拉伸等现象,因此要做相应适配 声明...

  • IOS项目新手引导页图片适配方案

    1. 背景 基本上每个IOS APP都会有新手引导页面这个功能,常规的就是几张静态图片,可以左右滚动。既然涉及到图...

  • 联想--次留影响因素

    1、新手引导 新手引导的分节点流失统计 不同新手引导方案的次留比较 2、机型适配 次日流失用户的机型分布 3、美术...

  • 适配面试

    图片的适配 应用图标 iOS 上传所需基本图片尺寸iOS App图标和启动画面尺寸 页面适配(横竖屏适配) Aut...

网友评论

    本文标题:iOS 引导页图片/手机全屏图片不同机型适配

    本文链接:https://www.haomeiwen.com/subject/dxqmhxtx.html