webview展示富文本方案
2016-12-05 22:15:07 0 举报我写的技术方案 cppgohan
作者其他创作
大纲/内容
内容展示
本方案不涉及
DiskCacheProducer
rich_text交给本地webview展示
PickerPreviewActivity
富文本WebView和Native共享图片资源(点击图片)
初始内容
HTML Template
图片查看界面
WebChromeClient
存在图片?
否
PostDetailActivity
WebView.js
JS跳转到Native
Assets 本地Web模板
是
部落 H5 Content
富文本WebView展示逻辑
ListView
WebViewClient
失败展示/恢复逻辑
发起详情请求tribe.feeds.detail.get
图片序列
图片加载缓存机制FrescoLib
失败
图片加载模块加载图片(支持多级缓存)
WebView
加载完成的图片更新之前HTML
webview展示内容
是否成功
重新加载提示
ImagePipeline
展示元素不同
异步加载图片
黄色部分为Fresco加载流程相关类
NetworkFetchProducer
将内容设置到本地HTML模板
所有异步加载完成
WebView.css
内容全部展示完毕
起始
拿到数据结构PB:title=\"XXX\"brief=\"XXX\"postBytes(JSON Array):\"content\":\"xxx\
index.html
图片加载完成
JSBridge
基本富文本请求流程:
通知native部分加载每张图片
rich_text内容展示
是否富文本类型
成功
Javascript logic
MemoryCacheProducer
查看主题(帖子)详情
富文本数据源:1. RSS源2. 微信公众号3. 部落运营后台编辑生成
WebView资源结构/类结构
WebView展示富文本方案
图文混排展示 或其他可能展示方式
不存在
PostItemWebView
存在
职业：暂无
0 条评论
下一页
