用“小盒子”制作一个看片神器

因为内容会涉及到版权问题,所以这里只讲解制作流程,不会共享出mbx工程包。仅供学习交流

第一步 网络数据设置

和上一篇文章一样,这里的数据来自于网络,所以需要把用到的接口先添加到Http Tool中。这里涉及到的接口主要有四个 "视频列表" , "搜索", "轮播图", "视频详情"。

网络接口的设置和上一篇中基本没有差别,仅仅只是url变了。

这里只说明一下页面跳转部分,因为点击视频封面之后要跳转到对应的详情页面进行播放,所以需要将视频的id传给下一个页面。

传递参数有两种情况

  1. 点击列表中的一个元素
    由于目前列表都是以模板的形式设置,所以只需要设置跳转的页面,默认就会将当前点击的数据传给下一个页面


    截屏2020-04-25下午10.55.22.png

    这时候你可以点到"播放详情"页面查看页面参数


    截屏2020-04-25下午10.57.19.png

    会发现默认参数"lastPageData"里已经有数据了
  2. 点击非列表控件(按钮或者轮播图)
    这时候需要添加一个跳转事件,并设置传递数据。


    截屏2020-04-25下午11.01.05.png

    传递的数据可以设置为当前页面获取到的网络数据或者某个控件绑定的数据

设置完成之后,可以去目标页面查看“lastPage",如果有值说明设置成功了

第二步 本地数据设置

比上一个demo稍微复杂一点的是这里要用到本地存储。主要功能是视频的"播放历史" 和 “收藏" 。所以需要我们建一个数据库。

这里我只设计了一个简单的数据库,其实主要包含视频id和title即可


截屏2020-04-25下午1.59.23.png
  1. 添加收藏功能

首先需要添加一个页面初始化的事件。点击页面空白处,选择右侧的“事件”标签,添加你事先设置好的网络请求。(即进入页面的瞬间触发网络请求获取数据)

接下来添加一个”数据库事件"

截屏2020-04-25下午11.10.58.png

这些字段有些是可以不用设置的。但是必要的几个参数一定得有,比如vodid。

接下来用一个按钮来触发这个事件。


截屏2020-04-25下午11.13.37.png

有添加收藏就应该同时有取消收藏的功能,所以我们要对这个按钮进行特殊设置

截屏2020-04-25下午11.15.34.png

按钮的设置中有一个“支持选中”的配置。勾选后,按钮将支持两种状态 “普通”和“选中"。可以为”选中"状态设置文字和图片。另外这个状态依赖于数据库中是否存在这条数据。所以我们在页面初始化事件中要添加一个"查询数据库"的事件,然后绑定值设置为查询结果即可。添加"删除收藏"事件,在选中状态下点击按钮会触发”删除收藏“的事件

2。 收藏列表和历史列表
上一步中在进入页面时会触发”添加播放历史"的事件。点击“收藏”会触发“添加到收藏"的事件。所以数据库中目前已经有数据了,现在只需要将数据读取出来显示即可。

添加查询收藏的事件


截屏2020-04-25下午11.25.31.png

查询事件的设置比较简单,选择数据库。将查询结果给到pageData即可。

最后添加一个列表,并将pageData的值对应的给到模板数据即可

截屏2020-04-25下午11.28.38.png

下面是app效果


RPReplay_Final1587793969.2020-04-25 23_33_56.gif

最近琐事较多,文章写的比较仓促。计划是五一之后再专门写教程,大家先凑合着看吧

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容

  • 想知道吗?想知道.........打开微信,关注微信号:laugh95回复“职业”即可知道答案啦!!
    你表妹啊阅读 209评论 0 0
  • 最新的一季《黑镜》中,有一集讲一对参与找到最佳伴侣的实验男女主人公,他们通过约会系统有了第一次接触,他们俩对彼此都...
    不愿长大的孩子阅读 134评论 0 1
  • 1、宇宙哥哥我想体验每天进账,钱宝宝从四面八方来到我。 2、宇宙哥哥我想体验希芸每天都有销售订单。 3、宇宙哥哥我...
    stefanie云凤阅读 123评论 0 0
  • 儿子自从上幼儿园后,再在家里吃饭时,磨叽了许多,有时还只肯吃菜不肯吃饭。我们也没有太强迫他吃饭,但看着他细胳膊细腿...
    双子雕龙阅读 991评论 8 12
  • 从国家层面来说,经济基础决定上层建筑,有好的经济,国家的发展才有保障,人民的生活也才有根基。 同样,从家庭层面来说...
    雪莲静语阅读 187评论 0 0