智能电视越来越普及,上面的应用也越来越丰富,在智能电视上实现视频通话最终也肯定会实现,先来体验一下吧!
1、准备资源
画一个电视创维电视外形,差不多就可以了,然后复制一个,缩小一下,稍微调整一下形状,因此等比例缩小后有点错位,大概下面这个样子:
2、在大的电视上添加一个通讯录效果的界面
1)给列表设置一下背景,为了表现质感,加了个类似蜂窝状态的图片作为动态面板的背景,注意设置背景重复就可以了。
2)添加三个联系人,爸爸、妈妈和外公,我们只给爸爸添加个事件,处理拨号效果
3)在屏幕下方添加个状态栏,右侧添加个退出的按钮,作为应用,总要有退出机制
4)大电视的窗口动态面板设置三个状态,分别是列表、呼叫和通话状态
列表是默认状态,选择一个联系人可以开始通话,开始通话后,切换到呼叫状态,显示正在呼叫状态:
5)被叫接听后,主叫切换到通话状态,缩小当前自己的视频窗口到右下角,显示被叫的视频窗口为全屏
好了,到这里主叫的窗口差不多了
3、在右边的小电视上添加个动态面板,设置三个状态,一个是电视播放状态,二是收到呼叫状态,三是通话状态
1)当前电视正在播放电视信号
2)收到呼叫时,弹出呼叫提示窗口
3)开始通话状态
最终两个电视的原型效果如下:
4、为了过渡效果更平滑些,动态面板的状态切换增加了淡入淡出效果
5、双方挂断后,回到各自之前的状态,大电视回到列表状态,小电视回到电视信息播放状态。
6、事件说明
这里用到的事件不复杂,基本上就是普通的交互事件,只是需要注意设置一下动态面板的正确状态
OK,结束,*_^
在线演示(内有下载链接)