【实战】智能电视视频通话


智能电视越来越普及,上面的应用也越来越丰富,在智能电视上实现视频通话最终也肯定会实现,先来体验一下吧!


1、准备资源

画一个电视创维电视外形,差不多就可以了,然后复制一个,缩小一下,稍微调整一下形状,因此等比例缩小后有点错位,大概下面这个样子:


2、在大的电视上添加一个通讯录效果的界面

1)给列表设置一下背景,为了表现质感,加了个类似蜂窝状态的图片作为动态面板的背景,注意设置背景重复就可以了。

2)添加三个联系人,爸爸、妈妈和外公,我们只给爸爸添加个事件,处理拨号效果

3)在屏幕下方添加个状态栏,右侧添加个退出的按钮,作为应用,总要有退出机制

4)大电视的窗口动态面板设置三个状态,分别是列表、呼叫和通话状态

列表是默认状态,选择一个联系人可以开始通话,开始通话后,切换到呼叫状态,显示正在呼叫状态:


5)被叫接听后,主叫切换到通话状态,缩小当前自己的视频窗口到右下角,显示被叫的视频窗口为全屏


好了,到这里主叫的窗口差不多了


3、在右边的小电视上添加个动态面板,设置三个状态,一个是电视播放状态,二是收到呼叫状态,三是通话状态

1)当前电视正在播放电视信号


2)收到呼叫时,弹出呼叫提示窗口


3)开始通话状态


最终两个电视的原型效果如下:




4、为了过渡效果更平滑些,动态面板的状态切换增加了淡入淡出效果

5、双方挂断后,回到各自之前的状态,大电视回到列表状态,小电视回到电视信息播放状态。

6、事件说明

这里用到的事件不复杂,基本上就是普通的交互事件,只是需要注意设置一下动态面板的正确状态


OK,结束,*_^


在线演示(内有下载链接)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值