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

作者: 江将蒋酱 | 来源:发表于2017-04-21 02:25 被阅读48次

产品介绍

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


温江圈.png

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

界面UI

过度界面 新闻详情界面

界面说明

1.过度界面

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

2.新闻正文界面

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

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

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

3.加载进度条

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

相关文章

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

    产品介绍 这是一个服务给区县级别城市的APP,因为我认为在未来每一个城市会有一个属于这个城市的APP,具有唯一性和...

  • WKWebView新闻详情界面

    起因 对于展示新闻详情界面,一开始试过UIWebView、UITextView, UITextView感觉不够强大...

  • iOS新闻详情界面实现

    1、首先了解到后台返回的数据格式(此处为网易新闻返回的数据格式) 2、获取数据并解析数据 3、使用UIWebVie...

  • 工作日报界面梳理

    2020-11-22小程序已完成静态界面:1.首页界面2.优惠界面3.店铺详情界面4.订单界面5.我的界面6.消费...

  • 四、具体代码实现1-2

    商品相关接口代码实现*商品详情界面 自己构建详情界面 手机淘宝打开详情页 H5打开详情页

  • Android应用界面开发——Fragment(实现图书详情界面

    Android3.0引入Fragment的初衷是为了适应大屏幕的平板电脑,由于平板电脑的屏幕比手机屏幕更大,因此可...

  • 开发规范

    开发规范分为以下几种1.后台开发规范2.界面布局规范3.模块命名规范4.数据库开发规范 2.界面布局规范 软件窗口...

  • Swift版知乎日报

    huaf22/zhihuSwiftDemo 已实现的功能 首页左滑菜单界面 文章详情界面 文章详情界面上下切换的动...

  • iOS 证书那些事

    具体操作流程如下: 1、开发者证书的制作,首先登陆到开发者中心,找到证书配置的版块,点进证书,会显示如下界面,点击...

  • iOS仿淘宝详情界面弹出动画

    前言 最近在开发一个农业电商项目,做到商品详情界面,选择规格时会弹出界面,需要仿照淘宝的动画,于是研究了 CATr...

网友评论

    本文标题:4.新闻版块开发之详情界面

    本文链接:https://www.haomeiwen.com/subject/czvrzttx.html