jquery第八期：两个相关包装集...- 自动视频追踪系统的解决方...- CATransition种动画

当前位置: 编程技术>移动开发

本页文章导读:

▪jquery第八期：两个相关包装集的复杂操作 jquery第八期：两个有关包装集的复杂操作<html> <head> <script type="text/javascript" src="/blog_article/jquery-1.10.1.js"></script> <script type="text/javascript"> $(function() { //clone:复制一个包装集 .........

▪ 自动视频追踪系统的解决方案自动视频跟踪系统的 Casevision公司为自动视频跟踪系统提供了多种。 1：标清视频的自动跟踪围绕经典的自动视频跟踪模块AVT21，Casevision提供了如下：应用方案示意图1，用户使用自.........

▪ CATransition种动画 CATransition类动画 - (void)leftClick { [UIView beginAnimations:nil context:nil]; //display mode, slow at beginning and end [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; .........

[1]jquery第八期：两个相关包装集的复杂操作

来源: 互联网发布时间: 2014-02-18

jquery第八期：两个有关包装集的复杂操作

<html>
<head>
<script type="text/javascript" src="/blog_article/jquery-1.10.1.js"></script>
<script type="text/javascript">
   $(function()
   { 
	 
	//clone:复制一个包装集   appendTo在包装集中追加内容 end: 返回前一个包装集
	//$("#first tbody").clone().appendTo("#second").find("tr:even").css("color","red").end().end().end().find("tr:odd").css("color","blue");
    

	// 包装集的合并,将first与second合并
	//$("#first tbody").clone().appendTo("#second").end().andSelf().css("color","red");

	//理解find和filter的区别，
	//find：从当前包装集找元素  filter：只是对当前包装集操作。理解这类的区别是掌握jquery的关键

     
   });
</script>
</head>
<body>
<table width="700" border="1" align="center" id="second"></table>
<table width="300" border="1" align="center" id="first">
    <tr>
	   <td>用户标识</td>
	   <td>用户姓名</td>
	   <td>用户年龄</td>
	   <td>用户密码</td>
    </tr>
	
    <tr id="abc">
	   <td id="cde">A</td>
	   <td>张三</td>
	   <td>12</td>
	   <td>hehe1</td>
    </tr>
	<tr>
	   <td>B</td>
	   <td>李四</td>
	   <td>13</td>
	   <td>hehe2</td>
    </tr>
	<tr>
	   <td>C</td>
	   <td>王五</td>
	   <td>14</td>
	   <td>hehe3</td>
    </tr>
	<tr>
	   <td>D</td>
	   <td>牛六</td>
	   <td>15</td>
	   <td>hehe4</td>
    </tr>
	
</table>
</body>
</html

[2] 自动视频追踪系统的解决方案

来源: 互联网发布时间: 2014-02-18

自动视频跟踪系统的

Casevision公司为自动视频跟踪系统提供了多种。

1：标清视频的自动跟踪

围绕经典的自动视频跟踪模块AVT21，Casevision提供了如下：

应用方案示意图1，用户使用自行设计的嵌入式主控模块 + AVT21，构建自动视频跟踪系统。

应用方案示意图2，用户使用VTC81 + AVT21，构建自动视频跟踪系统。

应用方案示意图3，用户使用PC机 + AVT21，快速构建自动视频跟踪系统。

为满足用户特定应有的订制性要求而设计的，在AVT21的基础上Casevision推出了AVT22，以便用户的自动视频跟踪系统无论是从硬件还是软件通讯协议变得更简洁流畅，从而降低用户系统的开发难度和复杂性。AVT22板内集成了完整的AVT21模块，因而具备AVT21的所用功能和特性，AVT22具备更加丰富的接口，通讯协议可以按照用户的需求加以订制，内置的DSP可以按用户订制需求扩充一些图像处理功能，如画中画、图像增强、图像融合等图像处理功能。但是，AVT22无意取代AVT21，AVT21作为一款经典的自动视频跟踪算法模块，以其结构小巧功耗低使用灵活等特点，依然继续保留在我们的产品线中。

应用方案3示意图：

2：高清视频自动跟踪

AVT31是CASEVision公司最新的高清自动视频跟踪模块，主控芯片为多核DSP和FPGA，视频接口支持数字和模拟高清视频接口，模拟接口支持RGB、YPbPr分量输入，数字接口支持CameraLink，HDMI/DVI、SDI等数字视频标准，最高分辨率支持到1080p@60Hz。AVT31是一款高性能低功耗小尺寸轻重量的嵌入式高清自动视频跟踪模块，它提供了目标捕捉、自动跟踪、多目标检测和跟踪、平台控制、OSD、图像缩放平移旋转、电子稳像、图像增强、视频融合、视频压缩存储与网络传输等强大功能，其开放式的系统结构，允许集成专门的特性和算法，使得其能够满足各种复杂的光电跟踪应用。解决了光电跟踪系统所需要的各种算法和技术问题，从而大大缩短了光电跟踪系统的研制周期，并使系统性能和可靠性大大提高。

典型应用方案示意图1，用户使用自行设计的嵌入式主控模块 + AVT31，构建自动视频跟踪系统。

典型应用方案示意图2，用户使用VTC81 + AVT31，构建自动视频跟踪系统。

典型应用方案示意图3，用户使用PC机 + AVT31，构建自动视频跟踪系统。

[3] CATransition种动画

来源: 互联网发布时间: 2014-02-18

CATransition类动画

- (void)leftClick {

[UIView beginAnimations:nil context:nil];

//display mode, slow at beginning and end

[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

//动画时间

[UIView setAnimationDuration:1.0f];

//使用当前正在运行的状态开始下一段动画

[UIView setAnimationBeginsFromCurrentState:YES];

//给视图添加过渡效果

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:imageView cache:YES];

[UIView commitAnimations];

}

- (void)rightClick {

[UIView beginAnimations:nil context:nil];

//display mode, slow at beginning and end

[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

//动画时间

[UIView setAnimationDuration:1.0f];

//使用当前正在运行的状态开始下一段动画

[UIView setAnimationBeginsFromCurrentState:YES];

//给视图添加过渡效果

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:imageView cache:YES];

[UIView commitAnimations];

}

- (void)upClick {

[UIView beginAnimations:nil context:nil];

//display mode, slow at beginning and end

[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

//动画时间

[UIView setAnimationDuration:1.0f];

//使用当前正在运行的状态开始下一段动画

[UIView setAnimationBeginsFromCurrentState:YES];

//给视图添加过渡效果

[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:imageView cache:YES];

[UIView commitAnimations];

}

- (void)downClick {

[UIView beginAnimations:nil context:nil];

//display mode, slow at beginning and end

[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

//动画时间

[UIView setAnimationDuration:1.0f];

//使用当前正在运行的状态开始下一段动画

[UIView setAnimationBeginsFromCurrentState:YES];

//给视图添加过渡效果

[UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:imageView cache:YES];

[UIView commitAnimations];

}

CATransition的type属性

1.#define定义的常量

kCATransitionFade 交叉淡化过渡

kCATransitionMoveIn 新视图移到旧视图上面

kCATransitionPush 新视图把旧视图推出去

kCATransitionReveal 将旧视图移开,显示下面的新视图

2.用字符串表示

pageCurl 向上翻一页

pageUnCurl 向下翻一页

rippleEffect 滴水效果

suckEffect 收缩效果，如一块布被抽走

cube 立方体效果

oglFlip 上下翻转效果

- (void)MyCAnimation1 {

CATransition *animation = [CATransition animation];

//动画时间

animation.duration = 1.0f;

//display mode, slow at beginning and end

animation.timingFunction = UIViewAnimationCurveEaseInOut;

//过渡效果

animation.type = kCATransitionMoveIn;

//过渡方向

animation.subtype = kCATransitionFromTop;

//添加动画

[imageView.layer addAnimation:animation forKey:nil];

}

- (void)MyCAnimation2 {

CATransition *animation = [CATransition animation];

//动画时间

animation.duration = 1.0f;

//display mode, slow at beginning and end

animation.timingFunction = UIViewAnimationCurveEaseInOut;

//在动画执行完时是否被移除

animation.removedOnCompletion = NO;

//过渡效果

animation.type = @"pageCurl";

//过渡方向

animation.subtype = kCATransitionFromRight;

//暂时不知,感觉与Progress一起用的,如果不加,Progress好像没有效果

animation.fillMode = kCAFillModeForwards;

//动画停止(在整体动画的百分比).

animation.endProgress = 0.7;

[imageView.layer addAnimation:animation forKey:nil];

}

- (void)MyCAnimation3 {

CATransition *animation = [CATransition animation];

//动画时间

animation.duration = 1.0f;

//display mode, slow at beginning and end

animation.timingFunction = UIViewAnimationCurveEaseInOut;

//过渡效果

animation.type = @"pageUnCurl";

//过渡方向

animation.subtype = kCATransitionFromRight;

//暂时不知,感觉与Progress一起用的,如果不加,Progress好像没有效果

animation.fillMode = kCAFillModeBackwards;

//动画开始(在整体动画的百分比).

animation.startProgress = 0.3;

[imageView.layer addAnimation:animation forKey:nil];

}

- (void)MyCAnimation4 {

[NSTimer scheduledTimerWithTimeInterval:3.0f target:self selector:@selector(updateButterfly) userInfo:nil repeats:YES];

}

- (void)updateButterfly {

butterflyView.animationDuration = 0.75f;

[self.view addSubview:butterflyView];

[butterflyView startAnimating];

butterflyView.center = [butterflyView randomCenterInView:self.view withInset:10.0f];

}

CATransition比较强大，一般可以使用CATransition模拟UIView的动画。

    /* 过渡效果
     fade     //交叉淡化过渡(不支持过渡方向)
     push     //新视图把旧视图推出去
     moveIn   //新视图移到旧视图上面
     reveal   //将旧视图移开,显示下面的新视图
     cube     //立方体翻滚效果
     oglFlip  //上下左右翻转效果
     suckEffect   //收缩效果，如一块布被抽走(不支持过渡方向)
     rippleEffect //滴水效果(不支持过渡方向)
     pageCurl     //向上翻页效果
     pageUnCurl   //向下翻页效果
     cameraIrisHollowOpen  //相机镜头打开效果(不支持过渡方向)
     cameraIrisHollowClose //相机镜头关上效果(不支持过渡方向)
    */

    /* 过渡方向
     fromRight;
     fromLeft;
     fromTop;
     fromBottom;
    */
CATransition *animation = [CATransition animation];
animation.delegate = self;
animation.duration = 0.5f; //动画时长
animation.timingFunction = UIViewAnimationCurveEaseInOut;
animation.fillMode = kCAFillModeForwards;
animation.type = @"cube"; //过度效果
animation.subtype = @"formLeft"; //过渡方向
animation.startProgress = 0.0 //动画开始起点(在整体动画的百分比)
animation.endProgress = 1.0;  //动画停止终点(在整体动画的百分比)
animation.removedOnCompletion = NO;
[self.view.layer addAnimation:animation forKey:@"animation"];