首页
学习
活动
专区
圈层
工具
发布

iOS26适配指南之UIScrollView

介绍 在 iOS 26 中,UIScrollView 迎来了两个重要增强,主要聚焦于滚动边缘的视觉效果和与浮动容器的交互体验。这些改进不仅让滚动过渡更自然,还提升了在复杂界面中内容的可读性。...UIScrollEdgeEffect 过去,当内容滚动到边缘时,系统会使用回弹(bounce)或发光(glow)效果来提示用户。...,用于设置滚动边缘的效果。...UIScrollEdgeElementContainerInteraction 除了边缘效果,Apple 还引入新的交互UIScrollEdgeElementContainerInteraction,可以将导航栏、标签栏、工具栏或者自定义浮动视图标记为边缘元素容器...,当内容滚动到该容器下方时,系统会自动添加一个渐变模糊效果,从而保证叠加内容的可读性。

60510
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    iOS AutoLayout全解

    关于[VFL官网]详细知识,请查看官方的介绍 AutoLayout IB使用方式 为了让布局能够在不同屏幕的size上都能够表现正常,我们需要对其增加“约束”。...注意:我在添加约束的时候有个选项叫做updateFrame 如果勾选 会直接将Frame调整到真实值 ,而不需要再次update 。...3,当ScrollView过长无法编辑怎么办?将控制器改为Freedom 修改ContentView的高度约束 这样ScrollView 就可以滚动了。 ?...接着我们在UITableView中来使用我们自定义的UITableViewCell C1。...StackView属性 在理解StackView时,有几个属性需要理解: Axis: 这个属性是改变UIStackView中的排布方式的属性,其中有水平排布与垂直排布 Alignment:这个属性是其中子视图的位置摆布方式默认是填充摆布

    6.2K60

    iOS9新特性——堆叠视图UIStackView

    二、在storyBoard上初识StackView         UIStackView是一个管理一组堆叠视图的控制器类视图,所谓堆叠视图时一种平铺式的线性布局方式,不可重叠,布局方向也不可交错,如果你做过...watchOS的开发,你会发现,其实StackView与watchOS中的group十分能相似。...首先,我们在ViewController中拉入一个stackView: ? 将一些属性设置如下: ? Axis是设置布局的方向,有水平和垂直两种方式,一个StackView只能选择一种布局模式。...之后有一点需要注意,stackView用于布局其内部管理的视图,对于它本身,我们还需要添加一些约束,将它约束在屏幕的中间。...技巧:因为StackView继承于UIView,因此在布局改变的时候,我们可以使用UIView层的动画,如下:         //在添加view的时候会有动画效果,移除的时候没有         [stackView

    3.5K11

    在 SwiftUI 中创建自适应的程序化导航方案

    读取状态即可获知当前的导航位置,更改状态便可调整导航路径。因此在 SwiftUI 中,掌握两种导航容器的状态表述差异是实现自适应导航方案的关键。...在栈中推送和弹出数据的过程对应了导航容器中添加和移除视图的操作。弹出全部数据相当于返回根视图,推送多个数据相当于一次性添加多个视图并直接跳转到最后数据所代表的视图。...需要特别注意的是,在 NavigationStack 中,根视图是直接通过代码声明的,并不存在于“栈”中。...例如:在 A 中修改状态 b,B 响应 b 状态;在 B 中修改状态 c,C 视图响应状态 c。...比如在本例的 Content 列代码中,为了维持这个限定,只能通过 overlay 来定义占位视图。如果将代码调整成如下样式,则会在转换后丧失程序化导航的能力( 无法通过修改状态,返回上层视图 )。

    5.5K30

    Android开发笔记(一百四十二)平滑翻页的书籍浏览

    幸好Android在5.0后就开始支持PDF文件的读取,直接在内核中集成了PDF的渲染操作,很大程度上方便了开发者,这个内核中的PDF管理工具便是PdfRenderer。...在Android的控件家族当中,比较接近上下层叠方式的是栈视图StackView,它的前后两项视图有部分是重叠在一起的,然后可以通过上下滑动来切换当前显示的顶层视图。...StackView的使用方式类似于ListView,都是调用setAdapter方法设置一组子项,多出来的属性只有loopViews,该属性用于控制是否循环显示子项视图。...层叠翻页效果 上面提到的StackView,仍然不完全符合现实生活中的书页排列,比如上下两页只是部分区域重叠不是完全覆盖,另外前后页面是通过上下滑动切换而不是通过左右滑动切换,所以要想实现现实生活中的层叠翻页效果...框架视图主要负责两块工作: 1、接管屏幕上的触摸事件,通知当前的页面视图向左或者向右滑动,并在松开手势时判断接下来是继续翻页,还是恢复原状; 2、在翻页结束时,在屏幕上重新组织当前页面与前后两页,类似于

    1.5K10

    【DB笔试面试816】在Oracle中,如何让普通用户可以对DBA_SOURCE视图进行闪回查询?

    题目部分 【DB笔试面试816】在Oracle中,如何让普通用户可以对DBA_SOURCE视图进行闪回查询?...答案部分 DBA_SOURCE视图的结果包括了数据库中的所有存储对象的文本定义信息,通过该视图可以快速搜索数据库中已开发完成的代码。...可以通过对该视图进行闪回查询而获取过去某个时间点的数据库中包、存储过程或函数等对象的内容。...普通用户对DBA_SOURCE视图进行闪回查询会报错:“ORA-01031: insufficient privileges”,如下所示: LHR10@orclasm > select * from...本质上执行闪回查询的用户需要有相关对象的FLASHBACK的权限,而角色SELECT_CATALOG_ROLE中含有对视图DBA_SOURCE的FLASHBACK的权限。

    1.5K00

    iOS屏幕适配概述1 屏幕适配简介2 Autoresizing3 Auto Layout

    |Xcode7.0 | 2015年09月28日 | iPhone 6S 1.3 适配技术介绍 直接使用 frame 计算控件的位置 特点:程序中存在大量的 MagicNumber iPhone\...StackView 的核心便是方便垂直或水平排布多个 subview 类似于 android 的 LinearLayout StackView 最有用的就是它会自动为每个 subview 创建和添加...Auto Layout 约束,程序员可以 通过选项配置subview的大小、排布以及彼此间的间距 使用 stackview 主要简化在线性方向上,重复设置控件布局约束的问题 2 Autoresizing...只是为了介绍, 以后不要用 Autoresizing,都用 Auto Layout 一定记住:在一个视图中 Autoresizing 和 Auto Layout 只能用其一,通过 Autoresizing...更改约束后,在block动画中调用layoutIfNeeded //修改constraints不代表直接改了frame,谁调用此方法,就会让自己及内部所有子控件立即根据constraints 更新 frame

    1.6K30

    笔记——RemoteViews远程View(十四)

    RemoteViews用来描述可运行在其他进程中的视图结构,但RemoteViews本身不是视图,只是一个描述类。 RemoteViews描述的远程视图需要通过layout资源文件定义。...RemoteViews类提供了一系列修改远程视图的方法。 应用:一般用于顶部通知栏和桌面小部件的开发。...3.通知栏和桌面小部件的开发过程中都会用到RemoteViews,它们在更新界面时无法像在Activity里面那样去直接更新View,这是因为二者的界面都运行在其他进程中,确切来说是系统的SystemServer...4.并非所有View都可以作为远程视图,只有声明了RemoteView注解(@RemoteView)的View才可以。例如系统提供的控件中EditText就不可以。...AbsoluteLayout(已弃用) TextView、Button、ImageView、ImageButton、Chronometer、ProgressBar、ListView、GridView、StackView

    1.5K20

    GeometryReader :好东西还是坏东西?

    GeometryReader 无法获取正确的几何信息:这种观点认为,在某些情况下,GeometryReader 无法获取精确的几何信息,或者在视图未发生变化(视觉上)的情况下,其获取的信息可能不稳定。...在非滚动方向上,ScrollView 会向子视图提供该维度上的全部可用尺寸。而在滚动方向上,它向子视图提供的建议尺寸为 nil。...为什么 GeometryReader 无法获取正确的信息 一些开发者可能会抱怨,GeometryReader 无法获取正确的尺寸(总是返回 0,0),或者返回异常的尺寸(比如负数),导致布局错误。...因为在某些系统版本中,从 background 传递的数据无法被 onPreferenceChange 获取到。...里子和面子:不同的尺寸数据 在 SwiftUI 中,有一些 modifier 是在布局之后,在渲染层面对视图进行的调整。

    1.8K70

    重走Android路之挑几个基本控件玩玩(上卷)

    话说,我家小岁岁也要中考了,在此,祝愿岁岁中考成功~ 基本控件使用 Android为我们提供了很多UI样式,但是在实际开发中,我们往往会根据UI图去为我们选择的绝大部分的控件进行渲染,从而达到产品更加的美观...那么,针对原有的五大布局中的表格布局,我们今天首先以此为开篇~ 本文重点脑图呈现 ?...那么下面看看官方所述: AdapterView在其视图之间切换时,它的基类将执行动画。 这里查看下官方提供的属性: ?...据官方所述: AdapterViewFlipper是一个很简单ViewAnimator,它将在添加到它的两个或多个视图之间生成动画。一次只显示一个孩子。如果有要求,可以定期在每个孩子之间自动翻动。...觉得不错,动动小手,转发让更多人看到,3Q,比心~

    79930

    最新iOS设计规范四|3大界面要素:视图(Views)

    将红色用于执行破坏性或危险操作的按钮,并将这些按钮显示在动作表单的顶部。 避免让操作表滚动。如果表单选项太多,用户必须滚动才能看到所有选项。但滚动需要用户额外花时间来做出选择,而且很容易造成误点。...一般来说,请避免在标题中包含你的公司名称或产品名称。 确保活动适合当前上下文。虽然系统提供的任务无法在活动中重新排序,但如果它们不适用于你的APP,则可以将其屏蔽。...五、图像视图(Image Views) 图像视图是在透明或不透明背景上,显示的单个图像或动画图像序列。在图像视图中,图像可以被拉伸、缩放、调整大小以适合或固定到特定位置。...同一时刻只显示一个滚动视图。用户经常会在滚动时使用非常大幅度的动作,如此便会非常难以避免在同一屏幕中对相邻的滚动视图进行交互操作。...但不要改变滚动的位置。相反,将内容添加到表的开头或结尾,让用户在准备好时滚动到它。一些APP在加载新数据时会显示一个加载器,并提供一个直接跳转到该数据的控件。

    13.5K31

    UIScrollView的一步步实现1 简介1.1 工作原理1.2 UIScrollView常见的几个重要控件1.3 UIScrollView常见的重要属性1.4 手工代码实现拖动2 三个重要属性的进

    UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容 1.1 工作原理 在缩放的时候,原理是操作被缩放控件的的transform数值。...设置 缩放比例 让代理对象返回需要缩放的视图控件 // 设置最小缩小比例 scrollView.minimumZoomScale = 0.2; // 设置最大放大比例...scrollView.maximumZoomScale = 2; // 设置代理 scrollView.delegate = self; 让代理对象返回需要缩放的视图控件...三个重要属性的进一步加强contentOffset,contentSize, contenInset 2.1 contentOffset scrollView 通过修改 contentOffset 调整内部视图的坐标位置...和普通的内边距作用相反,不是让内容向里面缩进。是在不改变原有的contentSize基础上,让scrollView中的内容向四周多滚动一些。

    2.3K60

    用AutoLayout实现分页滚动

    每个页视图中在添加各自的条目视图。整体效果图如下: ? 分页滚动UI布局 AutoLayout实现分页滚动的方法 根据上面的UI结构这里用AutoLayout的代码来实现水平分页的滚动。...其原因是无论是分页滚动还是不分页滚动,在滚动时都是通过调整滚动视图的contentOffset来实现的。...而当滚动视图进行横竖屏切换时不会调整对应的contentOffset值,这样就导致了在屏幕方向切换时的滚动位置出现异常。...解决的办法就是在屏幕滚动时的相应回调处理方法中修正这个contentOffset的值来解决这个问题。...previousTraitCollection]; UIScrollView *scrollView = (UIScrollView*)self.view; //根据当前的contentOffset调整到正确的

    2.6K40

    两个 viewports 的故事-第二部分

    平板设备如 ipad 以及传闻基于 webOs 的惠普产品将缩小桌面与手机的差距,但也无法改变最基本的问题。因为网站也需要在移动端显示,所以我们必须让它们在小屏幕上正常显示。...George Cummins 在 Stack Overflow 上很好的解释了视图的基本概念,“把布局视图想象成一张无法改变大小和形状的很大的图片,你可以通过一个很小的相框来看这张图片。...滚动偏移 你同样需要知道的是当前视觉视图相对于布局视图的位置。这就是滚动偏移,和桌面端一样,这个属性保存在 window.pageX/YOffset 中。 ?...不幸的是,12 个测试浏览器中只有两个(Symbian WebKit 和 Iris)获得的三个属性的值完全正确。其他的浏览器或多或少的有些问题。...它其实就是调整布局视图的大小。为了理解它的作用,让我们退一步来讲。 假设你创建了一个简单页面,并且其中的元素没有设置 width 。它们会被拉伸到布局视图的 100% 宽度。

    2.3K70
    领券