IOS项目之弹出动画一

最新推荐文章于 2024-10-29 11:20:40 发布
最新推荐文章于 2024-10-29 11:20:40 发布
阅读量97 收藏
点赞数
文章标签： 人工智能
原文链接：https://yq.aliyun.com/articles/31318
版权

小区宝首页导航栏左边有一个物业按钮，点击时会出现一个视图动画,之前用的是一个POP第三方,想着几个POP动画就要引用一堆的第三方有点麻烦，就试着自己写了一下，功能实现了，下一步就是优化将其封装一下。下面我用DatePicker做的主要是想着再做出点击弹出按钮在底部出现DatePicker选择器。



#import "ViewController.h"
#import "PageViewController.h"
#import "myView.h"

@interface ViewController ()
@property(nonatomic,strong) myView *myview;
@property(nonatomic,strong) UIDatePicker *dataPicker;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
//    self.navigationItem.rightBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"预览" style:UIBarButtonItemStyleDone target:self action:@selector(rightClick)];
    self.navigationItem.leftBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"弹出" style:UIBarButtonItemStyleDone target:self action:@selector(leftClick)];
   
    //遮罩层
    _myview=[[myView alloc]initWithFrame:CGRectMake(0,-self.view.bounds.size.height, self.view.bounds.size.width, self.view.bounds.size.height)];
    _myview.backgroundColor = [UIColor colorWithWhite:0.5 alpha:0.1f];
    //为遮罩层添加手势识别 可以点击遮罩层空白处隐藏视图
    UIGestureRecognizer *tapgesture=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapclick)];
    _myview.userInteractionEnabled=YES;
    [_myview addGestureRecognizer:tapgesture];
    
    //设置DatePicker
    _dataPicker=[[UIDatePicker alloc]init];
    _dataPicker.frame=CGRectMake(0, 40, 0, 0);
//    datepicker.backgroundColor=[UIColor grayColor];
    [_myview addSubview:_dataPicker];
    
    //设置DatePicker上面的视图
    UIView *view=[[UIView alloc]initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 40)];
    view.backgroundColor=[UIColor blueColor];
    UIButton *btnright=[UIButton buttonWithType:UIButtonTypeSystem];
    [btnright setTitle:@"确定" forState:UIControlStateNormal];
    [btnright addTarget:self action:@selector(btnrightClick:) forControlEvents:UIControlEventTouchUpInside];
    btnright.frame=CGRectMake(self.view.bounds.size.width-40, 0, 40, 40);
    [view addSubview:btnright];
    [_myview addSubview:view];
    [self.view addSubview:_myview];
}
-(void)leftClick
{
    //下落动画 时间短一些
   [UIView beginAnimations:@"text" context:nil];
    [UIView setAnimationDelay:0];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
    [UIView setAnimationDuration:0.3];
    _myview.frame=CGRectMake(0,40, self.view.bounds.size.width, self.view.bounds.size.height);
    [UIView commitAnimations];
    
    //恢复动画 时间长一些
    [UIView beginAnimations:@"text" context:nil];
    [UIView setAnimationDelay:0];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
    [UIView setAnimationDuration:0.5];
    _myview.frame=CGRectMake(0,0, self.view.bounds.size.width, self.view.bounds.size.height);
    [UIView commitAnimations];
    
}
-(void)tapclick
{
    [UIView beginAnimations:@"text" context:nil];
    [UIView setAnimationDelay:0];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseOut];
    [UIView setAnimationDuration:0.3];
    _myview.frame=CGRectMake(0, -self.view.bounds.size.height, self.view.bounds.size.width, self.view.bounds.size.height);
    [UIView commitAnimations];
}
-(void)btnrightClick:(id)sender
{
    NSLog(@"%@",_dataPicker.date);
    [self tapclick];
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

我们稍加改动就可以变成从底部弹出视图 这样就完成了闪购模块 宝贝详情中的选择规格的功能 


#import "ViewController.h"
#import "PageViewController.h"
#import "myView.h"

@interface ViewController ()
@property(nonatomic,strong) myView *myview;
@property(nonatomic,strong) UIDatePicker *dataPicker;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
//    self.navigationItem.rightBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"预览" style:UIBarButtonItemStyleDone target:self action:@selector(rightClick)];
    self.navigationItem.leftBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"弹出" style:UIBarButtonItemStyleDone target:self action:@selector(leftClick)];
   
    //遮罩层
    _myview=[[myView alloc]initWithFrame:CGRectMake(0,self.view.bounds.size.height, self.view.bounds.size.width, self.view.bounds.size.height)];
    _myview.backgroundColor = [UIColor colorWithWhite:0.5 alpha:0.1f];
    //为遮罩层添加手势识别 可以点击遮罩层空白处隐藏视图
    UIGestureRecognizer *tapgesture=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapclick)];
    _myview.userInteractionEnabled=YES;
    [_myview addGestureRecognizer:tapgesture];
    
    //设置DatePicker
    _dataPicker=[[UIDatePicker alloc]init];
    _dataPicker.frame=CGRectMake(0, self.view.bounds.size.height-300, 0, 0);
//    datepicker.backgroundColor=[UIColor grayColor];
    [_myview addSubview:_dataPicker];
    
    //设置DatePicker上面的视图
    UIView *view=[[UIView alloc]initWithFrame:CGRectMake(0, self.view.bounds.size.height-340, self.view.bounds.size.width, 40)];
    view.backgroundColor=[UIColor blueColor];
    UIButton *btnright=[UIButton buttonWithType:UIButtonTypeSystem];
    [btnright setTitle:@"确定" forState:UIControlStateNormal];
    [btnright addTarget:self action:@selector(btnrightClick:) forControlEvents:UIControlEventTouchUpInside];
    btnright.frame=CGRectMake(self.view.bounds.size.width-40, 0, 40, 40);
    [view addSubview:btnright];
    [_myview addSubview:view];
    [self.view addSubview:_myview];
}
-(void)leftClick
{
    //下落动画 时间短一些
   [UIView beginAnimations:@"text" context:nil];
    [UIView setAnimationDelay:0];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
    [UIView setAnimationDuration:0.3];
    _myview.frame=CGRectMake(0,0, self.view.bounds.size.width, self.view.bounds.size.height);
    [UIView commitAnimations];
    
//    //恢复动画 时间长一些
//    [UIView beginAnimations:@"text" context:nil];
//    [UIView setAnimationDelay:0];
//    [UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
//    [UIView setAnimationDuration:0.5];
//    _myview.frame=CGRectMake(0,0, self.view.bounds.size.width, self.view.bounds.size.height);
//    [UIView commitAnimations];
    
}
-(void)tapclick
{
    [UIView beginAnimations:@"text" context:nil];
    [UIView setAnimationDelay:0];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseOut];
    [UIView setAnimationDuration:0.3];
    _myview.frame=CGRectMake(0, self.view.bounds.size.height, self.view.bounds.size.width, self.view.bounds.size.height);
    [UIView commitAnimations];
}
-(void)btnrightClick:(id)sender
{
    NSLog(@"%@",_dataPicker.date);
    [self tapclick];
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

 上面的导航控制器并未被遮罩 ,这样添加时才能使导航控制器遮罩[[UIApplication sharedApplication].keyWindow  addSubview:_myview];


//
//  ViewController.m
//  PhotoBrower
//
//  Created by City--Online on 15/6/16.
//  Copyright (c) 2015年 City--Online. All rights reserved.
//
#define WIDTH self.view.bounds.size.width
#define HEIGHT self.view.bounds.size.height
#define SCREENWIDTH  [UIScreen mainScreen].bounds.size.width
#define SCREENHEIGHT [UIScreen mainScreen].bounds.size.height

#import "ViewController.h"
#import "PageViewController.h"
#import "ImageViewController.h"
#import "myView.h"

@interface ViewController ()
@property(nonatomic,strong) myView *myview;
@property(nonatomic,strong) UIDatePicker *dataPicker;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
//    self.navigationItem.rightBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"预览" style:UIBarButtonItemStyleDone target:self action:@selector(rightClick)];
    self.navigationItem.leftBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"弹出" style:UIBarButtonItemStyleDone target:self action:@selector(leftClick)];
   
    //遮罩层
    _myview=[[myView alloc]initWithFrame:CGRectMake(0,SCREENHEIGHT, WIDTH, SCREENHEIGHT)];
    _myview.backgroundColor = [UIColor colorWithWhite:0.5 alpha:0.1f];
    //为遮罩层添加手势识别 可以点击遮罩层空白处隐藏视图
    UIGestureRecognizer *tapgesture=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapclick)];
    _myview.userInteractionEnabled=YES;
    [_myview addGestureRecognizer:tapgesture];
    
    //设置DatePicker
    _dataPicker=[[UIDatePicker alloc]init];
    _dataPicker.frame=CGRectMake(0, SCREENHEIGHT-220, 0, 0);
    //    datepicker.backgroundColor=[UIColor grayColor];
    [_myview addSubview:_dataPicker];
    
    //设置DatePicker上面的视图
    UIView *view=[[UIView alloc]initWithFrame:CGRectMake(0, SCREENHEIGHT-260, WIDTH, 40)];
    view.backgroundColor=[UIColor blueColor];
    UIButton *btnright=[UIButton buttonWithType:UIButtonTypeSystem];
    [btnright setTitle:@"确定" forState:UIControlStateNormal];
    [btnright addTarget:self action:@selector(btnrightClick:) forControlEvents:UIControlEventTouchUpInside];
    btnright.frame=CGRectMake(self.view.bounds.size.width-40, 0, 40, 40);
    [view addSubview:btnright];
    [_myview addSubview:view];
    [[UIApplication sharedApplication].keyWindow  addSubview:_myview];
//    [self.view addSubview:_myview];
//    [[UIApplication sharedApplication].delegate.window addSubview:_myview];
}
-(void)leftClick
{
    //下落动画 时间短一些
    [UIView beginAnimations:@"text" context:nil];
    [UIView setAnimationDelay:0];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
    [UIView setAnimationDuration:0.3];
    _myview.frame=CGRectMake(0,0, self.view.bounds.size.width, SCREENHEIGHT);
    [UIView commitAnimations];
    
    //恢复动画 时间长一些
//    [UIView beginAnimations:@"text" context:nil];
//    [UIView setAnimationDelay:0];
//    [UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
//    [UIView setAnimationDuration:0.5];
//    _myview.frame=CGRectMake(0,0, self.view.bounds.size.width, self.view.bounds.size.height);
//    [UIView commitAnimations];
    
//    PageViewController *pageVc=[[PageViewController alloc]init];
//    pageVc.hidesBottomBarWhenPushed=YES;
    [self presentViewController:pageVc animated:YES completion:nil];
//    [self.navigationController pushViewController:pageVc animated:YES];
    
}
-(void)tapclick
{
    [UIView beginAnimations:@"text" context:nil];
    [UIView setAnimationDelay:0];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseOut];
    [UIView setAnimationDuration:0.3];
    _myview.frame=CGRectMake(0, SCREENHEIGHT, self.view.bounds.size.width, SCREENHEIGHT);
    [UIView commitAnimations];
}
-(void)btnrightClick:(id)sender
{
    NSLog(@"%@",_dataPicker.date);
    [self tapclick];
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
@end



weixin_34195364
关注
ios-按钮菜单，点击按钮动画弹出扇形菜单.zip
07-11
点击按钮，弹出子菜单选择二
ios-仿QQ、微信表情下落动画.zip
07-11
使用CADisplayLink创建一个刷新定时器，设置帧刷新调用方法时间，然后加入mainRunLoop里面执行。具体加在主线程的RunLoop还是子线程的RunLoop可根据自己项目进行修改。
【代码笔记】iOS-点击一个按钮会出现多个按钮的动画效果
weixin_30629977的博客
01-15 167
一，效果图。 二，工程图。 三，代码。 RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewController { UIImageView *iCanImageView; UIImageView *menu_carIma...
点击按钮弹出菜单效果特效
04-01
该源码实现点击按钮弹出菜单效果特效，该效果只要我们点击菜单，旁边就会弹出菜单，然后就消失的特效，是一个不错的ios学习的例子，喜欢的朋友可以下载学习看看，。
iOS 封装控件之各种动画弹窗
CCSH的博客
03-03 464
效果 代码
android仿ios弹出动画,仿ios底部弹出样式的Dialog
weixin_35407400的博客
05-26 517
SheetDialog , 仿造IOS 风格底部弹出的样式,通用的Dialog在博客中阅读 体验更佳，更新的说明会在博客中持续更新 点击查看OverviewDownloadStep 1. Add the JitPack repository to your build fileAdd it in your root build.gradle at the end of repositories:a...
IOS项目之弹出动画终结篇
weixin_30699741的博客
01-27 360
在之前写过IOS项目之弹出动画一、IOS项目之弹出动画二、IOS项目之弹出动画三,今天来一个终极封装已经上传到Github上弹出动画总结篇UIPopoverTableView。 UIPopoverTableView也是在前面的几个基础上进行封装。如果对默认的动画效果不满意可以继承它，重写- (void)fadeIn和- (void)fadeOut方法在Github中也写了一个demo。 UIP...
iOS 弹性动画之弹出分享菜单的实现
时光的博客
05-03 4149
+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay usingSpringWithDamping:(CGFloat)dampingRatio initialSpringVelocity:(CGFloat)velocity options:(UIViewAnimationOptions)op...
iOS学习—UIView动画，弹出后消失
qq_43441647的博客
12-07 345
UIView动画，弹出后消失
iOS弹出视图动画
ios_xumin的专栏
10-12 838
本次要做的例子是iOS的弹出视图动画，不喜欢废话，直接上图： popAnimation.gif 上图就是要实现的效果，不喜欢看文章的人，点击这里直达代码。 该Demo中涉及两个类： PopOutView：弹出视图类 MJPopTool：弹出视图工具类 1、PopOutView .h文件代码如下： #import <UIKit/UIKit.h> @class PopOutView; typedef void(^PopOutViewDismissBlock)(Pop..
iOS仿AirPods弹出动画
08-25
iOS仿AirPods弹出动画 ...iOS仿AirPods弹出动画是一个复杂的动画效果，涉及到模态视图控制器、遮罩视图、动画视图、代理模式等多个知识点。开发者需要掌握这些知识点，才能实现iOS仿AirPods弹出动画。
iOS实现底部弹出PopupWindow效果 iOS改变背景透明效果
08-30
在iOS中，实现底部弹出PopupWindow效果可以通过两种方式实现，分别是通过定义一个高度为wrap_content的PopupWindow布局文件和使用UIView的动画效果。改变背景透明效果可以通过设置UIView的背景颜色和透明度来实现。...
ios-弹出动画,发布动画,tabbar弹出,发布按钮弹出选项,类似闲鱼发布按钮动画.zip
07-11
总的来说，"ios-弹出动画,发布动画,tabbar弹出,发布按钮弹出选项,类似闲鱼发布按钮动画.zip"是一个专注于iOS弹出菜单实现的开源项目，它包含了从TabBar或按钮弹出菜单的动画效果，以及相关的UI和交互设计。...
ios-新浪微博弹出动画(仿).zip
07-11
在iOS开发中，为了提供用户友好的交互体验，开发者经常需要实现各种动态效果，其中“微博弹出动画”是常见的应用场景之一。这个压缩包“ios-新浪微博弹出动画(仿).zip”似乎包含了一个仿照新浪微博发布动态时的弹出...
ios-金币弹出动画.zip
07-11
"ios-金币弹出动画.zip"文件显然包含了关于如何实现一个金币弹出效果的示例代码。这种动画通常用于游戏或者某些奖励机制的界面中，让用户在获得金币时有更直观的视觉反馈。 在iOS中，我们可以使用Core Animation...
iOS 自定义弹出控制器弹出动画
硬币2014
12-03 1493
自定义弹出控制器动画，分为底部弹出和中间弹出 PCustomPresentVC利用系统默认动画 PresentAnimationVC利用自定义动画 关键类是转场动画管理类UIPresentationController ...
ios CATransaction事务动画，键盘弹出和消失视图变化
a1034386099的博客
09-27 812
ios的动画的技术方案很多，UIview、CoreAnimation, （1）在UIview的分类中的的类方法中有+animationWithDuration:及其它类似的方法，可以实现一些比较基础的动画可以对UIview的属性使用，如frame、backgroundColor等 （2）CoreAnimation框架中CAAnimation类的子类，CABasicAnimation、CAPro...
JAVA学习41-三种按钮
weixin_45863084的博客
09-07 307
普通按钮JButton import javax.swing.*; import java.awt.*; import java.net.URL; public class JButtonDemo01 extends JFrame { public JButtonDemo01() { Container container = this.getContentPane(); URL resource = JButtonDemo01.class.getResource("
探讨Facebook的AI研究：未来社交平台的技术前瞻
最新发布
LokiSan的博客
10-29 1832
在数字时代，社交媒体已成为人们日常生活的重要组成部分。作为全球最大的社交网络之一，Facebook不断致力于人工智能（AI）的研究与应用，以提升用户体验、增强平台功能并推动技术创新。本文将探讨Facebook在AI领域的研究方向及其对未来社交平台的潜在影响。
iOS实现带弹跳动画的发布界面教程
本篇文章详细介绍了在iOS开发中如何创建一个带有弹跳动画的发布界面，这对于提升用户体验和界面设计的吸引力具有重要意义。首先，我们了解到项目中经常需要此类动画效果，尤其是在涉及到用户确认或者操作完成后的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值