余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

swift开发中那些值得借鉴的写法(swift的设计原则)

xiyangw 2022-12-03 13:15 17 浏览 0 评论

写在前面

最近在学习swift,从github上下载很多demo进行学习,收获不小,发现了一些不错的写法,记录一下方便以后查询,同时分享给大家,共同成长。

UI相关的一些常量和辅助方法

以下代码主要定义了一个swift工程中的UI部分的常量亮和定义,当然,这只是demo,正式工程可以按照这个思路进行扩展。

一个XYUI结构体囊括了Screen、Color、Font三个子结构体,分别定义了屏幕、颜色、字体相关的常量和方法,结构清晰,方便后续扩展。

struct XYUI {
 
 struct Screen {
 
 static let Width : CGFloat = UIScreen.main.bounds.width
 static let Height : CGFloat = UIScreen.main.bounds.size.height
 static let NavH : CGFloat = XYUI.Screen.IphoneX == true ? 88 : 64
 static let StatusbarH : CGFloat = XYUI.Screen.IphoneX == true ? 44 : 20
 
 
 static let IphoneX: Bool = Int(XYUI.Screen.Height/XYUI.Screen.Width) == 216 //判断是否是iPhoneX序列
 
 }
 
 // 颜色
 struct Color {
 
 /// 主色调
 static let primary = UIColor.hexString(color: "#FFCA07")
 static let black = UIColor.hexString(color: "#333333")
 static let white = UIColor.white
 }
 
 struct Font {
 
 static func fitFont(size:CGFloat) -> CGFloat {
 
 if UIScreen.main.bounds.size.width == 320 {
 return size * 0.8
 }
 return size
 }
 
 static let f10 = UIFont.systemFont(ofSize: 10)
 static let f11 = UIFont.systemFont(ofSize: 11)
 static let f12 = UIFont.systemFont(ofSize: 12)
 static let f13 = UIFont.systemFont(ofSize: 13)
 static let f14 = UIFont.systemFont(ofSize: 14)
 static let f15 = UIFont.systemFont(ofSize: 15)
 static let f16 = UIFont.systemFont(ofSize: 16)
 static let f17 = UIFont.systemFont(ofSize: 17)
 static let f18 = UIFont.systemFont(ofSize: 18)
 
 static let f20 = UIFont.systemFont(ofSize: 20)
 }
}

关于cellIdentifier使用

关于tableviewcollectionViewcellIdentifier定义,在objective-c中,我之前是这样定义的:

static const NSString *kXXXIdentifier = @"XXXIdentifier"; //XXX换成对应cell的类名

后来发现了一个更简便的写法,就是在对应的cell中,定义一个类方法,在类方法中使用反射机制进行类名的获取,从而生成复用标识。代码如下:

+ (NSString *)cellIdentifier{
 
 return NSStringFromClass([self class]);
}

这样就不用绞尽脑汁去想复用标识的常量名了,而且更为简洁。

在swift中通常的做法和在objective-c中一样,定义一个常量,

static let kXXXIdentifier: String = "XXXIdentifier"; //XXX换成对应cell的类名

更为简洁的写法:

 public class func identifier() -> String {
 
 let name: AnyClass! = object_getClass(self)
 return NSStringFromClass(name)
 
 }

从代码上看,不管是objective-c还是swift,使用反射获取的cellIdentifier和对应的cell绑定在一起,不仅可以直接进行代码的copy复用,而且免去了在绞尽脑汁想复用标识常量名的麻烦,何乐为不为呢。

根据对应的屏幕尺寸进行缩放

我们开发中进行UI布局的时候,即使采用的是自动布局,一些控件的尺寸、控件间的间距也是应该按照屏幕的大小进行缩放的,这样才能做到标准的UI自适应。以下是以iPhone6iPhone6s的屏幕尺寸为基准进行缩放的方法,特别收录一下。

// 宽度比
let kWidthRatio = kScreenW / 375.0 //iPhone6、iPhone6s的宽度为基准
// 高度比
let kHeightRatio = kScreenH / 667.0 //iPhone6、iPhone6s的高度为基准
// 按比例自适应
func Adapt(_ value : CGFloat) -> CGFloat {
 return AdaptW(value)
}
// 自适应宽度
func AdaptW(_ value : CGFloat) -> CGFloat {
 return ceil(value) * kWidthRatio
}
// 自适应高度
func AdaptH(_ value : CGFloat) -> CGFloat {
 return ceil(value) * kHeightRatio
}

ceil函数从网上查了一下,意思是向上取整。

关于通知

iOS开发中,通知也是我们经常使用的观察者模式的一种实现。在OC中,我们通常把通知名定义成一个全局的常量,这样方便调用和修改。

在OC中,我们之前是这样做定义的:

NotificationGlobalName.h

extern NSString *const buildRouteNotification;
extern NSString *const placeDeletedNotification;
extern NSString *const centerPlaceOnMapNotification;

NotificationGlobalName.m

//`XXX`替换成工程名
NSString *const buildRouteNotification = @"XXX.buildRouteNotification";
NSString *const placeDeletedNotification = @"XXX.placeDeletedNotification";
NSString *const centerPlaceOnMapNotification = @"XXX.centerPlaceOnMapNotification";

我们可以在内部使用#pragma mark -模块名分模块定义,这样方便后续的更新和查找。

swift中我们可以这样做:

extension Notification.Name {
 static let buildRoute = Notification.Name("buildRouteNotification")
 static let placeDeleted = Notification.Name("placeDeletedNotification")
 static let centerPlaceOnMap = Notification.Name("centerPlaceOnMapNotification")
}

利用扩展把通知名定义成常量,方便后续的调用。

相关推荐

Vue的框架(了解)

前端MVC设计模式MVC设计模式,其实就是将前端实现某个业务的所有代码划分为三部分Model:模型,指数据模型,这个数据一般来自于服务器View:视图,指页面标签内容Controller:控制...

Vue.js实战 第五章练习一

练习要求:在原有表格基础上,新增一项是否选中该商品的功能,总价变为只计算选中商品的总价,同时提供一个全选的按钮。实现思路:按照vue数据和dom元素双向绑定的特性,定义allCheckStatus变量...

Vue基础到进阶教程之class和style绑定

关于class和style我们并不陌生,这个在学习css的时候就是家常便饭了,操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用v-bind处理它们,...

深入Vue 必学高阶组件 HOC「进阶篇」

作者:ssh转发连接:https://mp.weixin.qq.com/s/seKoLSIMtTd1sU4uDrgZCA前言高阶组件这个概念在React中一度非常流行,但是在Vue的社区里讨论...

周末大礼包,23道高质量中级前端面试题。金九银十,建议收藏

这套面试题考察的内容比较常见,涉及到JavaScript、ES6、CSS、Vue、简单算法,浏览器相关知识等。题目列表1.JavaScript的数据类型有哪些2.什么是同源策略3.跨域的方法...

vue3.0-摒弃Object.defineProperty,基于 Proxy 的观察者机制

写在前面:11月16日早上,Vue.js的作者尤大大在VueToronto的主题演讲中预演了Vue.js3.0的一些新特性,其中一个很重要的改变就是Vue3将使用ES6的Proxy作...

程序员都必掌握的前端教程之VUE基础教程(七)

阅读本文约需要10分钟,您可以先关注我们,避免下次无法找到。本篇文章成哥继续带大家来学习前端VUE教程,今天主要讲解VUE的表单处理等知识点。下面我们就一起来学习该块内容吧!01简介在日常开发中,我...

web前端开之网站搭建框架之vue详解

网站搭建框架之vueVue是web前端快速搭建网站的框架之一。它与jQuery有所不同,是以数据驱动web界面(以操作数据改变页面,而jQuery是以操作节点来改变页面),同时,vue还实现了数据的双...

vue3.0尝鲜-基于 Proxy 的观察者机制探索

Vue.js的作者尤大大在VueToronto的主题演讲中预演了Vue.js3.0的一些新特性,其中一个很重要的改变就是Vue3将使用ES6的Proxy作为其观察者机制,取代之前使用...

TypeScript 设计模式之观察者模式

一、模式介绍1.背景介绍在软件系统中经常碰到这类需求:当一个对象的状态发生改变,某些与它相关的对象也要随之做出相应的变化。这是建立一种「对象与对象之间的依赖关系」,一个对象发生改变时将「自动通知其他...

vue面试3

1.单页面应用与多页面应用的去别2.简述一下Sass、Less,且说明区别?他们是动态的样式语言,是CSS预处理器,CSS上的一种抽象层。他们是一种特殊的语法/语言而编译成CSS。变量符不一样,les...

VUE v-bind 数据绑定

动态的绑定一个或多个attribute,也可以是组件的prop。缩写::或者.(当使用.prop修饰符)期望:any(带参数)|Object(不带参数)参数:attrOrP...

vue初学习之自定义选择框实现

v-model简单介绍在使用vue的过程中会经常用到input和textarea这类表单元素,vue对于这些元素的数据绑定和我们以前经常用的jQuery有些区别。vue使用v-model实现这些标签...

Vue实现拖拽穿梭框功能四种方式

一、使用原生js实现拖拽打开视频讲解更加详细Vue实现拖拽穿梭框功能的四种方式_哔哩哔哩_bilibili<html><head><meta...

Vue3.x setup 语法糖实现props双向绑定

1.背景为了封装一下Element-Plus的分页插件,需要实现父子组件之间的传值。2.父组件<scriptsetuplang="ts">letqueryPa...

取消回复欢迎 发表评论: