1.自动生成导入
您正在编写代码，想导入一个包，只记得包名，但是忘了它在那个py文件了，可以通过 pycharm 自动导入。当你写了一个包名，pycharm会有提示是否需要导入，选择后将根据您的项目样式以正确的方式生成导入。
(动画加载需要8秒，耐心等待)
2.批量移动类和方法
当你重构代码时，需要把一些类或者函数移动到其他的文件时，如果你是通过对类进行剪切粘贴到其他文件，这样做的话你真是个小可爱。pycharm 提供了 move 的功能，它可以帮你批量移动类或者方法，连类的依赖都帮你处理了。
实现一个可交互的动画大概有这么几种思路:在响应 GestureRecognizer 的方法中实时更新 view 的状态, 在 GestureRecognizer 结束的时候创建动画完成后续的部分.
在 GestureRecognizer 开始的时候创建显式动画, 随着 Gesture 变化, 改变动画的 progress, 在 GestureRecognizer 结束之后完成动画.
在 GestureRecognizer 开始的时候创建隐式动画, 随着 Gesture 变化, 改变动画的 progress, 在 GestureRecognizer 结束之后完成动画.
注意 2 和 3 只有显式和隐式的区别.
对于简单的 view, 单一的动画 (比如 demo 中的这种, 线性移动一个简单的 view), 三种方法差别不大. 而对于复杂的 view (view 中嵌套多个 subView), 多个动画 (view 和 subview 都有各自的动画), 如果在不考虑可交互的前提下, 隐式的动画已经可以满足需求, 那么方法 3 可能会比方法 1 和 2 简洁得多, 本文将对方法 3 进行讲解.
要实现方法 3, 首先要了解 CALayer 的几个属性: speed, timeOffset, beginTime. 对于这几个属性, Controlling Animation Timing 这篇教程图文并茂地给出了直观的解释, 必读, 这里只做简单介绍:
speed: 控制动画的速度, 比如设置为 1 (默认), 动画正常运行, 设置为 0 动画暂停, 设置为 -1 动画反向运行.
timeOffset: 控制动画在整个动画时间轴上的位置, 比如一个 3 秒的动画, timeOffset 为 1.5, layer 就会处于整个动画过程中间的那个状态.
beginTime: 动画的开始时间.
有了这些基础, 我们就可以着手实现了, 首先我们需要建立一个 CALayer 的 Category, 添加一些动画辅助代码:
- (void)gs_pauseAnimation {
self.speed = 0
self.timeOffset = 0
}
- (void)gs_recoverToDefaultState {
self.speed = 1
self.timeOffset = 0
self.beginTime = 0
}
- (void)gs_setTimeProgress:(CFTimeInterval)timeProgress {
self.timeOffset = timeProgress
}
- (void)gs_continueAnimationWithTimeProgress:(CFTimeInterval)timeProgress {
[self gs_recoverToDefaultState]
self.beginTime = [self convertTime:CACurrentMediaTime() fromLayer:nil] - timeProgress
}
- (void)gs_continueReverseAnimationWithTimeProgress:(CFTimeInterval)timeProgress animationDuration:(CFTimeInterval)duration {
[self gs_recoverToDefaultState]
self.beginTime = [self convertTime:CACurrentMediaTime() fromLayer:nil] - (duration - timeProgress)
self.timeOffset = duration
self.speed = -1
}
gs_pauseAnimation: 通过将 speed 设置为 0, 来暂停动画.
gs_recoverToDefaultState: 将 layer 的各个属性恢复到默认状态
gs_setTimeProgress: 在 gs_pauseAnimation 的基础上, 设置动画的时间进度.
gs_continueAnimationWithTimeProgress: 从 timeProgress 时间进度开始, 继续播放之前暂停了的动画
这里首先调用了 gs_recoverToDefaultState, 是为了让 convertTime:fromLayer: 得出正确的时间.
[self convertTime:CACurrentMediaTime() fromLayer:nil] 将当前系统时间转换到 layer 的时间上, 减去 timeProgress, 假设这是一个 3 秒的动画, timeProgress 为 1 秒, 则这条代码就表示 layer 的动画在一秒之前就已经开始, 所以动画将从运行到第 1 秒的状态开始继续播放.
网友看看是否符合需求，修改起来也很方便，都做了注释；实在不会的，去查看手册即可
<!DOCTYPE HTML>
<html>
<meta charset="UTF-8" />
<head>
<title></title>
</head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/layer/3.0.1/layer.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
$('.btn').click(function() {
layer.msg('加载中（点击关闭）', {
anim: 4, //动画效果
icon: 16,
shade: 0.5, //遮罩层透明度
shadeClose: true, //点击遮罩层关闭
time: 0, //不自动关闭
}, function() {
layer.alert('显示加载信息后，你可以执行别的 *** 作，就像这样', {
skin: 'layui-layer-lan',
closeBtn: 0,
anim: 6 //动画类型
})
})
})
})
</script>
<style type="text/css">
html,
body {
margin: 0
padding: 0
}
.demo {}
</style>
<body>
<div class="demo">
<button class="btn">点击显示效果</button>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）