博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
android 仿写开发者头条,android高仿今日头条富文本编辑(发布文章)
阅读量:6903 次
发布时间:2019-06-27

本文共 1028 字,大约阅读时间需要 3 分钟。

前言: 在经历了几个月的项目期限。我们遇到了前端发布文章,要用到富文本编辑的功能。在一番衡量下最终用到了richeditor-android第三方框架。实现原理就是通过webView和js实现前端富文本。有想了解的可以点开上面链接,研究研究。虽然richeditor-android已经帮我们实现了大部分核心内容,但是很多细节它都没有完善,这也是为什么他的issues达到170多的原因。也不知道它有没有停更。接下来是作者踩了N多坑之后,把功能基本补全。可以说是高仿“今日头条富文本编辑”。

一、先来看看都实现了补全了哪些功能

(这里不会重复richeditor-android原有功能,只会详细讲解补全的细节功能)

1.1、在没有焦点时,主动获取焦点并弹出软键盘

修改后: 在第一打开富文本编辑时,点击加粗,下划线或上传图片时,主动获取焦点并弹出软键盘。

c1f9d1efa428b4cebd294a257e4af2b6.png

1.2、在光标主动回到某处,下方tab选中当前的样式,同理撤销和回退

修改后: 在光标变化,撤销回退,或者主动点删除时,下方tab会根据当前样式选中要选中的样式

3cbfbdb1b7eb135799522e9ca772e420.png

1.3、上传图片,自动换行,且自动滚动到底部。且充满屏幕

修改后: 选中图片后,插入图片自动换行,自动滚动到底部,弹出软键盘。(图片充满屏幕)

2538ecc39782e5b61b5ffe0e61a2683e.png

1.4、点击图片,可编辑图片(剪裁),或删除图片

修改后: 点击图片增加了删除和编辑功能,编辑剪裁图片也是模仿头条的。(注:这里的图片选择和图片剪裁是其他第三方,后续给上链接,作者修改后增加了比例切换的动画,且适配了全面屏和处理了虚拟键)

ebfb819e4f85d0b3cd9ec7fe666f88c8.png

1.5、根据头条的排版样式,修改了文字,图片还有序号的排版样式

修改后: 原样式,比较不理想。在看了头条的排版样式后,修改了css样式。尽量模仿出头条的感觉

976485170e626e11838bb8b065d23466.png

1.6、选中文字后,在不点击屏幕前,选中文字都不变。高度模仿头条

修改后: 之前点击1下或者2下加粗时,选中文字会取消。现在不是主动点击屏幕,选中文字不会取消

a226fbe1af3d8b120c194adee2f93e30.png

1.7、在作者在实现这块功能时,还遇到了缺少ssl证书,图片没法显示出来。还加了忽略ssl证书

在华为和小米都有出现过。出现的时候,我用头条app去上传图片也是遇到上传图片失败。过一会,手机又正常了。反正加上忽略ssl是一定可以成功的。

二、现在让我们一起看看发布文章重新编辑的功能吧、

7c42b7573a67d54ea385e432722e3386.png

三、总结。

至此一个高仿头条的富文本就此而生。如果你开发遇到了或者有什么古怪的功能还不满足你的要求,请联系我。

想和我一起成长吗?请关注我的公众号

转载地址:http://exodl.baihongyu.com/

你可能感兴趣的文章
Hyper-v学习(四),SMB虚拟机实时迁移
查看>>
基于spring3注解的google分页
查看>>
实用命令行工具详解—crontab
查看>>
redis+ssh-keygen免认证登录案例
查看>>
linux svn命令
查看>>
Android中获取CPU负载和进程cpu时间
查看>>
docker容器启动后添加端口映射
查看>>
Xtrabackup系列之:二进制安装
查看>>
python变量的定义
查看>>
Python面向对象
查看>>
CentOS5 安装vsFtpd软件及配置
查看>>
设计师应该关注的科技发展方向(二)
查看>>
redis python监控
查看>>
PowerDesigner连接MySQL数据库
查看>>
界面控件Essential Studio for ASP.NET Web Forms 2017 v3发布丨附下载
查看>>
Java web部署目录结构和web.xml作用
查看>>
Python中list的遍历
查看>>
Linux系统下常见性能分析工具的使用
查看>>
事件驱动模型
查看>>
多机调度问题-贪心算法
查看>>