时间:2021-05-02
背景
去年的六月份开始了一个新的项目,此项目支持的设备从4S开始一直到6+,也就是说屏幕的尺寸最小的320x480 最大的1242x2208 (不过目前好像大部分的App都会这样去支持),而客户那边有一个奇葩要求 就是所有的控件布局必须依据屏幕的尺寸等比缩放。当然这个对于iOS的开发来说的话还是比较容易实现的(iOS有个Autoresizing刚好是依据父视图的大小作等比缩放的)。
项目就这样愉快的进行,然而当项目快要结束的时候,客户愤怒质问我们为什么字体大小没有根据屏幕作等比适配,再有几天的时间就要上线了,直到现在才发现这种天天在眼前晃荡的问题。。。。
此时我们开发的内心是崩溃的。。。 因为项目非常赶时间,客户要求17天上线第一个版本,所有跟主流程相关的功能必须实现。当时为了赶时间 加上为了做等比适配,所有视图全部是用XIB拖出来的 字体都是直接设置在视图里面 没有抽出来 现在要是做字体的等比适配的话 这种大量完全没有技术含量的体力活让人很无力
解决方法
新建一个UIButton的类别 重写 load 方法 利用OC的运行时 对所有的Button Label作处理(一般有文字的大部分是 Button Label)
代码如下
UIButton+MyFont.h
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 #import <UIKit/UIKit.h> #import <objc/runtime.h> /** * 按钮 */ @interface UIButton (myFont) @end /** * Label */ @interface UILabel (myFont) @endUIButton+MyFont.m
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 #import "UIButton+MyFont.h" //不同设备的屏幕比例(当然倍数可以自己控制) #define SizeScale ((IPHONE_HEIGHT > 568) ? IPHONE_HEIGHT/568 : 1) @implementation UIButton (myFont) + (void)load{ Method imp = class_getInstanceMethod([self class], @selector(initWithCoder:)); Method myImp = class_getInstanceMethod([self class], @selector(myInitWithCoder:)); method_exchangeImplementations(imp, myImp); } - (id)myInitWithCoder:(NSCoder*)aDecode{ [self myInitWithCoder:aDecode]; if (self) { //部分不像改变字体的 把tag值设置成333跳过 if(self.titleLabel.tag != 333){ CGFloat fontSize = self.titleLabel.font.pointSize; self.titleLabel.font = [UIFont systemFontOfSize:fontSize*SizeScale]; } } return self; } @end @implementation UILabel (myFont) + (void)load{ Method imp = class_getInstanceMethod([self class], @selector(initWithCoder:)); Method myImp = class_getInstanceMethod([self class], @selector(myInitWithCoder:)); method_exchangeImplementations(imp, myImp); } - (id)myInitWithCoder:(NSCoder*)aDecode{ [self myInitWithCoder:aDecode]; if (self) { //部分不像改变字体的 把tag值设置成333跳过 if(self.tag != 333){ CGFloat fontSize = self.font.pointSize; self.font = [UIFont systemFontOfSize:fontSize*SizeScale]; } } return self; } @end实在不好意思,前段时间有点忙 附上demo地址:https://github.com/ywdonga/FontSizeModify
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:http://www.jianshu.com/p/5815e81abb52
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前言ReactNative可以开发ios和android的app,在开发过程中,势必会遇上屏幕适配(ios好几种尺寸的屏幕以及android各种尺寸的屏幕)的问
如果你们设计师想在某些特别的专题活动中使用下图的字体作为标题字体进行展现,怎么办呢?做成图片咯。然后你可能会遇到这几个问题:不同屏幕下的适配,要是只做一种尺寸的
使用vue开发移动端页面时,往往需要实现页面根据不同设备屏幕进行尺寸的适配,实现将px自动换算成rem单位,其实只需要安装下面的两个插件即可快速实现移动端适配问
业务场景:由于需求是适配两端屏幕,所以刚开始想的css用rem写,但是还是会出现字体和布局不会等比缩放的情况,后来找到一种js代码针对根元素去做的缩放配置,加上
需求为了减小app体积,同时为了适配不同尺寸屏幕或不同应用场景,很多图片素材都是标准通用的,比如im消息气泡、按钮阴影效果等,但直接使用这些素材会产生一些问题,