想必都看过WWDC2021的Session了,Session原版视频依然是最有效的get新特性的渠道,iOS15多的特性就不说了,我就整理了我在适配iOS15路上的一些更改和调整。...适配以iOS15 beta6和xcode13 beta5为环境基础 UINavigationBar 用新xcode13编译工程后,导航栏的问题比较明显,调试之后发现是UINavigationBar部分属性的设置在...来实现,UINavigationBarAppearance是iOS13更新的API,应该有人已经在用,我们的应用兼容iOS10以上,对于导航栏的设置还没有使用UINavigationBarAppearance...,如今在iOS15上失效,所以对于呈现的问题,做如下适配: 新代码 ...... if #available(iOS 15, *) { let app = UINavigationBarAppearance.init...UITabbar tabbar的问题和navigationBar的问题属于同一类,tabbar背景颜色设置失效,字体设置失效,阴影设置失效问题 旧代码 ...... self.tabBar.backgroundImage
冬青黑体( Hiragino Sans GB ):听说又叫苹果丽黑,日文字体Hiragino KakuGothic的简体中文版,简体中文有 常规体 和 粗体 两种,冬青黑体是一款清新的专业印刷字体,小字号时足够清晰...Helvetica、Helvetica Neue:一种被广泛使用的传奇般的西文字体(这货还有专门的记录片呢),在微软使用山寨货的Arial时,乔布斯却花费重金获得了Helvetica苹果系统上的使用权,...细体、常规体、中黑体、中粗体。...San Francisco:同样是Mac OS X EL Capitan上最新发布的西文字体,感觉和Helvetica看上去差别不大,目前已经应用在Mac OS 10.11+、iOS 9.0+、watch...结论:Droid Sans为默认的字体,并结合了中英文,无需单独设置。 4、iOS系统: iOS系统的字体和Mac OS系统的字体相同,保证了Mac上的字体效果,iOS设备就没有太大问题。
排版 iOS 系统上的默认字体是 Helvetica Neue,在 Android 上则是 Roboto。尽管这两种字体在外观上有显著的差异,但是这两个字体的尺寸却是近乎相同的。...比如如下几条: Android 的 MD 设计需要用到更多的空格来进行布局 在 MD 中字体大小的变化会更加多样 在 iOS 上,字体没那么多大小差异,但是在字体重量上(Font weight)有更多的变化...,同样允许你创建主次结构 两个平台都使用比较细的字体来现实正文内容,然而,在下面的例子中,Android 使用了轻(Lighr)和常规(Regular)字体,而 iOS 使用了粗体(Bold)和常规字体...比如,当我点击(或者长按)我想要分享、上传、复制或者删除的图片时。 iOS 和 Android 用近乎相同的方式解决这种问题。首先,动作表单都是出现在屏幕的地步,然后在主要内容上罩上一层阴影。...这里是两个平台上的 icon 对比,你也可以点击这里的链接查看 iOS 和 Android 下的 icon 设计规范。 ? 13. 面包菜单、载入图片 不幸的数字 13(注:最后的晚餐的在场人数)。
视图可能包含尺寸类型的任意组合: 常规宽度,常规高度 紧凑宽度,紧凑高度 常规宽度,紧凑高度 紧凑宽度,常规高度 iOS会根据内容区域的尺寸类型动态地进行布局调整。...将所有控件的最小可触碰区域保持在44pt x 44pt。 ? 在多个设备上预览你的APP。你可以使用模拟器(Xcode附带)预览你的APP,来检查裁剪以及其他布局问题。...iOS 13还引入了一系列六种不透明的灰色颜色,你可以在半透明效果不佳的极少数情况下使用它们。例如:交叉或重叠元素(例如网格中的线条或条形)在不透明基础上看起来更好。...为避免这些问题,您可以在Xcode项目的资产目录中提供不同的图像和颜色,以确保在宽色和sRGB设备上的视觉保真度。 在实际的sRGB和宽彩色显示器上预览应用的颜色。...当你做出这个选择时,请考虑: 较厚的材质,可以为具有精细特征的文本或其他元素等提供更好的对比度 半透明可以通过对后台内容的可见,来帮助用户记住其上下文 iOS13还定义了标签、填充和分隔符的活力值,这些标签
静电说:iOS 13已经发布了半个月时间。很多小伙伴都特别想对iOS13的全新设计规范有一个全面的了解。...文章末尾提供了相关的文档和资料下载。 这次的规范重点讲解了iOS 13的Dark Mode,也就是黑暗模式,另外还有一些新的菜单及设计改动。...iOS 13 中的日历应用是一个经典的例子。)...情景菜单类似于Peek(预览)和Pop(弹出),但有两个主要区别:情境菜单可在运行iOS 13及更高版本的所有设备上使用;Peek和Pop仅适用于支持3D Touch的设备。...你可能需要一段时间来适应这个交互的变化,就iOS 13 Beta版本来说,静电觉得很痛苦。)
教育平台项目除了常规的web性能优化外,图片资源站到了流量的70%+,因此图片的性能优化是个重中之重。除了常规的图片优化外,课程封面和机构上传的图片采用了webp格式,之前已介绍过,不再赘述。...在选择绘制图标大小上有了几次尝试,因为图标大多数是12px/16px/24px/32px/48px,最后我们经过多次测试确认绘制的svg大小为480px,左右留白30px这个标准 字体跨域问题 这个是遇到的最简单的一个问题...,之前也研究过,设置cors即可: Access-Control-Allow-Origin: * 对齐问题 是字体都会涉及到行高问题,icon font当然也不例外,默认我们设置line-height:...也不例外 有一定的虚边,这个跟字体本身有关系,所有的文字字体渲染都有一定的虚边 兼容问题 网上和iconfont.cn给出的推荐写法是: [@font-face](/user/font-face) {...遗留问题 IE8中,如果字体文件加载失败,则整个页面空白,虽然其他资源正常加载,逻辑正常运行。 iOS、Andriod中,字体文件或阻碍其他资源下载。
这两天项目中统一对已经被iOS API废弃的UIAlertView和UIActionSheet进行替换,我们知道,UIAlertView和UIActionSheet都已经被iOS的API所废弃了。...UIAlertController是在iOS8.0中出现的一种统一的提示风格的界面,代替原来的UIAlertView和UIActionSheet两种类别。...typedef NS_ENUM(NSInteger, UIAlertActionStyle) { UIAlertActionStyleDefault = 0, //常规类型,默认蓝色字体...} NS_ENUM_AVAILABLE_IOS(8_0); 常规用法示例如下: //创建对象 UIAlertController *alert = [UIAlertController alertControllerWithTitle...but,在某些情况下,万恶的UI会要求你修改显示文字的大小、颜色,虽然系统自带有一种红色字体的UIAlertAction,但是这种Action并不能放在Cancel位置,所以,更多时候,需要我们自己修改文字字体和颜色
image 我们知道 Flutter 默认在 Android 上使用的是 Roboto 字体,而在 iOS 上使用的是 SF 字体,但是其实 Roboto 字体也是分很多类型的,比如你去查阅手机的 system...Features 都是一样的,比如 iOS 上支持 sups 上标显示和 subs 下标显示,但是 Android 上的 Roboto 并不支持,甚至很多第三方字体其实并不支持 Features...最后,如果对 FontFeature 还感兴趣的朋友,可以通过一下资料深入了解,如果你还有什么关于字体上的问题,欢迎留言讨论。...字体,对应还有PingFang TC 和 PingFang HK 的繁体集,而关于这个问题在 Flutter 上之前还出现过比较有意思的 bug : 用户在输入拼音时,iOS 会在中文拼音之间添加额外的...当然后续的 #16709 修复了这个问题 ,而在以前的文章我也讲过,当时我遇到了 “Flutter 在 iOS 系统上,系统语言是韩文时,在和中文一起出现会导致字体显示异常" 的问题 : image.png
虚拟节点组(VGroup): 不同数据节点上的 vnode 可以组成一个虚拟节点组(vgroup),采用 RAFT 一致性协议,保证系统的高可用与高可靠。...基于整体状态,当 mnode 发现某个 dnode 负载过重,它会将 dnode 上的一个或多个 vnode 挪到其他 dnode。...例如,时间戳"2021-07-13 16:16:48"的 UNIX 秒数为 1626164208。...vnode,彼此间执行结果不影响 这是因为多个子表可能分布在不同的 VNODE 上,客户端将 INSERT 语句完整解析后,将数据发往各个涉及的 VNODE 上,每个 VNODE 独立进行写入操作。...如果某个 VNODE 因为某些原因(比如网络问题或磁盘故障)导致写入失败,并不会影响其他 VNODE 节点的写入。
前言 移动端开发,经常会遇到的问题,就是文字居中。一般都只能往css方向去fix这个问题。 自己以前也用过position:relative;top:-*px的方式去解决。?...导致这个问题的本质原因可能是Android在排版计算的时候参考了primyfont字体的相关属性(即HHead Ascent、HHead Descent等)。...所以渲染的时候出现偏差。 那么,解决这个问题就要在font-family里显式申明中文,或者通过什么方法保证所有字符都fallback到中文字体。...blink早期的内核在fallback机制上存在问题,Android 7.0+才能ok,早期的内核下会导致英文fallback到Noto Sans Myanmar,这个字体非常丑。...这个方案就是显式申明中文的方案,MIUI在8.0+上内置了小米兰亭,同时在fonts.xml里给这个字体指定了family name:miui,所以我们可以直接设置。
前言 有些网站需要加载谷歌字体,由于网络问题或者某些问题,fonts.googleapis.com访问太慢会导致站点加载很慢。...虽然最后能看到网站,但实际上谷歌字体依然加载失败了,这个体验就非常差劲了。 解决方法 实际上这个谷歌字体是可以不需要去访问的,当然有强迫症的可以靠访问国外网站等某些操作来达到快速加载的目的。...,以避免访问站点过慢的问题。...按照这个思路,理论上直接改hosts文件,把这个地址重定向到localhost应该也是可行的。 补充 如果是自己搭建的站点需要加载谷歌字体,那么有两种方法。...解决页面中引用了谷歌字体库访问缓慢的问题 警告 本文最后更新于 March 2, 2021,文中内容可能已过时,请谨慎使用。
动态下发 对于静态资源,理论上是Android和iOS都可以做到动态下发。而对于代码逻辑部分的编译产物,在Android平台支持可执行产物的动态加载,iOS平台则不允许执行动态下发的机器指令。...3.1 iOS侧方案 在iOS平台上,由于系统的限制无法实现在运行时加载并运行可执行文件,而在上文产物介绍中可以看到,占比较高的App及Flutter这两个均是可执行文件,理论上是不能进行动态下发的,实际上对于...不对常规的编译模式(debug、profile、release)引入影响。 对于iOS平台来说,AOT模式Flutter产物编译的关键工作流程图如下图9所示。...图12 Flutter iOS端集成插件修改 3.1.2.3 运行阶段 运行阶段所处理的核心问题包括资源下载、缓存、解压、加载及异常监控等。一个典型的瘦身模式下的engine启动的过程如图13所示。...图13 iOS侧瘦身模式下engine启动流程图 为了方便业务方的使用、减少其接入成本,MTFlutter将该部分工作集成至MTFlutterRoute中,业务方仅需引入MTFlutterRoute即可将
内置的应用使用了同系列的系统颜色,这样一来,无论在深色或浅色背景上看起来都很干净,纯粹。 ? 通过使用系统字体确保易读性。...无论你是使用系统字体还是自定义字体,一定要采用动态类型,这样一来当用户选择不同字体尺寸时,你的应用才可以及时做出响应。 ? 使用无边框的按钮。默认情况下,所有的栏(bar)上的按钮都是无边框的。...例如,用户应当无需水平滚动就能看到重要的文本,或不用放大就可以看到主体图像。 准备好改变字体大小。用户期望大多数应用都可以响应他们在iOS的设置中设定的字体大小。...为了适应一些文本大小的变化,你也许需要调整布局;想要得到更多文本显示相关的信息,请查阅下文“颜色与字体”中相关的内容。 尽量避免UI上不一致的表现。在一般情况下,有着相似功能的控件看起来也应该类似。...重启需要花费时间,同时也会让人觉得你的应用不可靠且很难使用。 如果你的应用有内存使用或其它问题,导致不重启就无法流畅运行,你必须声明这些问题。
熟悉的/usr用户目录来了。 可以看到,iOS刚开始跟macOS差不多,框架占用了超过三分之一的大小,而字体竟然占了25%! 如果再细分一下: ? 这回我们看到了iOS 1.0的所有特性: ?...可以看到UIkit占总体大小的13% 以上, 墙纸和手机铃声占6%, ICU 需要超过5%,SpringBoard大约是2%。 接下来我们看看为啥字体占了这么大地方?...然而,两者还是有一些很大的区别: iOS14包含了很多Preinstalled Assets 及Linguistic Data,这些组件用于设备上的机器学习: 语言检测器、声音、标记词、发声器; Dyld...虽然现在很难列出所有的功能,但是有一些明显的趋势: iOS 14设备上添加了更多的机器学习技术: 人脸检测,深度卷积网络,视觉框架,文本识别,神经网络等等; 许多组件与相机和照片有关: 效果,记忆,视频处理...为了更好的比较,我们将 iPhone OS 1.0与 iOS 14按一定比例放在一起,你会发现整个 iPhone OS 1.0基本上就只是 iOS 14壁纸的大小: ?
然而,这样的做法带来了一系列问题,尤其是 iOS 作为一个平台,需要考虑平台化的统一标准,以及尽可能地方便第三方开发者的适配工作。...引入字体化图标 在 iOS 13 中,苹果还为了 Dark Mode 引入了多达 1500 余个字体化图标 SF Symbols。...如果我们希望获得良好的效果,往往需要针对深浅外观重新填充图标的颜色,准备两套图标素材。 而字体化图标彻底解决了这个问题,还带来了一系列的优势。什么是字体化图标呢?...你可以在这里下载苹果官方提供的 iOS 13设计模板的 Sketch 文件,其中包含了 iOS 13 的最新范式、内置语义色彩、材质等元素。...Dark Mode 在 iOS 13 上的呈现感不错,但距离完美还有一定距离。这其中既有客观因素,也有系统的主观原因。
苹果 iOS 标签栏 对于 Apple iOS,导航选项的容器大小等于 390x49。...(也可以是375) 苹果iOS标签栏 容器中图标的大小为: 25x25 pt 用于常规标签栏 18x18 pt 用于紧凑的标签栏 对于方形字形,图标应该是: 23x23 pt 用于常规标签栏 17x17...pt 用于紧凑的标签栏 对于文本标签,Apple iOS 使用 SF 字体,中文使用思源黑体或者苹方,大小 10 和中等粗细。...如果您有五个以上的导航选项,则很有可能并非所有选项都是最重要的。您可以评估导航选项,如果您仍然有五个以上的目的地,您可以使用像汉堡菜单这样的控件。 3....不要使用“灰+灰”的颜色组合 图标颜色对比度差和标签字体小是标签栏设计的两个常见问题。 始终检查文本和图标的颜色对比度。
在 PC 的浏览器上直接配置代理就行了,本篇文章就来介绍一下如何用 Burp 抓 IOS 设备上的流量,很多文章都介绍过怎么抓包,但是很多坑都没有说到,这里一些要避免的坑我都记录了下来。...常规步骤 第一步,首先要在电脑上开启 Burp,并且将监听的地址选择成 LocalIP(也就是 ipconfig 出来的那个 ip,并不是本地环回),在 Burp 上下拉就可以知道当前 IP 是多少了...然后就可以抓到 IOS 设备上的 HTTPS 流量了,害,应该没有什么别的坑了。...misc 顺带一提,Burp 在 Windows 上的默认编码并不是 UTF-8 ,所以会出现对中文字符显示乱码的问题,因此我们需要将默认的编码格式改成 UTF-8 ,在 User option 里面修改...,有些字体也可能不支持中文显示,最好用微软雅黑 reference https://portswigger.net/support/configuring-an-ios-device-to-work-with-burp
随着 iOS 9 更新面世,在 WatchOS 中随 Apple Watch 一起悄然发售,并且还将在 Apple TV 上的新 tvOS 中使用。...San Francisco Fonts 在 iOS 系统上用于替代升级另外一款西文字体 Helvetica Neue。Apple 做了一些重要的改变,使其成为平台上更好的, 甚至是完美的西文字体。...看看 system-ui 的兼容性,Can i Use -- system-ui[8](图片截取日 2019-08-13): ?...value (only on macOS) 考虑到不同平台及向后兼容,在 macOS 和 iOS 上,我们需要使用 -apple-system 及 BlinkMacSystemFont 来兼容适配 system-ui...``-apple-system`, 在一些稍低版本 Mac OS X 和 iOS 上,它针对旧版上的 Neue Helvetica 和 Lucida Grande 字体,升级使用更为合适的 San Francisco
对于iOS,使用至少11sp的字体大小,而对于Android,请选择14 sp为主文本。请注意,这是主文本通常使用的标准,不是强行的唯一标准。...此外,在设计手机端字体大小时,需要留意设计字体大小要比常规、使用在桌面端的略大一些。 ? 2. 间距 1) 行间距 行间距是一排文字和另一排文字之间的空间。...许多人认为,1.4em是标准的行间距,但在手机屏幕上,仍然有显得几分紧密,用户可能会感到文字仿佛在收紧。在设计上,标准的行间距应该是字体大小的120%。...对比度 在手机屏幕上,文本数量远远小于Web界面,于是同等设置的对比值,在手机界面上会放大。手机文本排版设计的对比度问题,最大的原则就是削弱对比。...例如, iOS 7使用了(Pro)Light,iOS 9使用SF-UI,而在iOS 10中,San Francisco的字体版本是SF UI Text 和 SF UI Display。 ? 10.
领取专属 10元无门槛券
手把手带您无忧上云