文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

iOS10-iOS15主要适配回顾

ios15适配 1、UITabar、NaBar新增scrollEdgeAppearance，来描述滚动视图滚动到bar边缘时的外观，即使没有滚动视图也需要去指定scrollEdgeAppearance，...3、IDFA必须要用户用户授权处理，否则获取不到IDFA 4、 UIPageControl的变化 具体参考iOS 14 UIPageControl对比、升级与适配 ios13适配 -1、 iOS 13...; } ios11适配 1、ViewController的automaticallyAdjustsScrollViewInsets属性被废弃，用scrollView的contentInsetAdjustmentBehavior...2、safeAreaLayoutGuide的引入 3、tableView默认开启了Size-self 4、新增的prefersLargeTitles属性 5、改善圆角，layer新增了maskedCorners...ios11适配相关 ios10适配 1、通知统一使用UserNotifications.framework框架 2、UICollectionViewCell的的优化，新增加Pre-Fetching预加载机制

1.7K50

你可能需要为你的 APP 适配 iOS11

前言 前几天发现在做的APP在iOS11系统上动画有异常，在其他系统的设备上都是正常的，动画的操作是观察tableView的contentOffset变化后执行的，异常动画发生在tableView reloadData...215：What's New in Accessibility 2、控制大标题的显示 在UI navigation bar中新增了一个BOOL属性prefersLargeTitles,将该属性设置为ture...4、UINavigationController和滚动交互 滚动的时候，以下交互操作都是由UINavigationController负责调动的： 所以，如果你使用navigation bar，组装push...值的变化，如果是有动画是观察这两个属性的变化进行的，就会造成动画的异常，因为在估算行高机制下，contentSize的值是一点点地变化更新的，所有cell显示完后才是最终的contentSize值。...我写demo测试的时候，因为每个cell的高度都较小，所以只显示image，然后我增加cell的高度后，就可以同时显示image和title了。

3.4K00
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    你可能需要为你的APP适配iOS11

    前言 前几天发现在做的APP在iOS11系统上动画有异常，在其他系统的设备上都是正常的，动画的操作是观察tableView的contentOffset变化后执行的，异常动画发生在tableView reloadData...215：What's New in Accessibility 控制大标题的显示 在UI navigation bar中新增了一个BOOL属性prefersLargeTitles,将该属性设置为ture...UINavigationController和滚动交互 滚动的时候，以下交互操作都是由UINavigationController负责调动的： 所以，如果你使用navigation bar，组装push...值的变化，如果是有动画是观察这两个属性的变化进行的，就会造成动画的异常，因为在估算行高机制下，contentSize的值是一点点地变化更新的，所有cell显示完后才是最终的contentSize值。...我写demo测试的时候，因为每个cell的高度都较小，所以只显示image，然后我增加cell的高度后，就可以同时显示image和title了。

    1.7K20

    你可能需要为你的 APP 适配 iOS 11

    本文介绍iOS11中在UI方面做了哪些更新，有些更新可以为用户提供更加完美的体验，但也有的可能会给目前的APP带来异常bug 前言 前几天发现在做的APP在 iOS11 系统上动画有异常，在其他系统的设备上都是正常的...在UI navigation bar中新增了一个BOOL属性prefersLargeTitles,将该属性设置为ture，navigation bar就会在整个APP中显示大标题，如果想要在控制不同页面大标题的显示...；iOS 11 新增属性 UINavigationController和滚动交互 滚动的时候，以下交互操作都是由UINavigationController负责调动的： UIsearchController...contentSize和contentOffset值的变化，如果是有动画是观察这两个属性的变化进行的，就会造成动画的异常，因为在估算行高机制下，contentSize的值是一点点地变化更新的，所有cell显示完后才是最终的...我写demo测试的时候，因为每个cell的高度都较小，所以只显示image，然后我增加cell的高度后，就可以同时显示image和title了。见下图对比： ?

    2.6K60

    iOS 11 更大的导航 （官方翻译版）

    导航栏标题 考虑在导航栏中显示当前视图的标题。在大多数情况下，标题可帮助人们了解他们正在查看的内容。但是，如果导航栏标题似乎是多余的，可以将标题留空。...例如，在标签布局中，大标题可以帮助澄清活动选项卡，并在用户滚动到顶部时通知用户。手机使用这种方法，而音乐使用大的标题来区分专辑，艺术家，播放列表和收音机等内容区域。...当用户开始滚动内容时，大标题转换为标准标题。大标题在所有应用程序中都没有意义，不应与内容竞争。虽然Clock应用程序具有标签式布局，但是大型标题是不必要的，因为每个标签都有一个不同的，可识别的布局。...有关开发人员的指导，请参阅prefersLargeTitles。 导航栏控件 避免拥挤导管栏的控制太多。通常，导航栏不应包含视图的当前标题，后退按钮和管理视图内容的一个控件。...iOS在使用此遮罩时，可以在转换期间为按钮标题设置动画。 不要包含多段面包屑路径。后退按钮总是执行单个操作 - 返回到上一个屏幕。

    4.3K30

    吸顶效果解决方案

    （最重要的元素通常固定在页面顶部，navbar-fixed-top） 二.PC解决方案 页面滚动到一定位置时，做一些事情 “回到顶部”按钮也是这样的，页面向下滚动超过150px时，显示该按钮，否则隐藏...-> 滚动 -> 手指抬起 -> 惯性滚动 -> 停止滚动 整个过程，直到停止滚动时才会触发1次scroll事件，也就是说，IOS8以下的scroll变成了scrollend。...监听滚动判断位置的方法完全失效，平滑吸顶效果变成了滚过临界位置直到停止滚动时，吸顶元素跳到目标位置，体验非常差，不可忍受 scroll不能用，但还可以有一些奇怪的思路，比如定时器读scrollTop，touchmove...，iscroll等等 有前辈做了详细测试，见参考资料1 定时器在手指没有离开屏幕时不会执行，touchmove触发频率足够，也能拿到scrollTop，但touchend后，惯性滚动期间，没有任何事件可用...8 is a Big Deal：实例介绍IOS8取消scroll事件限制后的变化，也是上面的前辈写的 javascript scroll event for iPhone/iPad?

    4.5K10

    WWDC2017小结

    iOS 11 文件 App 全新文件 app 会把各类文件汇集在一起。不仅包括iPad 上的文件，还有用户存放在各种app、其他iOS设备、iCloud Drive 和其他云服务中的文件。...iOS 11 SDK 要用一句话来评价今年iOS SDK的变化的话，就是小步革新。 ARKit ARKit 利用单镜头和陀螺仪，在对平面的识别和虚拟物体的稳定上做得相当出色。...如果你想采用这项设计的话也非常简单，设置 navigation bar 的 prefersLargeTitles 即可。...所以如果你想让自己的程序运行在 iOS 11 的设备上，进行 64 位的重新编译是必须步骤。...PDFKit 这是一个在 macOS 上已经长期存在的框架，但却在 iOS 上姗姗来迟。你可以使用这个框架显示和操作 pdf 文件。

    1.7K90

    iOS14开发-UIViewController

    ）—> viewDidDisappear（view已经消失）—> dealloc（释放内存） 延迟加载 UIViewController 的 view 的延迟加载：第一次使用的时候才会去加载，并不是创建...iOS 13 之后，模态跳转并非全屏显示，如果需要全屏显示，需要手动设置。 两个概念 presentedViewController: 被 present 的控制器。...需要先监听，后发送。 iOS 9 之后 NSNotificationCenter 无需手动移除观察者。 常见ViewController UIAlertController 警告（对话框）控制器。...如果当前 UIViewController 设置了title属性，则显示标题文字。 如果都没设置，则显示空白。 iOS11 之后可以设置大标题。...navigationBar.prefersLargeTitles = true // 当前界面是否显示大标题，never表示不显示大标题即显示小标题 navigationItem.largeTitleDisplayMode

    3.8K20

    【前端词典】4 种滚动吸顶实现方式的比较

    则它的偏移量属性都为 0； 每次访问偏移量属性都需要重新计算（保存变量）； 在使用的时候可能出现 DOM 没有初始化，就读取了该属性，这个时候会返回 0；对于这个问题我们需要等到 DOM 元素初始化完成后再执行...直到有一天我用美团点外卖的时候，我才开始注意这个问题。...描述： 当页面往下滚动时，吸顶元素需要等页面滚动停止之后才会出现吸顶效果 当页面往上滚动时，滚动到吸顶元素恢复文档流位置时吸顶元素不恢复原样，而等页面停止滚动之后才会恢复原样 原因：在 ios 系统上不能实时监听...这个属性在 IOS6 以上的系统中有良好的兼容性，所以我们可以区分 IOS 和 Android 设备做两种处理。...IOS 使用 position:sticky，Android 使用滚动监听 getBoundingClientRect().top 的值。 如果 IOS 版本过低呢？

    3K60

    《最新出炉》系列初窥篇-Python+Playwright自动化测试-31-JavaScript的调用执行-上篇

    详细参考博客：日历时间控件（传送门）3.2场景二1.有些页面的内容不是打开页面时直接加载的，需要我们滚动页面，直到页面的位置显示在屏幕上时，才会去请求服务器，加载相关的内容。...2.使用JS语句模拟向下滚动页面可以使用JS语句，定位滚动条的位置到最下面，从而实现页面的向下滚动。...，大家可以注意宏哥录制浏览器动作视频的滚动条在向下滚动直到博客园的底部。...Created on 2023-11-11@author: 北京-宏哥 公众号：北京宏哥Project: 《最新出炉》系列初窥篇-Python+Playwright自动化测试-31-JavaScript...page.wait_for_timeout(3000) # page.pause() browser.close()4.3运行代码1.运行代码，右键Run'Test'，控制台输出，如下图所示：2.运行代码后电脑端的浏览器的动作

    67640

    《最新出炉》系列初窥篇-Python+Playwright自动化测试-31-JavaScript的调用执行-上篇

    详细参考博客：日历时间控件（传送门） 3.2场景二 1.有些页面的内容不是打开页面时直接加载的，需要我们滚动页面，直到页面的位置显示在屏幕上时，才会去请求服务器，加载相关的内容。...2.使用JS语句模拟向下滚动页面 可以使用JS语句，定位滚动条的位置到最下面，从而实现页面的向下滚动。...，大家可以注意宏哥录制浏览器动作视频的滚动条在向下滚动直到博客园的底部。...''' Created on 2023-11-11 @author: 北京-宏哥 公众号：北京宏哥 Project: 《最新出炉》系列初窥篇-Python+Playwright自动化测试-31-JavaScript...page.wait_for_timeout(3000) # page.pause() browser.close() 4.3运行代码 1.运行代码，右键Run'Test'，控制台输出，如下图所示： 2.运行代码后电脑端的浏览器的动作

    39410

    【移动端bug】iOS 下 Input 和 fixed 的问题

    ，迟早的问题而已，这种兼容性问题真的是很烦人的，文章很长，看是不可能看的了，所以收藏备用吧 本次文章主要描述两个问题 1、IOS11 下，键盘弹起时导致的光标错位 2、IOS13 下，键盘弹起再收起时导致的...IOS11 下碰到的这个问题 所以发现怎么有时有这个问题，有时又没有。。。...1什么时候会出现 我就列出出现这些问题的包含的元素 ios11 safari 浏览器 定位元素中有输入框 定位元素输入框激活时，页面还有很多内容，仍然能往上滚动 来看一下实际的表现是怎么样的 ?...，唤起键盘，定位元素的 实际DOM 就是正常的 3证明一下猜想 1 、证明聚焦再失焦，定位元素的实际dom是否跟显示元素错位了 我对比了 新打开的定位元素输入框距顶高度 和 聚焦又失焦操作后的 定位元素输入框距顶高度...发现，的确高度不一样，的确实际DOM 和 显示的元素 错位了 2 、证明没有滚动到底部时，实际DOM 的位置是正常的，和显示元素对应 ?

    5.9K61

    15 v-if 条件渲染与 v-for 列表渲染

    组件的缓存和复用 另处，值得一提的是，v-if是条件渲染，只有条件为true，组件才会创建；而另一个具有同样效果的指令v-show，仅是改变组件的display样式，无论显示与否，始终都会创建。...这么多数据一般也不会在页面上全部显示，通常的做法是放在一个滚动容器内，只显示最新的 10 条或 8 条。 对于这样的大数据列表，如果优化它的渲染效率呢？ 在这里可以利用key做文章。...但是key的值并不是index%10，而是index%11，这是为了让底部多一个元素，避免滚动时出现缝隙。 只有显示的元素才展示数据，不显示的元素以空白的li代替。...就是在滚动的div上，自定义实现一个滚动条。这样就不再依赖于空白的li作为占位符了。如果实现这一步，列表里只需要渲染 11 个元素组件。数据再大，渲染也没有问题。...事实上，苹果 iOS UIKit 的表格组件就是这样实现的。

    2.1K20

    2017移动前端的一些总结web前端 —— 移动端知识的一些总结一.css部分二.js部分

    ，倒也能正常显示不出现滚动条，不过是移动设备对页面 做了缩小优化，所以字体等都相应缩小了 （980px是相对于手机像素的，我的是超过1000px多一些就出现滚动条了，这个没具体研究）。...1; 　　-moz-box-flex: 1; 　　display: block; 　　width: 0; } 要想三个 li元素平分 box的宽度， width:0是关键（在这个坑里陷了好久，直到偶然的一次设置了... width：0突然就好了，后来在天猫上也看到了同样的设置 width:0）  10.使用 a 标签的话，尽量让 a 标签 block ，尽量让用户可点击区域最大化  11.对两个 div使用了 transform...,第三行会显示点头部。...[这里][5] 3.有些版本的 iphone4中， audio和 video默认播放事件不会触发，比如使用 window.onload或计时器等都不能触发播放，必须用 JS写事件让用户手动点击触发才会开始播放

    4.2K40

    📚一站式解决：H5开发全攻略，看这篇让你省时又省力

    这样设置后，设计稿上的 1px 就对应于 1/100rem，方便转换。...// 忽略某些文件夹下的文件或特定文件，例如 'node_modules'，使用正则表达式 include: undefined, // 如果设置了include，那将只有匹配到的文件才会被转换...body { text-size-adjust: 100%; } ⭐️⭐️禁止高亮显示 使用-webkit-tap-highlight-color: transparent属性可以禁止触摸元素时的高亮显示效果...⭐️⭐️⭐️⭐️⭐️click 点击延迟与穿透问题 现象 在 iOS 设备上，单击事件可能会有 300ms 的延迟，因为 Safari 浏览器需要在单击 300ms 后判断用户是否进行了第二次点击以实现双击缩放操作...== '11' && touch.isVertical() && !

    2.6K21

    如何判断 ScrollView、List 是否正在滚动中

    : UIScrollView)手指滑动可滚动区域后（ 此时手指已经离开 ），滚动逐渐减速，在滚动停止时会调用此方法scrollViewDidEndDragging(_ scrollView: UIScrollView...preference 与 onChange 的调用时机非常类似，只有在值发生改变后才会传递数据。在 ScrollView、List 发生滚动时，它们内部的子视图的位置也将发生改变。...判断的准确度没有前两种方式高当可滚动组件中的内容出现了非滚动引起的尺寸或位置的变化（ 例如 List 中某个视图的尺寸发生了动态变化 ），本方式会误判断为发生了滚动，但在视图的变化结束后，状态会马上恢复到滚动结束滚动开始后...（ 状态已变化为滚动中 ），保持手指处于按压状态并停止滑动，此方式会将此时视为滚动结束，而前两种方式仍会保持滚动中的状态直到手指结束按压IsScrolling我将后两种解决方案打包做成了一个库 —— IsScrolling...待 SwiftUI 更多的底层实现不再依赖 UIKit（ AppKit ）之时，才会是它 API 的爆发期。希望本文能够对你有所帮助。

    5.1K40

    小程序bug

    可手动删除一些无用数据再setData 3. wx-canvas线状图中多条线展示时，点击显示tooltip后苹果手机会出现无法滚动的现象。...一般这样创建一个日期变量 var d = new Date("2017-08-11 12:00:00"); 发现在iOS中不兼容，返回valid Date。...IOS中不支持 - 连接日期需要写成 var d = new Date("2017-08-11 12:00:00".replace(/-/g, "/")); 这样来兼容ios，而且年月日都得传，比如不能传...通过设定固定宽度解决 11. mpvue-echarts饼状图pie在小程序中点击圆环后中间空白部分会随机涂满颜色 12....小程序 自定义弹窗后禁止屏幕滚动（滚动穿透） 13. wx.navigateTo不能滥用，因为他会保存页面，小程序又有只能打开10个页面的限制，因此滥用可能导致导航跳转失效 14.

    1.2K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券