自定义弹出视图

最新推荐文章于 2018-10-09 10:08:17 发布
最新推荐文章于 2018-10-09 10:08:17 发布
阅读量231 收藏
点赞数
分类专栏： iOS之UI
本文介绍了一个自定义的iOS模态视图控制器转场动画方案，包括手势驱动的交互式动画效果，如拖动弹出视图进行关闭等。提供了详细的代码实现，帮助开发者更好地理解并应用到实际项目中。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >


.h文件：

#import <UIKit/UIKit.h>


@interface LHCustomModalTransition : UIPercentDrivenInteractiveTransition<UIViewControllerAnimatedTransitioning,UIViewControllerTransitioningDelegate,UIGestureRecognizerDelegate>

//---设置是否可拖拽（默认：不可拖动）
@property (nonatomic, assign, getter=isDragable) BOOL dragable;
//---初始化 model视图控制器
- (id)initWithModalViewController:(UIViewController *)modalViewController;

@end





.m文件：
#import "LHCustomModalTransition.h"

#define ScreenHeight [[UIScreen mainScreen]bounds].size.height

@interface LHCustomModalTransition()

//---保存入口传入的 试图控制器，用于操作
@property (nonatomic, strong) UIViewController *modalVC;
//---保存时弹出还是收起的状态
@property (nonatomic, assign) BOOL isDismiss;
//---拖动手势
@property (nonatomic, strong) UIPanGestureRecognizer *dragGesture;

//---保存frame
@property (nonatomic, assign) CATransform3D tempTransform;
//---保存当前动画的上下文
@property (nonatomic, strong) id<UIViewControllerContextTransitioning> transitionContext;

//---保存是否可手势驱动
@property BOOL isInteractive;
//---保存是否完成
@property BOOL isDragEnough;
@end

@implementation LHCustomModalTransition

- (instancetype)initWithModalViewController:(UIViewController *)modalViewController
{
    self = [super init];
    if (self) {
        _modalVC = modalViewController;
        _dragable = NO;
    }
    return self;
}

- (void)setDragable:(BOOL)dragable
{
    _dragable = dragable;
    if (self.isDragable)
    {
        self.dragGesture = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(handlePanGesture:)];
        self.dragGesture.delegate = self;
        [self.modalVC.view addGestureRecognizer:self.dragGesture];
    }
}

#pragma mark -处理手势驱动
- (void)handlePanGesture:(UIPanGestureRecognizer *)gesture
{
    CGPoint translation = [gesture translationInView:self.modalVC.view];
    switch (gesture.state) {
        case UIGestureRecognizerStateBegan:{
            self.isInteractive =  YES;
            [self.modalVC dismissViewControllerAnimated:YES completion:nil];
            break;
        }
        case UIGestureRecognizerStateChanged:{
            //---滑动距离/屏幕高度 = 进度
            CGFloat percent = (translation.y/ScreenHeight) <= 1 ? (translation.y/ScreenHeight):1;
            self.isDragEnough = (percent > 0.2);
            [self updateInteractiveTransition:percent];
            
            break;
        }
        case UIGestureRecognizerStateCancelled:
        case UIGestureRecognizerStateEnded:{
            //---拖动结束，判断是执行还是取消
            self.isInteractive = NO;
            if (gesture.state == UIGestureRecognizerStateCancelled || !self.isDragEnough) {
                [self cancelInteractiveTransition];
            }else{
                [self finishInteractiveTransition];
            }
            break;
        }
            
        default:
            break;
    }
}

#pragma mark -设置是否手势驱动转场动画
- (id <UIViewControllerInteractiveTransitioning>)interactionControllerForPresentation:(id <UIViewControllerAnimatedTransitioning>)animator
{
    return nil;
}

- (id <UIViewControllerInteractiveTransitioning>)interactionControllerForDismissal:(id <UIViewControllerAnimatedTransitioning>)animator
{
    if (self.isInteractive && self.dragable) {
        self.isDismiss = YES;
        return self;
    }
    return nil;
}

#pragma mark -覆写手势驱动过程
//---开始
- (void)startInteractiveTransition:(id<UIViewControllerContextTransitioning>)transitionContext
{
    UIViewController *toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    //---保存当前缩小的状态
    self.tempTransform = toVC.view.layer.transform;
    //---保存transitionContext，下面使用
    self.transitionContext = transitionContext;
}

//---更新
- (void)updateInteractiveTransition:(CGFloat)percentComplete
{
    id<UIViewControllerContextTransitioning> transitionContext = self.transitionContext;
    UIViewController *fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController *toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    //---计算放大倍数，然后进行缩放
    CGFloat scale = 1 + ((1/0.8*0.95) - 1)*percentComplete;
    toVC.view.layer.transform = CATransform3DScale(self.tempTransform, scale, scale, 1);
    
    //---下拉的长度
    CGRect nowFrame = CGRectMake(0,
                                 (CGRectGetHeight(fromVC.view.bounds) * percentComplete),
                                 CGRectGetWidth(fromVC.view.frame),
                                 CGRectGetHeight(fromVC.view.frame));
    fromVC.view.frame = nowFrame;
}

//---完成
- (void)finishInteractiveTransition
{
    id<UIViewControllerContextTransitioning> transitionContext = self.transitionContext;
    UIViewController *fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController *toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    //---收起弹出的试图控制器
    CGRect finalRect = CGRectMake(0,
                                  CGRectGetHeight(fromVC.view.bounds) ,
                                  CGRectGetWidth(fromVC.view.frame),
                                  CGRectGetHeight(fromVC.view.frame));
    
    //---动画
    [UIView animateWithDuration:[self transitionDuration:transitionContext]
                          delay:0
         usingSpringWithDamping:5
          initialSpringVelocity:5
                        options:UIViewAnimationOptionCurveEaseInOut
                     animations:^{
                         
                         //---放大到原始大小
                         CATransform3D transition = CATransform3DIdentity;
                         toVC.view.layer.transform = transition;
                         //---向下移动隐藏
                         fromVC.view.frame = finalRect;

    } completion:^(BOOL finished) {
       //---标记结束
        [transitionContext completeTransition:YES];
        self.modalVC = nil;
    }];
}

//---取消
- (void)cancelInteractiveTransition
{
    id<UIViewControllerContextTransitioning> transitionContext = self.transitionContext;
    UIViewController *fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController *toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    [UIView animateWithDuration:0.4
                          delay:0
         usingSpringWithDamping:5
          initialSpringVelocity:5
                        options:UIViewAnimationOptionCurveEaseOut
                     animations:^{
                         //---缩小到大小
                         toVC.view.layer.transform = self.tempTransform;
                         //---向上移动，恢复到弹出的状态
                         fromVC.view.frame = CGRectMake(0,0,
                                                        CGRectGetWidth(fromVC.view.frame),
                                                        CGRectGetHeight(fromVC.view.frame));
                         
     } completion:^(BOOL finished) {
         //---标记未结束
         [transitionContext completeTransition:NO];
     }];
}

#pragma mark -转场委托实现
//---转场动画时间
- (NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext
{
    return 0.8;
}

//---转场动画具体实现
- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext
{
    //---获取转场的两个视图控制器
    UIViewController *fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController *toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    //---获取产生转场的容器view
    UIView *containerView = [transitionContext containerView];

    if (!self.isDismiss)//---弹出
    {
        //---解决角度变换时，fromVC有一半会出现在 toVC上的bug
        fromVC.view.layer.zPosition = -400;
        toVC.view.layer.zPosition = 400;
        
        //---初始化弹出视图在底部
        CGRect finalRect = [transitionContext finalFrameForViewController:toVC];
        toVC.view.frame = CGRectOffset(finalRect, 0, ScreenHeight);
        [containerView addSubview:toVC.view];
        
        //---弹出动画
        [UIView animateWithDuration:[self transitionDuration:transitionContext]/2.0 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
            
            //---第一步形变：绕X轴旋转并缩小
            [fromVC.view.layer setTransform:[self firstTransform]];

        } completion:^(BOOL finished) {
            
            [UIView animateWithDuration:[self transitionDuration:transitionContext]/2.0 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{

                //---第二步形变：向上移动，并缩小
                [fromVC.view.layer setTransform:[self secondTransform]];
                
            } completion:^(BOOL finished) {
            }];
            
        }];
        
        [UIView animateWithDuration:[self transitionDuration:transitionContext] delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
            
            //---弹出视图控制器
            toVC.view.frame = finalRect;
            
        } completion:^(BOOL finished) {
            //---标记结束
            [transitionContext completeTransition:![transitionContext transitionWasCancelled]];
        }];
        
    }
    else //---收起
    {
        
        //---获得当前frame
        CGRect initRect = [transitionContext initialFrameForViewController:fromVC];
        CGRect finalRect = CGRectOffset(initRect, 0, ScreenHeight);
        
        //---收起动画
        [UIView animateWithDuration:[self transitionDuration:transitionContext]/2.0 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
            //---第一步形变：绕X轴旋转并缩小
            [toVC.view.layer setTransform:[self firstTransform]];
          
        } completion:^(BOOL finished) {
            
            [UIView animateWithDuration:[self transitionDuration:transitionContext]/2.0 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
                //---第二步形变：回到初始位置
                [toVC.view.layer setTransform:CATransform3DIdentity];
   
            } completion:^(BOOL finished) {
            }];
            
        }];
        
        [UIView animateWithDuration:[self transitionDuration:transitionContext] delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
            
            //---收起视图控制器
            fromVC.view.frame = finalRect;
            
        } completion:^(BOOL finished) {
            //---标记结束
            [transitionContext completeTransition:![transitionContext transitionWasCancelled]];
        }];
        
    }
}

//---弹出动画所使用协议
- (id <UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source
{
    self.isDismiss = NO;
    return self;
}

//---收起动画所用协议
- (id <UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed
{
    self.isDismiss = YES;
    return self;
}

#pragma mark - 变换操作
//---第一步变换
- (CATransform3D )firstTransform
{
    CATransform3D transform = CATransform3DIdentity;
    transform.m34 = 1.0/ -900;
    //---宽高缩小0.9
    transform = CATransform3DScale(transform, 0.95, 0.95, 1);
    //---绕X轴旋转15度
    transform = CATransform3DRotate(transform, 15.0 * M_PI / 180.0 , 1, 0, 0);
    
    return transform;
}

//---第二步变换
- (CATransform3D )secondTransform
{
    CATransform3D transform = CATransform3DIdentity;
    transform.m34 = [self firstTransform].m34;
    //---向上移动的高度
    transform = CATransform3DTranslate(transform, 0, -20 , 0);
    //---宽高缩小0.8
    transform = CATransform3DScale(transform, 0.8, 0.8, 1);
    
    return transform;
}

@end

使用：

//---初始化要弹出跳转的视图控制器
    ModalViewController *modalVC = [ModalViewController new];
    //---必须强引用，否则会被释放，自定义dismiss的转场无效
    self.transition = [[LHCustomModalTransition alloc]initWithModalViewController:modalVC];
    self.transition.dragable = YES;//---是否可下拉收起
    modalVC.transitioningDelegate = self.transition;
    //---必须添加这句.自定义转场动画
    modalVC.modalPresentationStyle = UIModalPresentationCustom;

    [self presentViewController:modalVC animated:YES completion:nil];



iOS - 点击弹出自定义视图
萌萌哒博客
06-07 3795
demo效果这个效果比较简单，直接记录一下。自定义一个继承自UIView的视图，定义两个方法一个显示方法，一个消失方法。/** * 显示属性选择视图 * * @param view 要在哪个视图中显示 */ - (void)showInView:(UIView *)view;/** * 属性视图的消失 */ - (void)removeView;这两个方法的实现：/** * 显
Swift 百度地图自定义弹出视图
Real鹏的专栏
01-06 1725
// // MapViewController.swift // iOS8自适应Cell // // Created by eduo_xiaoP on 14/12/22. // Copyright (c) 2014年 eduo. All rights reserved. // import Foundation import UIKit class MapViewController
iOS 视图控制器转场详解
u011344883的专栏
03-17 932
作者：seedante，神秘人士，他的 GitHub。 感谢投稿，原文链接。 前言 屏幕左边缘右滑返回，TabBar 滑动切换，你是否喜欢并十分依赖这两个操作，甚至觉得 App 不支持这类操作的话简直反人类？这两个操作在大屏时代极大提升了操作效率，其背后的技术便是今天的主题：视图控制器转换(View Controller Transition)。 视图控制器中的视图显示在屏幕上有两种方
PHP实现弹出提示框后返回上一个页面
weixin_41722647的博客
10-09 8942
如题，直接上代码 &lt;?php echo "&lt;script&gt;alert('退出成功!');location.href='".$_SERVER["HTTP_REFERER"]."';&lt;/script&gt;"; ?&gt;
iOS 自定义底部弹出视图
OneCrazyDog的博客
06-04 4175
因为最近用到  百度下吧  乱糟糟  索性自己写,果然自己写才是王道!!!!!!.h文件// // XJALertView.h // // Created by 王小胜 on 2018/6/4. // Copyright © 2018年 王小胜. All rights reserved. // #import &lt;UIKit/UIKit.h&gt; @interface XJALer...
iOS实现自定义的弹出视图（popView）
六桥风月IT随笔
10-11 2911
前段时间，在项目中有个需求是支付完成后，弹出红包，实现这么一个发红包的功能。做了最后，实现的效果大致如下： 效果图 一、使用方法 整个ViewController的代码大致如下 // // SecondViewController.m // HWPopTool // // Created by HenryCheng on 16/1/11. // Copyri
iOS自定义弹出视图，以及简单的手势讲解
quanhaoH的专栏
12-09 2153
学习iOS也有一段时间了。也在试着用iOS来写项目，感谢各路大神的帮助，就不一一@了。本文只是记载本人的学习过程。                                                                            ---------------------学如逆水行舟不进则退。 1.相信有很多的应用都有弹出框的需求，本文来讲解一下简
iOS 自定义弹出视图 几行代码可以自定义任何弹出视图
CZHuiGe的博客
04-01 8425
首先，设置一个视图弹出的触发事件，我用的是一个button点击事件 UIButton * button3 = [UIButton buttonWithType:UIButtonTypeCustom];     button3.frame = CGRectMake(22, 342, self.view.frame.size.width-44, 36);     
ios-自定义弹出视图.zip
07-11
自定义弹出视图，内容支持传一组菜单标题，也支持自定义view，或者自定义viewController， 支持任意按钮触发，会显示在按钮底部，也支持切换按钮的对齐方式：左对齐、居中、右对齐 （感谢mj老师，部分思路参考）
iOS自定义弹出视图
02-13
在iOS应用开发中，自定义弹出视图是一种常见的用户交互设计，用于显示重要的信息、进行操作选择或者处理用户输入。本教程将深入探讨如何在iOS项目中创建一个自定义的弹出视图，实现类似alertView的效果，同时涵盖4种...
利用遗传算法优化列车自动运行系统运行引导曲线.zip
08-11
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
永磁同步电机无传感器控制：基于二阶滑模超螺旋与模糊控制的新模型
08-11
内容概要：本文介绍了一种新的永磁同步电机（PMSM）无位置（速度）传感器控制模型。该模型引入了二阶滑模超螺旋控制率和模糊控制器，旨在解决传统滑模控制中存在的抖振问题并提高控制精度。文中详细对比了传统滑模控制与新型二阶滑模超螺旋控制率的特点，强调后者具有更快的响应速度和更高的精度。模糊控制器通过输出变滑模增益，能动态调整滑模增益，进一步提升系统的稳定性和抗干扰能力。最后，文章提供了详细的滑模搭建文档、仿真模型及相关参考资料，便于读者理解和应用。 适合人群：从事电机控制系统研究与开发的技术人员，尤其是对永磁同步电机无传感器控制感兴趣的科研人员和工程师。 使用场景及目标：适用于需要高精度、快速响应的电机控制系统设计，如工业自动化、电动汽车等领域。目标是通过引入先进的控制算法，提升系统的稳定性和控制精度。 阅读建议：读者可以通过提供的仿真模型和相关资料深入理解新型控制方法的工作原理及其优势，结合实际应用场景进行实验验证。
jenkins3.508的插件压缩包
08-11
jenkins3.508的插件压缩包，把常用的一些插件包都下载打包了，方便那些服务器环境不能联网的小伙伴们
电子系统设计基本知识(ADD).pdf
最新发布
08-11
电子系统设计基本知识(ADD).pdf
钢厂PLC与WinCC脱硫控制系统——实景带脚本解析的组态画面工程实例 - PLC
08-11
钢厂烧结脱硫系统的自动化控制，特别是PLC（西门子S7-300）与WinCC的配合应用。首先讲解了硬件配置的底层逻辑，包括IO分配表的设计方法，确保后期维护便捷。接着探讨了通信设置的关键点，尤其是PROFIBUS-DP总线的站地址配置及其稳定性保障措施。随后展示了如何通过脚本实现通信故障检测和报警机制。此外，深入讨论了动态效果的实现技巧，如脱硫塔液位动画的平滑显示，以及一些实用的设计细节，如F1键弹出的帮助窗口、工程师菜单调用、不同班次的颜色主题切换等。最后强调了工业设计中的人文关怀。 适用人群：从事工业自动化控制领域的工程师和技术人员，特别是熟悉PLC和WinCC的从业者。 使用场景及目标：适用于需要深入了解PLC与WinCC在烧结脱硫系统中具体应用的技术人员，旨在提高他们对自动化控制系统的设计、实施和维护能力。 其他说明：文中提供了具体的代码片段和实践经验，有助于读者更好地理解和掌握相关技术和应用场景。
C++实现行列式计算的代码实现
08-11
资源下载链接为： https://pan.quark.cn/s/9e7ef05254f8 行列式是线性代数的核心概念，在求解线性方程组、分析矩阵特性以及几何计算中都极为关键。本教程将讲解如何用C++实现行列式的计算，重点在于如何输出分数形式的结果。 行列式定义如下：对于n阶方阵A=(a_ij)，其行列式由主对角线元素的乘积，按行或列的奇偶性赋予正负号后求和得到，记作det(A)。例如，2×2矩阵的行列式为det(A)=a11×a22-a12×a21，而更高阶矩阵的行列式可通过Laplace展开或Sarrus规则递归计算。 在C++中实现行列式计算时，首先需定义矩阵类或结构体，用二维数组存储矩阵元素，并实现初始化、加法、乘法、转置等操作。为支持分数形式输出，需引入分数类，包含分子和分母两个整数，并提供与整数、浮点数的转换以及加、减、乘、除等运算。C++中可借助std::pair表示分数，或自定义结构体并重载运算符。 计算行列式的函数实现上，3×3及以下矩阵可直接按定义计算，更大矩阵可采用Laplace展开或高斯 - 约旦消元法。Laplace展开是沿某行或列展开，将矩阵分解为多个小矩阵的行列式乘积，再递归计算。在处理分数输出时，需注意避免无限循环和除零错误，如在分数运算前先约简，确保分子分母互质，且所有计算基于整数进行，最后再转为浮点数，以避免浮点数误差。 为提升代码可读性和可维护性，建议采用面向对象编程，将矩阵类和分数类封装，每个类有明确功能和接口，便于后续扩展如矩阵求逆、计算特征值等功能。 总结C++实现行列式计算的关键步骤：一是定义矩阵类和分数类；二是实现矩阵基本操作；三是设计行列式计算函数；四是用分数类处理精确计算；五是编写测试用例验证程序正确性。通过这些步骤，可构建一个高效准确的行列式计算程序，支持分数形式计算，为C++编程和线性代数应用奠定基础。
微信小程序如何实现退出操作
08-11
资源下载链接为： https://pan.quark.cn/s/f989b9092fc5 这篇文章主要讲解了在微信小程序中退出小程序的操作方式。文章通过具体的示例代码进行了详细说明，内容十分清晰易懂。无论是对于正在学习微信小程序开发的初学者，还是在工作中需要解决相关问题的开发者，这篇文章都具有一定的参考价值。如果你对如何退出微信小程序感兴趣，或者在开发过程中遇到了相关难题，不妨跟随文章的介绍，仔细学习一下其中的方法和技巧，相信会对你的学习或工作有所帮助。
自定义弹出视图实现与应用案例分析
在当前的软件开发实践中，"自定义弹出视图"作为一个重要的用户界面元素，广泛应用于移动应用和Web开发中。弹出视图不仅能够有效传递信息，还可以在不离开当前页面的情况下，让用户完成特定的任务，提升用户体验。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值