PaperFold-for-iOS完整功能指南四向折叠、多层折数与pullFactor调参实战【免费下载链接】PaperFold-for-iOSPaper folding animation for iOS项目地址: https://gitcode.com/gh_mirrors/pa/PaperFold-for-iOSPaperFold-for-iOS 是一款轻量免费的 iOS 折叠动画开源控件Paper folding animation for iOS通过简单的拖动操作让页面像折纸一样实现四向折叠与多层展开。本文是一份面向新手的完整功能指南带你 5 分钟集成控件并深入讲解多层折数设置与pullFactor 参数调参实战。1. 功能概览一个控件搞定四种折叠方向PaperFold 的核心是一个PaperFoldView它把屏幕划分为中间内容区 可折叠侧边区支持四个方向的折叠交互方向控件类型特点⬅️ 左侧MultiFoldView支持任意多层折叠➡️ 右侧MultiFoldView支持任意多层折叠⬆️ 顶部MultiFoldView垂直方向多层折叠⬇️ 底部FoldView单层折叠它的视觉原理非常巧妙折叠时对侧边视图做一次屏幕截图再按折数切分成若干片由于虚拟光源位于屏幕右侧面向左侧的折叠面会自动变暗从而呈现出真实的纸张光影效果。动画效果见项目说明 README.mdCocoaPods 集成信息Pod 名PaperFoldMIT 协议见 PaperFold.podspec。2. 快速上手三步集成 PaperFold 折叠控件 示例工程已包含在仓库中clone 后直接打开PaperFold.xcodeproj即可运行核心演示代码在 DemoRootViewController.m。集成只需三步PaperFoldView *fold [[PaperFoldView alloc] initWithFrame:self.view.bounds]; [self.view addSubview:fold]; [fold setCenterContentView:centerView]; // 1. 中间主内容视图 [fold setRightFoldContentView:mapView // 2. 右侧折叠视图 foldCount:3 pullFactor:0.9]; // 3. 折数 pullFactor左侧对应方法为setLeftFoldContentView:foldCount:pullFactor:顶部为setTopFoldContentView:topViewFoldCount:topViewPullFactor:底部为setBottomFoldContentView:。四个方向的内容都可以是任意UIView例如UITableView、MKMapView。完整接口定义见 PaperFoldView.h。 新手提示如果用户不知道如何触发折叠可以用PaperFoldSwipeHintView在界面上叠加左右滑动引导图内置在 PaperFoldResources.bundle 中。3. 四向折叠功能详解3.1 左 / 右水平折叠最经典的使用场景水平折叠是 PaperFold 的招牌能力。拖动中间视图时侧边内容会层层卷进屏幕边缘松手后根据拖动的百分比自动决定折回或展开——超过 30% 的位移阈值即判定为展开见 PaperFoldConstants.h。右侧多层折叠的实际效果如下3.2 上 / 下垂直折叠垂直方向通过FoldDirectionVertical实现。顶部视图使用多层折叠示例中折了 5 层底部为单层折叠两者配合可以做出类似顶栏收起 / 底部面板的交互。对应的折叠状态统一用PaperFoldState枚举描述包含默认、左展开、右展开、上展开、下展开 5 种状态见 PaperFoldConstants.h。4. 多层折数设置foldCount 决定折叠的细腻度foldCount参数指定侧边视图被切分成几层纸张。切分后每一层的宽度 侧边视图宽度 ÷ 折数层数越多单次折叠的幅度越小动画越细腻但对截图切分的开销也越高。官方示例的取值供参考DemoRootViewController.m位置foldCount说明左侧列表3侧边较窄3 层观感最佳右侧地图3宽度 240pt3 层每层 80pt顶部区域5顶部较矮5 层更显层次调参建议常规侧边栏用3需要更强层次感时用4~5不建议超过 6否则单层过窄阴影细节容易糊掉。5. pullFactor 调参实战控制多层折叠的节奏pullFactor是 PaperFold 最有灵魂的一个参数它决定远离中心的折层何时开始展开——值越大各层之间的时间差越明显波浪式逐层翻开的效果越强。它的作用机制藏在 MultiFoldView.m 中每一层完全展开所需的拖动距离 层宽 ×1 pullFactor。也就是说pullFactor单层展开所需拖动视觉效果01 倍层宽各层几乎同时展开快而紧凑0.9示例默认1.9 倍层宽层层递进节奏自然推荐起点1.02 倍层宽层次感最强但总拖动距离最长⚙️ 调参实操建议先定折数再调 pullFactor两者共同决定拖动的总行程都调大动画会显得拖沓想要干脆利落 →foldCount:2~3 pullFactor:0.3~0.6想要纸感十足的逐层翻卷 →foldCount:3~5 pullFactor:0.8~1.0pullFactor 只对多层视图左/右/上生效底部单层折叠不受影响。6. 进阶控制状态切换、手势禁用与状态回调代码驱动折叠不需要手势时调用[fold setPaperFoldState:PaperFoldStateRightUnfolded]即可展开右侧还带animated:和completion:两个增强版本方便串联后续逻辑禁用拖拽中间是UITableView时折叠拖拽会和左滑删除冲突用setEnableLeftFoldDragging:NO/setEnableRightFoldDragging:NO单独关闭对应方向限定拖拽区域通过restrictedDraggingRect把手势限制在导航栏等指定区域避免与页面滚动抢手势状态回调实现 delegate 方法paperFoldView:didFoldAutomatically:toState:可区分状态是手势触发还是代码触发配合viewDidOffset:还能拿到实时偏移量做联动动画导航控制器封装不想手动管理子视图可以直接用 PaperFoldNavigationController 以根控制器 左右控制器的方式组织页面配套示例工程见 PaperFold-NavDemo左右各放一个UIViewController即可跑起来。7. 常见问题 FAQQ项目必须开 ARC 吗A是。PaperFold 基于 ARC 编写podspec 中已声明requires_arc非 ARC 项目需为相关源文件添加-fobjc-arc编译参数。Q地图截图出现异常AiOS 6 早期版本对MKMapView截图存在系统 bug已在 iOS 6b4 修复新版本系统无此问题。Q动画掉帧怎么优化A可调小timerStepDuration默认 0.01 秒/帧并关闭 Retina 高清截图useOptimizedScreenshot NO在流畅度与清晰度之间取舍。 从左右两折到四向多层PaperFold 用不到百行的接口就还原了折纸的物理手感。配合本文的折数选择表和 pullFactor 调参表你可以快速调出符合产品调性的折叠节奏为自己的 iOS 应用加上一抹纸感。【免费下载链接】PaperFold-for-iOSPaper folding animation for iOS项目地址: https://gitcode.com/gh_mirrors/pa/PaperFold-for-iOS创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
PaperFold-for-iOS完整功能指南：四向折叠、多层折数与pullFactor调参实战
PaperFold-for-iOS完整功能指南四向折叠、多层折数与pullFactor调参实战【免费下载链接】PaperFold-for-iOSPaper folding animation for iOS项目地址: https://gitcode.com/gh_mirrors/pa/PaperFold-for-iOSPaperFold-for-iOS 是一款轻量免费的 iOS 折叠动画开源控件Paper folding animation for iOS通过简单的拖动操作让页面像折纸一样实现四向折叠与多层展开。本文是一份面向新手的完整功能指南带你 5 分钟集成控件并深入讲解多层折数设置与pullFactor 参数调参实战。1. 功能概览一个控件搞定四种折叠方向PaperFold 的核心是一个PaperFoldView它把屏幕划分为中间内容区 可折叠侧边区支持四个方向的折叠交互方向控件类型特点⬅️ 左侧MultiFoldView支持任意多层折叠➡️ 右侧MultiFoldView支持任意多层折叠⬆️ 顶部MultiFoldView垂直方向多层折叠⬇️ 底部FoldView单层折叠它的视觉原理非常巧妙折叠时对侧边视图做一次屏幕截图再按折数切分成若干片由于虚拟光源位于屏幕右侧面向左侧的折叠面会自动变暗从而呈现出真实的纸张光影效果。动画效果见项目说明 README.mdCocoaPods 集成信息Pod 名PaperFoldMIT 协议见 PaperFold.podspec。2. 快速上手三步集成 PaperFold 折叠控件 示例工程已包含在仓库中clone 后直接打开PaperFold.xcodeproj即可运行核心演示代码在 DemoRootViewController.m。集成只需三步PaperFoldView *fold [[PaperFoldView alloc] initWithFrame:self.view.bounds]; [self.view addSubview:fold]; [fold setCenterContentView:centerView]; // 1. 中间主内容视图 [fold setRightFoldContentView:mapView // 2. 右侧折叠视图 foldCount:3 pullFactor:0.9]; // 3. 折数 pullFactor左侧对应方法为setLeftFoldContentView:foldCount:pullFactor:顶部为setTopFoldContentView:topViewFoldCount:topViewPullFactor:底部为setBottomFoldContentView:。四个方向的内容都可以是任意UIView例如UITableView、MKMapView。完整接口定义见 PaperFoldView.h。 新手提示如果用户不知道如何触发折叠可以用PaperFoldSwipeHintView在界面上叠加左右滑动引导图内置在 PaperFoldResources.bundle 中。3. 四向折叠功能详解3.1 左 / 右水平折叠最经典的使用场景水平折叠是 PaperFold 的招牌能力。拖动中间视图时侧边内容会层层卷进屏幕边缘松手后根据拖动的百分比自动决定折回或展开——超过 30% 的位移阈值即判定为展开见 PaperFoldConstants.h。右侧多层折叠的实际效果如下3.2 上 / 下垂直折叠垂直方向通过FoldDirectionVertical实现。顶部视图使用多层折叠示例中折了 5 层底部为单层折叠两者配合可以做出类似顶栏收起 / 底部面板的交互。对应的折叠状态统一用PaperFoldState枚举描述包含默认、左展开、右展开、上展开、下展开 5 种状态见 PaperFoldConstants.h。4. 多层折数设置foldCount 决定折叠的细腻度foldCount参数指定侧边视图被切分成几层纸张。切分后每一层的宽度 侧边视图宽度 ÷ 折数层数越多单次折叠的幅度越小动画越细腻但对截图切分的开销也越高。官方示例的取值供参考DemoRootViewController.m位置foldCount说明左侧列表3侧边较窄3 层观感最佳右侧地图3宽度 240pt3 层每层 80pt顶部区域5顶部较矮5 层更显层次调参建议常规侧边栏用3需要更强层次感时用4~5不建议超过 6否则单层过窄阴影细节容易糊掉。5. pullFactor 调参实战控制多层折叠的节奏pullFactor是 PaperFold 最有灵魂的一个参数它决定远离中心的折层何时开始展开——值越大各层之间的时间差越明显波浪式逐层翻开的效果越强。它的作用机制藏在 MultiFoldView.m 中每一层完全展开所需的拖动距离 层宽 ×1 pullFactor。也就是说pullFactor单层展开所需拖动视觉效果01 倍层宽各层几乎同时展开快而紧凑0.9示例默认1.9 倍层宽层层递进节奏自然推荐起点1.02 倍层宽层次感最强但总拖动距离最长⚙️ 调参实操建议先定折数再调 pullFactor两者共同决定拖动的总行程都调大动画会显得拖沓想要干脆利落 →foldCount:2~3 pullFactor:0.3~0.6想要纸感十足的逐层翻卷 →foldCount:3~5 pullFactor:0.8~1.0pullFactor 只对多层视图左/右/上生效底部单层折叠不受影响。6. 进阶控制状态切换、手势禁用与状态回调代码驱动折叠不需要手势时调用[fold setPaperFoldState:PaperFoldStateRightUnfolded]即可展开右侧还带animated:和completion:两个增强版本方便串联后续逻辑禁用拖拽中间是UITableView时折叠拖拽会和左滑删除冲突用setEnableLeftFoldDragging:NO/setEnableRightFoldDragging:NO单独关闭对应方向限定拖拽区域通过restrictedDraggingRect把手势限制在导航栏等指定区域避免与页面滚动抢手势状态回调实现 delegate 方法paperFoldView:didFoldAutomatically:toState:可区分状态是手势触发还是代码触发配合viewDidOffset:还能拿到实时偏移量做联动动画导航控制器封装不想手动管理子视图可以直接用 PaperFoldNavigationController 以根控制器 左右控制器的方式组织页面配套示例工程见 PaperFold-NavDemo左右各放一个UIViewController即可跑起来。7. 常见问题 FAQQ项目必须开 ARC 吗A是。PaperFold 基于 ARC 编写podspec 中已声明requires_arc非 ARC 项目需为相关源文件添加-fobjc-arc编译参数。Q地图截图出现异常AiOS 6 早期版本对MKMapView截图存在系统 bug已在 iOS 6b4 修复新版本系统无此问题。Q动画掉帧怎么优化A可调小timerStepDuration默认 0.01 秒/帧并关闭 Retina 高清截图useOptimizedScreenshot NO在流畅度与清晰度之间取舍。 从左右两折到四向多层PaperFold 用不到百行的接口就还原了折纸的物理手感。配合本文的折数选择表和 pullFactor 调参表你可以快速调出符合产品调性的折叠节奏为自己的 iOS 应用加上一抹纸感。【免费下载链接】PaperFold-for-iOSPaper folding animation for iOS项目地址: https://gitcode.com/gh_mirrors/pa/PaperFold-for-iOS创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
