ios UIView动画

最新推荐文章于 2022-02-27 19:35:32 发布
最新推荐文章于 2022-02-27 19:35:32 发布
阅读量320 收藏
点赞数
分类专栏： 移动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43361450/article/details/88732399
版权

1.导入UIColor+FlatColors和ZLSwipeableView
2.创建uiview .h

//主view
@property (nonatomic,strong)UIView *Vi;
//收藏图片
@property (nonatomic,strong)UIButton *CollectionBtn;
//主图片
@property (nonatomic,strong)UIImageView *MainImg;
//加载器
@property (nonatomic,strong)UISlider *Sli;
//开始时间
@property (nonatomic,strong)UILabel *FirstTime;
//最后时间
@property (nonatomic,strong)UILabel *LastTime;
//主内容
@property (nonatomic,strong)UILabel *Name;
//循环按钮
@property (nonatomic,strong)UIButton *LoopBtn;
//上一首
@property (nonatomic,strong)UIButton *LastOneBtn;
//开始播放
@property (nonatomic,strong)UIButton *PlayBtn;
//下一首
@property (nonatomic,strong)UIButton *NextOneBtn;
//列表
@property (nonatomic,strong)UIButton *ListBtn;
//点赞
@property (nonatomic,strong)UIButton *GiveUpBtn;
//留言
@property (nonatomic,strong)UIButton *MessageBtn;
//分享
@property (nonatomic,strong)UIButton *ShareBtn;
//定时
@property (nonatomic,strong)UIButton *TimingBtn;

.m

//
//  CardView.m
//  ZLSwipeableViewDemo
//
//  Created by Zhixuan Lai on 11/1/14.
//  Copyright (c) 2014 Zhixuan Lai. All rights reserved.
//

#import "CardView.h"
#import "Masonry.h"
@implementation CardView

- (instancetype)init {
    self = [super init];
    if (self) {
        [self setup];
    }
    return self;
}

- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        [self setup];
    }
    return self;
}

- (instancetype)initWithCoder:(NSCoder *)aDecoder {
    self = [super initWithCoder:aDecoder];
    if (self) {
        [self setup];
    }
    return self;
}

- (void)setup {
    // Shadow
    self.layer.shadowColor = [UIColor blackColor].CGColor;
    self.layer.shadowOpacity = 0.33;
    self.layer.shadowOffset = CGSizeMake(0, 1.5);
    self.layer.shadowRadius = 4.0;
    self.layer.shouldRasterize = YES;
    self.layer.rasterizationScale = [UIScreen mainScreen].scale;

//     Corner Radius
    self.layer.cornerRadius = 10.0;
#pragma mark  背景图片
    
    
    
    
#pragma mark  主view;
    
    _Vi.userInteractionEnabled=YES;
    _Vi=[[UIView alloc]init];
    _Vi.backgroundColor=[UIColor whiteColor];
    _Vi.layer.cornerRadius = 8;
    _Vi.layer.shadowColor = [UIColor colorWithRed:153/255.0 green:153/255.0 blue:153/255.0 alpha:0.9].CGColor;
    _Vi.layer.shadowOffset = CGSizeMake(0,2);
    _Vi.layer.shadowOpacity = 1;
    _Vi.layer.shadowRadius = 10;
    [self addSubview:self.Vi];
    [_Vi mas_makeConstraints:^(MASConstraintMaker *make) {
        
       
            make.top.mas_equalTo(100);
        
        make.left.mas_equalTo(30);
        make.right.mas_equalTo(-30);
        make.width.mas_equalTo(400);
        make.height.mas_equalTo(550);
    }];
    
#pragma mark 收藏
    
    
    _CollectionBtn=[[UIButton alloc]init];
    [_CollectionBtn setImage:[UIImage imageNamed:@"收藏次数"] forState:UIControlStateNormal];
    [self.Vi addSubview:self.CollectionBtn];
    [_CollectionBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.height.mas_equalTo(60);
        make.width.mas_equalTo(60);
        make.right.mas_equalTo(self.Vi.mas_right).offset(-10);
        make.top.mas_equalTo(self.Vi.mas_top).offset(10);
    }];
    
#pragma mark 碟子图片
    
    _MainImg=[[UIImageView alloc]init];
    [self.Vi addSubview:_MainImg];
    _MainImg.image=[UIImage imageNamed:@"xiaodiepian"];
    [_MainImg mas_makeConstraints:^(MASConstraintMaker *make) {
        make.height.mas_equalTo(200);
        make.width.mas_equalTo(120);
        make.top.mas_equalTo(30);
        make.left.mas_equalTo(45);
        make.right.mas_equalTo(-45);
    }];
    
#pragma mark 滑动器
    
    _Sli=[[UISlider alloc]init];
    _Sli.value=0.5;
    _Sli.minimumValue=0;
    _Sli.maximumValue=1;
    //        _Sli.continuous = YES;// 设置可连续变化
    _Sli.minimumTrackTintColor = [UIColor colorWithRed:135/255.0 green:61/255.0 blue:202/255.0 alpha:1]; //滑轮左边颜色，如果设置了左边的图片就不会显示
    _Sli.maximumTrackTintColor = [UIColor colorWithRed:183/255.0 green:183/255.0 blue:183/255.0 alpha:1]; //滑轮右边颜色，如果设置了右边的图片就不会显示
    
    //滑块图片
    UIImage *thumbImage = [UIImage imageNamed:@"音频_滑杆"];
    [_Sli setThumbImage:thumbImage forState:UIControlStateHighlighted];
    [_Sli setThumbImage:thumbImage forState:UIControlStateNormal];
    [self.Vi addSubview:self.Sli];
    [_Sli mas_makeConstraints:^(MASConstraintMaker *make) {
        make.bottom.mas_equalTo(self.MainImg.mas_bottom).offset(35);
        make.height.mas_equalTo(15);
        make.width.mas_equalTo(self.Vi);
    }];
    
#pragma mark 最小时间
    
    _FirstTime=[[UILabel alloc]init];
    _FirstTime.text=@"01:08";
    _FirstTime.font=[UIFont systemFontOfSize:14];
    _FirstTime.textColor=[UIColor grayColor];
    [self.Vi addSubview:self.FirstTime];
    [_FirstTime mas_makeConstraints:^(MASConstraintMaker *make) {
        make.bottom.mas_equalTo(self.Sli.mas_bottom).offset(30);
        make.height.mas_equalTo(40);
        make.width.mas_equalTo(100);
        make.left.mas_equalTo(10);
    }];
    
#pragma mark 最大时间
    
    _LastTime=[[UILabel alloc]init];
    _LastTime.text=@"03:00";
    _LastTime.textAlignment=NSTextAlignmentRight;
    _LastTime.font=[UIFont systemFontOfSize:14];
    _LastTime.textColor=[UIColor grayColor];
    [self.Vi addSubview:self.LastTime];
    [_LastTime mas_makeConstraints:^(MASConstraintMaker *make) {
        make.bottom.mas_equalTo(self.Sli.mas_bottom).offset(30);
        make.height.mas_equalTo(40);
        make.width.mas_equalTo(100);
        make.right.mas_equalTo(-10);
    }];
    
#pragma mark 内容
    
    _Name=[[UILabel alloc]init];
    _Name.text=@"带你体验声音的魔法";
    _Name.textAlignment=NSTextAlignmentCenter;
    _Name.font=[UIFont systemFontOfSize:19];
    [self.Vi addSubview:self.Name];
    [_Name mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.mas_equalTo(self.Sli.mas_bottom).offset(10);
        make.height.mas_equalTo(35);
        make.width.mas_equalTo(400);
        make.left.mas_equalTo(50);
        make.right.mas_equalTo(-50);
    }];
    
#pragma mark 顺序
    
    _LoopBtn=[[UIButton alloc]init];
    [_LoopBtn setImage:[UIImage imageNamed:@"shunxu"] forState:UIControlStateNormal];
    [self.Vi addSubview:self.LoopBtn];
    [_LoopBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(self.Vi.mas_left).offset(25);
        make.top.mas_equalTo(self.Name.mas_bottom).offset(20);
        make.width.mas_equalTo(35);
        make.height.mas_equalTo(35);
    }];
    
#pragma mark 上一首
    
    _LastOneBtn=[[UIButton alloc]init];
    [self.LastOneBtn setImage:[UIImage imageNamed:@"shangyishou"] forState:UIControlStateNormal];
    [self.Vi addSubview:self.LastOneBtn];
    [_LastOneBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(self.LoopBtn.mas_right).offset(25);
        make.top.mas_equalTo(self.Name.mas_bottom).offset(20);
        make.width.mas_equalTo(35);
        make.height.mas_equalTo(35);
    }];
    
#pragma mark 播放
    
    _PlayBtn=[[UIButton alloc]init];
    [self.PlayBtn setImage:[UIImage imageNamed:@"bofang"] forState:UIControlStateNormal];
    //        音频列表_随机播放 bofang
    [self.Vi addSubview:self.PlayBtn];
    [_PlayBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(self.LastOneBtn.mas_right).offset(15);
        make.top.mas_equalTo(self.Name.mas_bottom).offset(-5);
        make.width.mas_equalTo(80);
        make.height.mas_equalTo(80);
    }];
    
#pragma mark 下一首
    _NextOneBtn=[[UIButton alloc]init];
    [self.NextOneBtn setImage:[UIImage imageNamed:@"xiayishou"] forState:UIControlStateNormal];
    [self.Vi addSubview:self.NextOneBtn];
    [_NextOneBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(self.PlayBtn.mas_right).offset(20);
        make.top.mas_equalTo(self.Name.mas_bottom).offset(20);
        make.width.mas_equalTo(35);
        make.height.mas_equalTo(35);
    }];
    
#pragma mark 列表
    _ListBtn=[[UIButton alloc]init];
    [self.ListBtn setImage:[UIImage imageNamed:@"ListBtn"] forState:UIControlStateNormal];
    [self.Vi addSubview:self.ListBtn];
    [_ListBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.right.mas_equalTo(-25);
        make.left.mas_equalTo(self.NextOneBtn.mas_right).offset(20);
        make.top.mas_equalTo(self.Name.mas_bottom).offset(20);
        make.width.mas_equalTo(35);
        make.height.mas_equalTo(35);
    }];
    
    
#pragma mark  点赞
    _GiveUpBtn=[[UIButton alloc]init];
    [self.GiveUpBtn setImage:[UIImage imageNamed:@"点赞次数"] forState:UIControlStateNormal];
    [self.Vi addSubview:self.GiveUpBtn];
    [_GiveUpBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.bottom.mas_equalTo(-30);
        make.left.mas_equalTo(25);
        make.top.mas_equalTo(self.LoopBtn.mas_bottom).offset(25);
        make.width.mas_equalTo(40);
        make.height.mas_equalTo(40);
    }];
    
#pragma mark  留言
    _MessageBtn=[[UIButton alloc]init];
    [self.MessageBtn setImage:[UIImage imageNamed:@"pinglun1"] forState:UIControlStateNormal];
    [self.Vi addSubview:self.MessageBtn];
    [_MessageBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.bottom.mas_equalTo(-30);
        make.left.mas_equalTo(self.GiveUpBtn.mas_right).offset(40);
        make.top.mas_equalTo(self.LoopBtn.mas_bottom).offset(25);
        make.width.mas_equalTo(40);
        make.height.mas_equalTo(40);
    }];
    
#pragma mark  分享
    _ShareBtn=[[UIButton alloc]init];
    [self.ShareBtn setImage:[UIImage imageNamed:@"分享次数"] forState:UIControlStateNormal];
    [self.Vi addSubview:self.ShareBtn];
    [_ShareBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.bottom.mas_equalTo(-30);
        make.left.mas_equalTo(self.MessageBtn.mas_right).offset(50);
        make.top.mas_equalTo(self.LoopBtn.mas_bottom).offset(25);
        make.width.mas_equalTo(40);
        make.height.mas_equalTo(40);
    }];
#pragma mark  定时
    _TimingBtn=[[UIButton alloc]init];
    [self.TimingBtn setImage:[UIImage imageNamed:@"dingshi"] forState:UIControlStateNormal];
//    [self.TimingBtn addTarget:self action:@selector(dj) forControlEvents:UIControlEventTouchUpInside];
    [self.Vi addSubview:self.TimingBtn];
    [_TimingBtn mas_makeConstraints:^(MASConstraintMaker *make) {
        make.bottom.mas_equalTo(-30);
        make.right.mas_equalTo(-30);
        make.top.mas_equalTo(self.LoopBtn.mas_bottom).offset(25);
        make.width.mas_equalTo(40);
        make.height.mas_equalTo(40);
    }];

}

controller.h


#import <UIKit/UIKit.h>
#import "ZLSwipeableView.h"
NS_ASSUME_NONNULL_BEGIN

@interface AUDIOViewController : UIViewController<ZLSwipeableViewDataSource, ZLSwipeableViewDelegate, UIActionSheetDelegate>

@property (nonatomic, strong) ZLSwipeableView *swipeableView;

- (UIView *)nextViewForSwipeableView:(ZLSwipeableView *)swipeableView;

.m


#import "AUDIOViewController.h"
#import "UIColor+FlatColors.h"
#import "CardView.h"
@interface AUDIOViewController (){
    UIImageView *Img;
    CardView *card;
    
}
@property (nonatomic, strong) NSArray *colors;
@property (nonatomic) NSUInteger colorIndex;

@property (nonatomic) BOOL loadCardFromXib;
@end

@implementation AUDIOViewController

-(void)viewDidAppear:(BOOL)animated{
    [super viewDidAppear:animated];
    self.navigationController.navigationBarHidden=YES;
}
- (void)viewDidLoad {
    [super viewDidLoad];
    [self Video];
    [self Dxiao];
    self.colorIndex = 0;
    self.colors = @[
                    @"Turquoise",
                    @"Green Sea",
                    @"Emerald",
                    @"Nephritis",
                    @"Peter River",
                    @"Belize Hole",
                    @"Amethyst",
                    @"Wisteria",
                    @"Wet Asphalt",
                    @"Midnight Blue",
                    @"Sun Flower",
                    @"Orange",
                    @"Carrot",
                    @"Pumpkin",
                    @"Alizarin",
                    @"Pomegranate",
                    @"Clouds",
                    @"Silver",
                    @"Concrete",
                    @"Asbestos"
                    ];
  
}
-(void)Dxiao{
    
    ZLSwipeableView *swipeableView = [[ZLSwipeableView alloc] initWithFrame:CGRectZero];
    self.swipeableView = swipeableView;
    Img=[[UIImageView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)];
    Img.userInteractionEnabled=YES;
    Img.image=[UIImage imageNamed:@"ditu"];
//    Img.userInteractionEnabled=YES;
    [self.view addSubview:Img];
    [Img addSubview:self.swipeableView];

    // Required Data Source
    self.swipeableView.dataSource = self;

    // Optional Delegate
    self.swipeableView.delegate = self;

    self.swipeableView.translatesAutoresizingMaskIntoConstraints = NO;

    NSDictionary *metrics = @{};

    [self.view addConstraints:[NSLayoutConstraint
                               constraintsWithVisualFormat:@"|-50-[swipeableView]-50-|"
                               options:0
                               metrics:metrics
                               views:NSDictionaryOfVariableBindings(
                                                                    swipeableView)]];

    [self.view addConstraints:[NSLayoutConstraint
                               constraintsWithVisualFormat:@"V:|-120-[swipeableView]-100-|"
                               options:0
                               metrics:metrics
                               views:NSDictionaryOfVariableBindings(
                                                                    swipeableView)]];
}
- (void)viewDidLayoutSubviews {
    [self.swipeableView loadViewsIfNeeded];
}
- (UIView *)nextViewForSwipeableView:(ZLSwipeableView *)swipeableView {
    if (self.colorIndex >= self.colors.count) {
        self.colorIndex = 0;
    }
    
    CardView *view = [[CardView alloc] initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)];

    
    self.colorIndex++;
    
 
    return view;
}
猴子和派大星
关注
专栏目录
ios uiview动画_iOS UIView动画
从零开始的教程世界
07-16 1178
ios uiview动画In this tutorial, we’ll be animating our UI Views in various ways in the iOS Application. 在本教程中，我们将在iOS应用程序中以各种方式对UI视图进行动画处理。 iOS UIView动画 (iOS UIView Animations) Animations are a vital ...
iOS UIView动画详解(Objective-C)
乞力马扎罗的雪CYF的博客
01-04 4796
我在之前的一篇博客中《iOS UIView动画详解(Swift)》讲解了使用Swift来实现UIView类下面提供的多种动画效果，如位置动画、旋转动画、缩放动画、颜色动画、透明度动画等等。为了这个题目的完整性，今天我使用Objective-C来完全重写以上的所有的动画。项目案例已经上传至：https://github.com/chenyufeng1991/iOS-UIView-Animation 
UIView动画
04-28
UIView 动画 UIView动画
iOS 开发之动画篇 - 从 UIView 动画说起
jx_zf的博客
02-17 446
原帖地址：http://www.cocoachina.com/ios/20160215/15262.html 作者：Sindri的小巢 毋庸置疑的：在iOS开发中，制作动画效果是最让开发者享受的环节之一。一个设计严谨、精细的动画效果能给用户耳目一新的效果，吸引他们的眼光 —— 这对于app而言是非常重要的。 本文作为动画文集的第一篇，最开始是想做个qq下拉刷新的水滴动画的制作讲解
iOS动画篇：UIView动画
烽火连城的博客
05-12 448
iOS的动画效果一直都很棒很，给人的感觉就是很炫酷很流畅，起到增强用户体验的作用。在APP开发中实现动画效果有很多种方式，对于简单的应用场景，我们可以使用UIKit提供的动画来实现。 UIView动画简介 UIView动画实质上是对CoreAnimation的封装，提供简洁的动画接口。 UIView动画可以设置的动画属性有: 1、大小变化(frame) 2、拉伸变化(
【iOS】UIView的动画效果
kochunk1t的博客
02-27 1954
文章目录前言位置动画透明度、颜色动画透明度颜色颜色无限渐变效果缩放动画无限放大缩小旋转动画重复动画、延时动画关于延时动画关于重复动画缓冲动画注意事项登录页面动画效果 前言 在写项目时，生硬的出场显示动画让APP缺少了观感体验，基础的动画效果是必不可少的 主要围绕着[UIView animateWithDuration:2 animations:^{}];函数进行变化 位置动画 PositionAnimation可以实现View的移动，最简单的就是X轴，Y轴的移动。可以利用在上述[UIView anima
IOS 开发之UIView动画的实例详解
08-29
IOS 开发之UIView动画的实例详解 IOS 开发中的UIView动画是指在IOS开发中使用UIView来实现的动画效果。UIView动画是一个非常重要的技术，在IOS开发中广泛应用于各种App的开发中。 在UIView动画中，最重要的就是...
详解iOS开发中的转场动画和组动画以及UIView封装动画
01-05
iOS比Mac OS X的转场动画效果少一点 UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果 属性解析: type：动画过渡类型 subtype：动画过渡方向 startProgress：动画起点(在整体动画...
IOS 中动画的暂停与继续播放的详解
01-20
在iOS开发中，动画是构建用户界面和提升用户体验的关键元素。有时，我们可能需要根据用户的交互行为暂停并恢复动画，例如在用户触摸屏幕时暂停，松开手指时继续。这通常通过Core Animation框架来实现，具体操作是...
ios-UIView动画、CoreAnimation基本动画、关键帧动画、TransferAnimation的demo.zip
07-11
这是一个ios动画开发的demo（请在github上获取最新代码），内容有 -uiview动画 -CoreAnimation基本动画 -关键帧动画 -TransferAnimation 文章对应的开发说明 http://liuyanwei.jumppo.com/2015/10/30/iOS-Animation-UIViewAndCoreAnimation.html 如果大家支持，请在github上follow和star。
iOS UIView基本动画
weixin_34238642的博客
12-19 584
UIView动画简述 UIView 动画能够完美的建立起一座连接视图当前状态和未来状态的视觉桥梁。利用这个特性，你可以把所有的视觉变化连接起来形成动画，从而给用户带来更好的体验。可以产生UIView动画效果的变化包括 @property frame //基于父视图的位置和大小 @property bounds //改变视图的框架和边界 @property center //改变视图的中心 @pro...
IOS自带view动画效果
weixin_34345753的博客
07-21 110
为什么80%的码农都做不了架构师？>>> ...
iOS之UIView基本动画
qq_41856760的博客
08-09 1057
iOS的动画基本上都是通过UIView来实现的，UIView里面封装了许多当前视图的属性以及改变这些属性的方法，通过这些方法我们就可以完成一些简单的动画。  一、渐变透明 属性:  alpha  是一个CGFloat 类型，1.0 表示不透明，0.0表示全透明。 //渐变，alpha属性 -(void)changeopacity{ //现将初始状态改变为全透明 _red...
IOS开发之——UIView动画(100)
我的博客
06-03 394
一 概述 UIView通过transitionWithView执行动画 transitionWithView动画分为单视图和双视图动画 二 UIView动画 2.1 单视图动画 + (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion
iOS动画开发之一——UIViewAnimation动画的使用
weixin_33857230的博客
04-13 174
本文转载自 https://yq.aliyun.com/articles/39230?spm=a2c4e.11155435.0.0.5b7d5fd1zU7j4d iOS动画开发之一——UIViewAnimation动画的使用 一、简介 一款APP的成功与否，除了完善的功能外，用户体验也占有极大的比重，动画的合理运用，可以很好的增强用户体验。iOS...
iOS UIView动画
零下三度
01-09 274
UIView属性动画
UIView实现动画效果
zhuweideng的博客
08-21 469
http://blog.sina.com.cn/s/blog_5da93c8f0101qmsc.html UIView类的很多属性都设计为动画，动画的属性是指当属性从一个值变成另外一个值时可以支持动画，同时通知UIKit需要执行什么样类型的动画，UIView对象支持动画的属性有如下几个： frame属性：可以使用该属性改变尺寸和位置 bounds：改变尺寸 center
iOS UIView动画详解：核心概念与实现
需要注意的是，虽然UIView动画的实现依赖于Core Animation，但并非所有的Core Animation功能都直接暴露给UIView。对于更高级的动画效果，如关键帧动画、层动画或复杂的3D变换，可能需要直接操作CALayer。然而，对于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值