ios中多视图之间动画切换

2024-08-21 09:08

本文主要是介绍ios中多视图之间动画切换,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

主要内容:视图的层次结构

                 视图的几何框架

                 多视图之间的切换

                 视图切换时添加动画效果

视图如何进行组织:1、视图是一个容器

                  2、可以包含其他视图,同时建立父子关系

                  3、不透明的子视图,将会隐藏父视图区域

                  4、后加入的视图出现在最顶端

                  5、当前视图不处理事件会被发送到父视图

添加子视图的相关方法:1-addSubview

                      2-insertSubview:atIndex:

                      3-insertSubview:aboveSubview:

                      4-insertSubview:belowSubview

 

重新排序和删除子视图:

           1-exchangeSubviewAtIndex:withSubviewAtIndex

           2-bringSubviewToFront

           3-sendSubviewToBack

           4removeFromSuperview

 

 

标记视图:

     1、 SDK内建的搜索功能,可以通过标记的方式查找视图;

     2、使用tag属性给视图编号:egmyview.tag=101

     30是保留标记,可以是其他整数。

 

视图坐标:UIKit坐标系远原点在左上角(还有其他的坐标系)

 

多视图之间的切换主要操作:

1、创建根视图控制器

2、修改应用程序委托

3、编写SwitchViewController方法(if语句)

4、实现内容视图

具体步骤简略如下:从创建完根视图以后,此时项目中有两个类(AppDelegateRootViewController)和一个nib文件,在nib文件中加入一个Toolbar工具,然后创建两个类(用于切换视图,故假设为RedViewControllerYellowViewController两个类),在RootViewController.m文件初始化一个RedViewController类的对象R1,将R1显示在根视图上,此时跟视图颜色即为红色(之前在新建的两个类中分别定义为红色和黄色),接下来开始编写SwitchViewController方法,主要用到if判断语句,该方法实现红色和黄色之间的切换。

 

 

 切换时所加动画有以下两种:

1、Animations

[UIView beginAnimations:@"A1" context:nil]        //方法名字

[UIView setAnimationDuration:1.5];       //动画所需时间s

[UIView setAnimationCurve:UIViewAnimationCurveEaseOut];      //动画表现方式,深入浅出等等。

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES];     //动画转变方法,从左或右

 【UIView commitAnimations】     //方法的实现(完成)

2、Transition:

 CATransition *tran1=[CATransition animation];     //初始化对象

 tran1.delegate=self;     //委托对象

 tran1.duration=1.2;      //动画时间s

 tran1.timingFunction=UIViewAnimationOptionCurveEaseInOut;         //动画表现方式,深入浅出等等。

 tran1.subtype=kCATransitionFromRight;       //动画转变方法,左右。

 tran1.type=@"cube";        //Transition的类型。

[self.view.layer addAnimation:tran1 forKeynil];   //方法的实现

 

这篇关于ios中多视图之间动画切换的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1092730

相关文章

IDEA如何切换数据库版本mysql5或mysql8

《IDEA如何切换数据库版本mysql5或mysql8》本文介绍了如何将IntelliJIDEA从MySQL5切换到MySQL8的详细步骤,包括下载MySQL8、安装、配置、停止旧服务、启动新服务以及... 目录问题描述解决方案第一步第二步第三步第四步第五步总结问题描述最近想开发一个新应用,想使用mysq

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验(UX)是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时,提供良好的用户体验(UX)是至关重要

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

Spring Boot实现多数据源连接和切换的解决方案

《SpringBoot实现多数据源连接和切换的解决方案》文章介绍了在SpringBoot中实现多数据源连接和切换的几种方案,并详细描述了一个使用AbstractRoutingDataSource的实... 目录前言一、多数据源配置与切换方案二、实现步骤总结前言在 Spring Boot 中实现多数据源连接

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问

day-51 合并零之间的节点

思路 直接遍历链表即可,遇到val=0跳过,val非零则加在一起,最后返回即可 解题过程 返回链表可以有头结点,方便插入,返回head.next Code /*** Definition for singly-linked list.* public class ListNode {* int val;* ListNode next;* ListNode() {}*

Flutter 进阶:绘制加载动画

绘制加载动画:由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类:LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态,而 LoadingPainter 则负责绘制动画。