iOS屏幕适配之通过代码实现控件按比例缩放
2015-05-12 15:44
387 查看
众所周知,随着6和6p的出现,iphone手机的屏幕大小出现了多样化,再加上ipad,于是屏幕适配成为了一个非常棘手的问题,一直以来也没有出现一种比较科学统一而又效果不错的适配方法。
这里简单介绍一种适配的方法,就是控件按照屏幕的比例进行放大。
因此在设计界面的时候我通常是按照5和5s来设计控件的大小和位置,然后再根据屏幕横向比例来缩放控件和控件位置
具体实现如下
1.宏定义
#define SCREEN_RATE (320/[UIScreen mainScreen].bounds.size.width)
2.实现方法
3.调用
注意:用这种方法有时候界面上的控件相关的图片要做好适当调整,防止失真。
这里简单介绍一种适配的方法,就是控件按照屏幕的比例进行放大。
因此在设计界面的时候我通常是按照5和5s来设计控件的大小和位置,然后再根据屏幕横向比例来缩放控件和控件位置
具体实现如下
1.宏定义
#define SCREEN_RATE (320/[UIScreen mainScreen].bounds.size.width)
2.实现方法
- (CGRect)newSuitFrame:(CGRect)frame { CGRect newFrame; newFrame.size.height = frame.size.height/SCREEN_RATE; newFrame.size.width = frame.size.width/SCREEN_RATE; newFrame.origin.x = frame.origin.x/SCREEN_RATE; newFrame.origin.y = frame.origin.y/SCREEN_RATE; return newFrame; }
3.调用
UIButton *btnChangeImage = [[UIButton alloc] initWithFrame:[self newSuitFrame:CGRectMake(5, 568 - 33, 50, 30)]];
注意:用这种方法有时候界面上的控件相关的图片要做好适当调整,防止失真。
相关文章推荐
- iOS - UIScrollView控件实现图片缩放功能(还需补充代码)
- Android ImageView图片代码实现按屏幕宽度等比例缩放
- iOS开发屏幕适配,纯代码是如何实现的?
- IOS 屏幕适配(纯粹通过代码设置坐标和大小的布局方案)
- Xib实现控件的屏幕适配 iOS
- 使用rem实现全屏幕自动适配(等比例缩放布局样式)
- Android通过自定义ImageView控件实现图片的缩放和拖动的实现代码
- iOS代码实现常用控件之Slider 文字缩放
- iOS--利用比例纯代码适配屏幕大小
- Android 根据屏幕尺寸适配控件尺寸(按比例缩放)
- IOS纯代码实现AutoLayout适配多屏幕
- iOS UILabel根据字数自适应宽高以及控件按屏幕大小按比例缩放
- [置顶] iOS 兄弟控件的 自动布局实现N等分且宽高比例是1:N(xib 上实现) 代码很简单就不多说
- iOS实现屏幕亮度和闪光灯控制的实例代码
- [iOS 原生代码实现 二维码的生成与读取(转)]通过滤镜CIFilter生成二维码
- iOS通过Runtime实现友盟统计的实例代码
- iOS利用UIScrollView实现图片的缩放实例代码
- ios 通过代码调节屏幕亮度
- Qt(伪)自适应屏幕大小和控件按比例缩放的几个问题
- ionic2屏幕适配实现适配手机、平板等设备的示例代码