首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Ios常用第三方动画框架(三)

ADo_GuideView - 转动用户引导页(模仿网易bobo) 因为没有从app包里抓到@3x图片,建议iPhone5模拟器运行,保证效果~ (版本新特性、导航页、引导页)。...JGTransitionCollectionView - swift,基于集合视图扩展实现完成自动布局及单元 Flip式动画效果(效果很赞)。...Context-Menu.iOS - 可以为app菜单添加漂亮动画内容,可自定义icon,并可根据自己喜好设计单元格和布局。...支持iOS 5.0+ ARC,气泡能够带有数字标识,同时支持消失block方法。消失时还带有消失效果动画。 GiftCard-iOS - 礼品卡购买炫酷动画。...ARAnimation - ARAnimation 对 Core Animation 进行了封装, 帮助 iOS 开发者能更加便捷项目中使用动画。

9K30

iOS开发常用之网络

Eureka.swift - Eureka是XLFormSwift移植版本,一个可以帮助开发者们快速构建iOS各种复杂表单库,具有较高可扩展性,方便自定制样式。...LTNavigationBar - LTNavigationBar为导航栏添加动态着色效果,可自定义其背景色.Demo包含:1。变换背景色; 2。滚动视图导航栏和状态栏重叠。...iOS-RatingBar - iOS-RatingBar swift版评分控件,跟AndroidRatingBar一样有两种模式,评分模式和只读模式'支持视图编辑,自定义星星数量,评分等级,另外还能支持非整数星...JGTransitionCollectionView - swift,基于集合视图扩展实现完成自动布局及单元Flip式动画效果(效果很赞)。...支持iOS 5.0+ ARC,气泡能够带有数字标识,同时支持消失block方法。消失时还带有消失效果动画。 GiftCard-iOS - 礼品卡购买炫酷动画。

23.5K10
您找到你想要的搜索结果了吗?
是的
没有找到

最新iOS设计规范五|3大界面要素:控件(Controls)

这有利于提高我们工作效率,保证用户良好体验。 本文是iOS设计规范系列第5篇,介绍3大界面要素(栏、视图、控件)中控件(Controls)。首先让我们回顾一下iOS3大界面要素。...视图(Views) 包含用户APP中看到基本内容,例如:文本、图片、动画以及交互元素。视图可以具有滚动、插入、删除和排列等交互行为。 控件(Controls) 控件,是用于触发操作并传达信息。...虽然子菜单可以缩短情境菜单并说明用户可以执行命令,但是如果子菜单分还几个层级的话会使得体验变得复杂,并且让用户难以导航。 将最常用放在情境菜单顶部。...当在导航栏或工具栏中使用时,进度栏应配置为隐藏轨道未填充部分。 进度条外观可以自定义。可以调整进度条外观以匹配APP设计。例如,您可以为轨道填充指定自定义色调或图像。...iOS 12及更早版本中,以及全面屏显示设备上,网络活动指示器会在发生联网时屏幕顶部状态栏中旋转,联网完成后消失。和活动加载指示器样式一样,并且是非交互式。 ?

8.5K30

iOS 9人机界面指南(四):UI元素(上) - 腾讯ISUX

用户知道系统默认返回按钮能帮助他们信息层级中追踪自己路径,如果你想重新设计它,请确保使用一个自定义蒙版图层 (custom mask image),它可以iOS中让这些按钮标题在系统各转场中出现或者消失...iOS 8以及之后版本里,你可以通过UISearchDisplayController简单快捷地把搜索栏放在导航栏中。...注意 你不能改变系统默认服务控制器中顺序。同时,所有系统服务都应该出现在自定义服务之前。 4.2.3 集合视图 集合视图用于管理一系列有序,并以一种自定义布局来呈现它们。 ?...集合视图: 可包含装饰视图,以从视觉上区分子集或者提供装饰性项目,例如自定义背景。 布局切换时支持自定义转场动画。(默认情况下,当用户导入、移动或者删除时候,会出现系统默认动画效果。)...没有明确目的而贸然改变集合视图布局会让用户对应用留下难用、不符合预期等负面的印象。更有甚者,如果用户此时关注变化中消失了,用户会觉得这个应用超出了他们控制能力。

10.1K51

iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

视图数量超过页面宽度可承载氛围时,点大小和间距并不会因此变小(如果需要显示点超过一定数量,系统会把它截断) 默认情况下不支持视图之间导航;你必须实现视图视图之间导航并适当地更新页面控件状态...页面控件不显示视图是如何相互关联,而且不表明哪个视图对应于每个点,因此它不能帮助用户导航到特定视图。 避免显示太多点。超过10个点就很难让用户一目了然,而超过20个视图序列中访问起来非常耗时。...4.3.14 滑块 滑块允许用户一个限定范围内调整某个数值或进程(下图展示iOS设置中亮度设置滑块,滑块左边和右边均为自定义图形)。 ?...开关按钮: 显示了一个存在二元状态 仅在表格视图中可用 表格中使用开关按钮来让用户从某一两个互斥状态中指定一个,比如是/否(Yes/No),开/关(On/Off)。...举个例子,如果一个模态视图中含有导航条和取消或完成任务按钮,这里导航条样式应该与你app中导航条一样。 合适的话,模态视图里加入可以说明任务内容标题。

13.2K30

VCTransitionsLibrary –自定义iOS交互式转场动画

最新示例: 点击下载 注意: 自定义视图控制器转场动画为iOS7 + 通过 UIViewControllerTransitioningDelegate协议, UINavigationControllerDelegate...使用 自定义转场动画时,有两类关键类: 动画控制器 –  这个类是用来实现自定义动画.但你声明想要使用自定义动画时,你应该提供一个动画控制器.这个类会实现需要动画,完成时会通知框架....交互控制器 – 这个类是用来管理交互-那些通常由某个手势空控制交互,允许用户通过滑动,轻扫或执行其他操作来实现两个视图控制器导航.必须指出是,交互控制器允许导航取消,例如,一个用户可以正在导航至某一页面时...,比如可以让用户通过手势来控制页面间导航.交互控制器允许用户一个转场动画中前进,后退,甚至退出....交互控制器负责给视图添加手势,并负责在用户使用某个手势时进行相应地导航操作.

1.5K60

Human Interface Guidelines —— 导航栏(Navigation Bars)

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS组件(顺便学学英语),以便今后使用时候完全不虚...split view(分割视图) ·Navigation Bars是半透明,可以具有背景色,并且可以配置为当键盘出现在屏幕上 / 使用手势 / 视图大小调整时隐藏。...替代 不需要导航时使用toolbar,或者需要多个控件来管理内容。 ---- 导航栏标题(Navigation Bar Titles) 考虑navigation bar中显示当前视图标题。...尽管闹钟app具有tabbed layout,但大标题并不是必要,因为每个tab都具有明显、可识别的布局方式。  ---- 导航栏控件(Navigation Bar Controls) ?...如果您使用自定义图像替换系统提供后退按钮V形图像,则也需要提供自定义遮罩图像。 iOS使用此遮罩在转场时为按钮标题设置动画效果。 ·不要包含多段面包屑路径。

2.4K110

ViewController及View生命周期1. 起因2. Controller生命周期3. View生命周期4. 内存警告

Controller生命周期 系统提供了控制器从显示到消失四个方法。 千万不要看到方法名中间出现了view就以为这是视图方法。这些都是控制器生命周期。...这个阶段会加载一些高开销操作,例如:键盘弹出、特殊过程动画(比方说修改状态栏、导航条颜色等等)这些。...自定义cell时候也有这种问题,如果在init中添加控件的话,那么self.frame.size.width也不一定是准确宽度,一般解决方法是使用[UIScreen mainScreen].bounds.size.width...iOS7新增加了导航控制器侧滑手势,当触发侧滑返回时,会调用系统viewWillDisappear:方法,取消侧滑返回时又会调用viewWillAppear:方法。...调用addSubivew:成功后会给该视图发送didAddSubivew:回调,触发UIView子类新增视图时执行其他操作。

1.3K30

iOS之深入解析Xcode 13正式版发布40个新特性

,xcodebuild 现在会在构建日志末尾摘要中显示每个失败命令目标和项目名称; 当脚本阶段或自定义构建规则声明不属于构建输入一部分,且未声明为构建中任何其他任务输出依赖输入依赖时,构建系统会发出警告...十二、Instruments Instruments 中调用树视图和扩展详细信息视图现在用“[inlined]”标记指示内联函数; 通过详细视图导航栏更容易发现不同视图。...枚举自定义如何将性能测试自定义指标的测量值与设置基线进行比较; XCTest 现在能够受支持 iOS 设备上 UI 测试中合成指针交互; Xcode 现在为在运行测试时崩溃进程收集代码覆盖率数据...二十九、Audio Units Audio Units 现在提供 Audio Unit host 可以 iOS 中显示自定义视图。...自定义视图支持通过 tintColor 属性设置视图色调颜色。这可用于将视图颜色设置为每个轨道不同颜色或匹配应用程序外观。

8.6K40

iOS 11 更大导航 (官方翻译版)

有时,导航右侧包含一个控件,如编辑或完成按钮,用于管理活动视图内容。拆分视图中,导航栏可能会出现在拆分视图单个窗格中。...导航栏是半透明,可能具有背景色调,并且可以配置为屏幕上键入屏幕时隐藏,发生手势或视图调整大小。 ? 考虑显示全屏内容时暂时隐藏导航栏。当您想关注内容时,导航栏可能会分散注意力。...有关开发人员指导,请参阅UINavigationBar。 提示不需要导航时使用工具栏,或者想要多个控件来管理内容。请参阅工具栏。 导航栏标题 考虑导航栏中显示当前视图标题。...如果用自定义图像替换系统提供返回按钮人字纹,也可以提供自定义遮罩图像。iOS使用此遮罩时,可以转换期间为按钮标题设置动画。 不要包含多段面包屑路径。...如果您导航栏包含多个文本按钮,那些按钮文本可能会一起运行,使按钮无法区分。通过在按钮之间插入固定空间来添加分隔。

2.8K30

最新iOS设计规范三|3大界面要素:栏(Bars)

视图(Views) 包含用户APP中看到基本内容,例如:文本、图片、动画以及交互元素。视图可以具有滚动、插入、删除和排列等交互行为。 控件(Controls) 控件,是用于触发操作并传达信息。...它提供了应用程序导航侧边栏中选择一可以使人们导航到特定内容。例如,“邮件”中边栏显示所有邮箱列表。人们可以选择一个邮箱来访问其邮件列表,然后选择要显示在内容窗格中特定邮件。...有几种常见技术可以做到这一点: · APP中使用导航栏,该导航栏会自动显示状态栏背景,并确保内容不会显示状态栏背后 · 状态栏背后显示自定义图像,如渐变色或纯色 · 状态栏背后放置模糊视图...为了使您界面具有可预测性,选择一个选项卡应始终影响直接连接到选项卡栏视图,而不影响屏幕上其他位置视图。例如,拆分视图左侧选择一个选项卡不应导致拆分视图右侧突然改变。...iOS 13及更高版本中,您可以使用SF符号来表示选项卡栏项目。在所有版本iOS中,系统API提供了一系列预设图标。当然你也可以自定义图标。

9.8K10

最新iOS设计规范四|3大界面要素:视图(Views)

活动视图还显示其他APP共享和操作扩展。 ? 设计简单模板图像来展示自定义活动。模板图像使用Mask来创建图标。使用具有适当透明度和抗锯齿效果黑白,并且不包括阴影。...如果系统必须执行缩放,那么所有图像具有相同大小和形状时,最容易实现。 六、页面视图(Pages) 页面视图控制器提供了一种在内容页面之间实现线性导航方式,例如在文档、书籍、记事本或日历中。...浮层适合大屏幕上,可以包含各种元素,包括导航栏、工具栏、标签栏、表格、集合、图像、地图和自定义视图。当浮层出现时,其他视图交互行为会被禁止,直到浮层被取消/关闭。...一般而言,表格是基于文本内容理想选择,并且通常作为导航视图显示拆分视图一侧,而相关内容显示另一侧。 表单分类 iOS有三种样式列表,平级、分组、插入分组。 平级。...行可以被分隔为不同标记部分,并且会有索引标记显示屏幕右侧。页眉可以出现在一节中第一之前,页脚可以出现在最后一之后。 ? 分组列表。

8.3K31

最新iOS设计规范十|5大拓展程序(Extensions)

人们知道,标准iOS键盘上Globe键(启用了多个键盘时会替换Emoji键)会迅速切换到其他键盘。他们希望您键盘具有类似的直观体验。...告诉人们如何启用键盘,输入文本时将其激活,使用它,然后切换回标准键盘。 自定义输入视图 自定义输入视图自定义键盘替换了标准键盘,但仅在您应用程序中,而不是系统范围内。...请注意,此声音仅对可见自定义输入视图可用,并且人们可以“设置-声音”中禁用声音。 如有必要,提供输入附件视图。一些应用程序实现了一个额外自定义输入附件视图,该视图显示键盘上方。...人们导出和移动文档时选择目的地。除非您应用将文档存储单个目录中,否则用户应导航到目录层次结构中特定目标。考虑提供一种添加新子目录方法。 不要提供自定义导航栏。...您扩展程序将加载到已经包含导航模式视图中。提供第二个导航栏会造成混乱,并占用您内容空间。

3.1K10

Flutter Drawer 侧边栏以及侧边栏布局

iOS原生开发中,实现抽屉视图还是比较麻烦,有时还需要借助第三方组件来实现。但是Flutter中,我们利用Drawer组件就可以很轻松实现抽屉视图。...2,配置了Scaffolddrawer属性或者endDrawer属性之后,flutter会自动帮我们顶部导航左侧或者右侧加上一个按钮,如下图所示: ?...9,当点击抽屉视图某个组件来跳转到另外一个页面,然后从这个页面返回时候,默认情况下,抽屉视图是不会消失,也就是说,再返回回来时候,抽屉视图效果还是存在。...那么,当点击抽屉视图某个组件来跳转到另外一个页面,然后从这个页面返回时候,如何让抽屉视图消失呢?...我们页面跳转之前通过 Navigator.pop(context); 这行代码来实现“隐藏抽屉视图功能。 以上。

5.3K20

最新iOS设计规范二|7大应用架构

为了便于记忆,个人理解可以分为两类,一类是使用流程:启动 —新手引导—加载中—请求许可—设置。另一类是结构组建:模态和导航。(请注意:这两个及其重要!)...为了在你应用中呈现自定义模态内容,iOS 13和更高版本支持以下两种表现风格: (一) 工作表(卡片弹窗) 工作表演示样式显示为一张卡片,并覆盖页面上。未被覆盖区域变暗显示,无法进行交互。...导航APP中应该显得自然和熟悉,不应该主导界面或成为页面内容中焦点。 iOS中,有三种主要导航样式: (一) 分层导航 每一屏只能做一个选择,直到到达你目的地。...标签栏可让人们快速轻松地不同类别之间切换。 iPad上,使用拆分视图而不是标签栏。拆分视图提供与选项卡栏相同快速导航,同时更好地利用了大屏幕。 当您具有内容类型相同多个页面时,请使用页面控件。...使用系统提供警示框样式。你可以标准权限警示框中自定义文本,但不要直接复制标准警示框行为提示文本和外观样式。

2.5K20

iOS 9人机界面指南(三):iOS 技术 (上)

应用内,人们可以使用多种按压操作去获取一个项目的预览,可以独立视图里打开一个获取相关操作。...轻压(Peek): 当用户按压在一个支持轻压上时出现轻压,用户手指抬起后会消失 当用户轻压视图下再更加重一点按压称之为重压,重压可以查看该项详细视图 当用户轻压视图中向上滑动,可以提供与该项相关快速操作...注意: iOS会自动自定义部件内容上方显示应用图标和标题(图标会显示标题前面的空白处)。 将部件内容与标题对齐。当你部件内容与标题对齐时,人们就可以很简单地浏览今天视图中他们想要部件。...iOS会显示扩展自定义UI,而自定义UI又包含在文档采集视图控制器中基于导航界面之中。所以,在内建导航栏之下再显示第二个导航栏会使用户感到困惑,并且还会占据原本你内容区域。...3.6.5 自定义输入法(Custom Keyboards) 人们整个系统中使用带有自定义输入法输入法扩展来替换iOS自带输入法。

1.6K60

iOS开发UINavigation系列四——导航控制器UINavigationController

/通过一个自定义导航栏和工具栏创建导航控制器 - (instancetype)initWithNavigationBarClass:(nullable Class)navigationBarClass... toolbarClass:(nullable Class)toolbarClass; //使用系统默认导航栏和工具栏,通过一个根视图创建导航控制器 - (instancetype)initWithRootViewController...//iOS7之后,导航中右划会进行pop操作,设置这个enable可以控制设置手势是否失效 @property(nullable, nonatomic, readonly) UIGestureRecognizer... *interactivePopGestureRecognizer; 四、iOS8后导航新特性 //这个方法是为了iOS方法命名统一,导航中,其作用和push一样 - (void)showViewController...,系统会为它分配一些属性,如下: //当前controller对应导航 @property(nonatomic,readonly,strong) UINavigationItem *navigationItem

1.8K20

跟着官方文档学习3D Touch

peek-并且带有可以配置peek快捷操作 3.预览视图上出现可选导航视图-也即是我们所熟知pop app内3D Touch主要分为peek可用性检测、Peek 、pop。...如果用户手指抬起停止按压视图,peekView会自动消失并且app会恢复到交互开始之前状态。 ---- pop-全屏浏览内容 ?...pop阶段.png 如果在peek阶段,用户手指没有抬起,而是继续用力按压视图以触发导航功能,用系统提供pop转场到另一个视图:这个视图就是peek阶段peekView预览视图——popView。...popView会占满整个屏幕,只导航左边显示一个返回按钮。 ---- peek quick action ?...每一个peek快捷操作都是app内一个深度链接。当快捷操作被显示出来时候,用户可以抬起手指停止触摸屏幕,并且此时peek View仍然会显示屏幕上不会消失

6.3K50

最新iOS设计规范九|10大系统能力(System Capabilities)

未锁定设备上,向上滑动通知或让其消失将取消该通知,并可能将其从通知中心中删除。 通知还可以包括可自定义详细信息视图,该视图提供更多信息和最多四个按钮。...iPhone上,如果您应用程序具有导航栏,请像应用程序层次结构中任何其他视图一样,将预览滑动到适当位置。...iPad上,或者如果您应用程序没有自己导航栏,请在包含导航全屏模式视图中打开预览。...每个应用程序都应至少启用一有用快速操作;总共可以提供四个。 避免使用快速操作来简化导航。如果访问应用程序中重要区域很困难或很耗时,请首先修复导航,以使每个人都能正常工作。...该视图提供了可用打印机列表以及任何可自定义选项,例如份数和页面范围,并提供了一个启动打印按钮。 ? 使打印变得可发现。如果您应用程序具有工具栏或导航栏,请通过系统提供“操作”按钮启用打印。

4.2K20
领券