快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

IOS屏幕适配方案如何实现缩放window

小编这次要给大家分享的是IOS屏幕适配方案如何实现缩放window,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。

创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、成都网站制作、迁安网络推广、微信小程序开发、迁安网络营销、迁安企业策划、迁安品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供迁安建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com

背景:

公司有个iPad项目(只支持横屏),是11年开发的,那时的iPad只有1024x768的分辨率,所以没有屏幕适配的问题,frame都是写死的。后来不同尺寸的iPad相继出现,本来应该会出现屏幕不能适配的问题,但是由于该项目没有设置启动图,页面会自动等比例缩放撑满整个屏幕,各分辨率的宽高比相差不多,所以并没有出现太大问题。但是2020年3月4日,苹果要求所有提交至 App Store 的 app 都须使用 Xcode storyboard(故事板) 来提供 app 的启动屏幕,之前的不设置启动图取巧的方式就不能用了。

最理想的适配方案当然是AutoLayout,但改为AutoLayout改动太大,目前适配周期短,所以这种方案就淘汰了。然后考虑使用AutoResizing,改动小了很多,但是由于项目很大,页面很多,改动时间还是有些长。

最后考虑了不设置启动图能正常适配的原理。考虑使用缩放Window的方案

缩放方案

1、window缩放

  self.window = [[UIWindow alloc] initWithFrame:CGRectMake(0, 0, 1024, 768)];
  CGFloat scaleX = [UIScreen mainScreen].bounds.size.width / 1024;
  CGFloat scaleY = [UIScreen mainScreen].bounds.size.height / 768;
  self.window.transform = CGAffineTransformMakeScale(scaleX, scaleY);
  CGRect rect = self.window.frame;
  self.window.frame = CGRectMake(0, 0, rect.size.width, rect.size.height);

2、屏幕尺寸的分辨率需要自己写死,不能使用screen的bounds

#define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width 
改为 #define SCREEN_WIDTH 1024
#define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height 
改为 #define SCREEN_HEIGHT 768

3、在window上添加视图,不要使用window.center来让视图居中。因为window.frame.origin 已经不是(0,0)了。

alertView.center = CGRectMake(1024 * 0.5, 768 * 0.5)

此方案的缺点

1、如果使window等比例缩放,iPad Pro 11英寸上下会有一点黑边。
2、如果使window宽高缩放撑满整个屏幕,iPad Pro 11英寸会略微有些变形,不明显
3、会有点模糊,不明显
4、如果哪天新出一款iPad宽高比和以前的iPad差别比较大,缩放方案就不适用了。

看完这篇关于IOS屏幕适配方案如何实现缩放window的文章,如果觉得文章内容写得不错的话,可以把它分享出去给更多人看到。


网站标题:IOS屏幕适配方案如何实现缩放window
网页路径:http://6mz.cn/article/jooscd.html

其他资讯