APP开发流程实例讲解-儒释道网络电台八天开发全程
能和界面初步设定
APP开发流程实例讲解-儒释道网络电台八天开发全程
确定功能
我们依照“儒释道网络电台”网页上提供的功能,经过仔细的取舍,最终确定在儒释道网络电台APP中包含以下内容:
- 节目时间表
- 视频音频播放
- 线路选择
- 最新讯息
- 经文讲义
因为是听讲经,不是看电影,所以没有提供全屏播放视频的功能。并且强制竖屏,不可旋转。
界面设计
首先挑选设计工具。不要笑我谁都有第一次的,这是我第一次使用设计工具
经过20分钟的选择,刚开始选择了Fluid UI,但那个网络速度,太慢了。最终选择了国内的墨刀(https://modao.cc/cn),真心不错,是国内的第一选择。
经过半个多小时的设计,最终确定只设计一个页面,左右两边各有一个抽屉。效果图如下:
主界面
左侧抽屉节目列表
右侧抽屉线路选择
墨刀在设计时的使用还是非常简单和人性化的。在此之前我根本没用过它设计过任何APP,但只经过了四五分钟的熟悉,已经基本会使用它了。儒释道网络电台APP本身就比较简单,所以只经过了40多分钟的时间就设计完了。哈哈
源码地址 https://code.youkuaiyun.com/do168/buddhismnetworkradio