抬起手指,轻击屏幕“点击识别命令”的操作是成品app直播源码中常见的操作指令之一,包括而不限于双击点亮,点击评论、关注、分享,点击头像进入主页等功能,那么,这些操作是如何实现的呢?
1、点击头像进入主页
点击主播头像调出主播个人主页以方便用户更好地了解主播:
void onAvatarClick(VideoPlayWrap wrap, VideoBean bean);
2、点击评论
用户可以通过点击APP中相应的评论区位置调动出评论区进行评论:
void onCommentClick(VideoPlayWrap wrap, VideoBean bean);
3、双击点亮
通过此代码书写的一段程序,用户能够通过双击手机屏幕对主播进行点赞操作:
void onZanClick(VideoPlayWrap wrap, VideoBean bean);
4、点击关注
通过这段代码书写的程序,用户可以通过点击关注主播:
void onFollowClick(VideoPlayWrap wrap, VideoBean bean);
5、点击分享
这段代码用于实现“成品app直播源码点击此处即可分享”的作用,支持微信、朋友圈、QQ、QQ空间、Facebook、Twitter六种方式分享
void onShareClick(VideoPlayWrap wrap, VideoBean bean);
}
介绍完点击命令后,在聊聊云存储进度条的设计吧,上传文件时,显示进度条要比不显示更令人舒服一些,成品app直播源码可以利用jquery/ajax/php完成文件上传显示进度条的功能。
1、Html
第一步先创建个HTML文件,把对应标签放入form表单中,以下为部分代码:样式可根据需求自行调整;
<div > <form > <input type="file" name="file" id="file"> <button type="button" class="submit">上传</button> </form> <span class="processBar"></span> <span class="processcount">未选择文件</span> </div>
2、JS
1).引用jquery.js
2).ajax提交上传,把formdata提交到upload.php,部分代码如下:
function upload(){ var file = document.getElementById('file').files[0]; var form = new FormData(); form.append('myfile',file); $.ajax({ url: 'upload.php', async: true, type: 'post', data: form, processData: false, contentType: false, xhr:function(){ myXhr = $.ajaxSettings.xhr(); if(myXhr.upload){ myXhr.upload.addEventListener('progress',function(e){ var loaded = e.loaded; var total = e.total; var percent = Math.floor(100*loaded/total); $(".processcount").text(percent+"%"); $(".processBar").css("width",percent+"px"); }, false); } return myXhr; }, success: function(data){ alert('上传成功'); } })
3、upload.php处理上传,下面贴出部分代码
<?php if(isset($_FILES["myfile"])){ move_uploaded_file($_FILES["myfile"]["tmp_name"],"upload/".$_FILES["myfile"]["name"]); echo "upload/".$_FILES["myfile"]["name"]; }else{ echo 'no file'; } ?>
这样,就能够完成进度条了。成品app直播源码中的点击命令和进度条设置就是这么简单,你学会了吗?