美文网首页
iOS开发中应用hype3提供的动效

iOS开发中应用hype3提供的动效

作者: 敲代码的兔子 | 来源:发表于2017-05-11 16:28 被阅读0次

开发中我们经常碰到设计师设计出来的动效比较复杂, 我们实现起来很麻烦的情况. 这时候我就希望设计师能用hype3导出一个动效问价, Xcode直接加载就可以了. hype3刚好提供了这样的功能.

我们先看一下hype3导出的文件

hype3导出的动效文件

其实就是html文件,还有引用的css和png, 看到这我们就知道了,这个东西可用webView加载.当我拿到设计师给我的文件夹时我就是这样想的.然后我写了个webView加载本地html的demo,运行后悲剧发生了--空白一片, 啥都没有.

这是我的demo截图

反复检查了几次代码都没找到问题, 但是html用浏览器打开也没问题啊

浏览器中打开hype3的html的效果图

检查html源码时发现一具引用css文件的代码是带有路径的 

html中引用css代码

想起以前在网上看到说Xcode的中黄色文件夹是虚拟文件夹, 试着删除了css前的文件路径,跑了一下,动效果然出现了.

在这顺便说一下, 如果我们在将html文件夹拖到Xcode中时,选用的是蓝色文件夹,那html文件里引用css的代码切不可删除路径, 而且加载本地html的代码也要改一下,指明加载的哪个文件夹. 以下图为例.

到这, iOS加载hype3动效的两种方式就都搞定了

相关文章

  • iOS开发中应用hype3提供的动效

    开发中我们经常碰到设计师设计出来的动效比较复杂, 我们实现起来很麻烦的情况. 这时候我就希望设计师能用hype3导...

  • 超走心!APP 动效设计必备知识

    如今丰富细腻的 App 动效遍布移动端优秀应用界面中,为用户提供了良好的动态沉浸式体验,动效设计在产品研发过程中也...

  • [iOS] 视频添加动效水印实现介绍

    [iOS] 视频添加动效水印实现介绍 [iOS] 视频添加动效水印实现介绍

  • iOS 动画迷思

    优雅的动效是一个好 App 的基础,它可能直接决定了应用的用户体验。好在 iOS 给我们提供了多种实现动画效果的方...

  • 腾讯出品的交互微动效设计指南

    本设计指南适用于UI设​计界面中交互微动效,涵盖入场、出场动效,过渡动效和加载动效,在时间和缓动曲线的选择上提供了...

  • YoYoBall加载动画

    欢迎同样喜爱动效的你加入iOS动效特攻队–>QQ群:547897182 iOS动效特攻队–>熊熊:64807025...

  • Fade数字切换动效

    欢迎同样喜爱动效的你加入iOS动效特攻队–>QQ群:547897182 iOS动效特攻队–>熊熊:64807025...

  • iOS 动画库

    iOS开发之 Lottie -- 炫酷的动效 Lottie 是 Airbnb 在 github 上的开源项目,支持...

  • 自定义UINavigationController push和p

    前言 首先, push/pop 动效在iOS7.0以后系统就已经提供了相关的代理方法, 在代理方法中我们可以自定义...

  • 为功能而动效的APP UI设计

    APP中的动效可以划分为两类,一类是转场动效,应用在页面的切换,加载等,这类动效可以柔和页面的过度效果,增加切换、...

网友评论

      本文标题:iOS开发中应用hype3提供的动效

      本文链接:https://www.haomeiwen.com/subject/qiqcettx.html