4.新闻版块开发之详情界面

产品介绍

这是一个服务给区县级别城市的APP，因为我认为在未来每一个城市会有一个属于这个城市的APP，具有唯一性和特殊性。为此，我开始对这样的APP进行设计和开发并且维护和运营。

温江圈.png

做好一次产品分析和流程，比你多写N行无效的业务代码实在的多。--------江蒋将酱的垃圾话

界面UI

过度界面

新闻详情界面

界面说明

1.过度界面

在之上个首页哪里提到过这里实现的是自定义的navbar，来完成整体专场的效果。同时自定义左边返回按钮和右边的进入帖子详情的按钮。

2.新闻正文界面

新闻正文的实现方式目前主流的有两种：

• 第一种是拿到json数据后我们自己拼接成HTML然后用loadrequest方法去实现本地加载
  这种的优势是在于可以让新闻和界面同时加载不会有等待加载的这个过程。
• 第二种是直接让后端返回一个HTML页面，我们直接加载HTML页面。
  这种的优势是在于减少了前端的工作量，并且分享功能的时候也是要求分享HTML页面，主要还是减少工作量。

这个项目里面采用的事直接加载的HTML页面，为了保证在加载的过程中界面空白影响体验，加上了emptyData以及一个进度条。

3.加载进度条

网页使用的是系统封装过的WKWebView，上面增加了一个进度条方便提示用户新闻内容的加载状态。