回帖优化
回帖
回复楼主:
回帖
CX-4还是不错的。之前看了好久都
图1、弹出框为空页面
图2、弹出框有内容页面
2
3
4
5
“关闭”按钮
2
初始状态
1
用户进入发表页面时,光标在回帖输入框内,默认弹出键盘。
1. 点击“关闭”按钮,则关闭当前回帖输入框。
“确认”按钮
3
1. 点击“√”,判断回帖输入框是否为空(输入框内没有文字或表情即为空):
若为空,则不可发布,toast提示“亲,您还没输入内容哦”;
若不为空,则可正常发布。
2. 发布过程中,若网络环境不稳定,则出现提示“网络未连接”。
3. 发布过程中需要卡页面,卡页面的框架如下:
回帖输入框
4
1. 点击照相机、选择图片按钮,判断当前已选照片张数,
若<9,则可使用照相机/选择图片功能;
若=9,则toast提示“最多只能选择9张图片!“,不做其他操作。
(选择照片页也要对已选总数做判断限制)
2. 点击选择图片按钮,若已选照片数=0,则直接进入选择照片页面;若已选照片数>=1,则下方弹出已选照片,弹出框样式及规则见图2.
当下方已有已选照片的弹出框,不管此时弹出框内是否有照片,点击选择照片按钮,收回已选照片弹出框,切换为虚拟键盘。
3. 若已选照片数>=1,照片按钮右上角显示数字,标明已选照片数;若=0,则不显示数字。
4. 点击表情包,下方出现表情包框;再次点击表情包按钮或点击文本输入框,则切换为虚拟键盘。
底部栏
5
1. 为空时:
若是回复主楼,则灰色字体显示“回复楼主:”;
若是回复回帖楼层,则灰色字体显示“回复XX楼:”。
输入文字/表情时,灰色提示文案消失。
2. 回帖内容限制2000字;当满一行时,自动换行,当前页面最多显示5行(更多内容需要上下拉动才可查看)
字数达到2000时,不可以继续输入;若用户继续输入,提示“已写满2000字”
3. 图片在输入框内显示为【表情】,例如【大哭】/【可爱】等
4. 支持手动换行;发布后在回复楼层保持换行效果。
1. 照片弹出框、表情弹出框高度一致。(看设计稿)
2. 根据用户选择照片顺序,最先选择的照片排在最前面,最后选择的照片排在最后面;
3.
若已添加图片数=0,则只显示添加图片入口;
若0<已添加图片数<9,则添加图片入口在最后添加的图片后面;
若已添加图片数=9,则不显示添加图片入口。
4. 从选择照片页添加图片,返回到回帖界面,定位到最后一张添加的图片。
5. 图片显示固定高度,宽度按照高度做比例压缩/拉伸显示;
当图片超过1屏,可左右拉查看更多。
6. 点击相片右上角叉号,可删除该照片;点击图片中央位置,可进入旋转页面。
7. 回帖发布后,帖子终端根据用户选择照片的顺序,依次显示图片;
8. 当照片删除为空时,仍保持下方的弹出框。
已选照片框
6
×
8
8
6
+
×
开发确认:照片弹出框/表情弹出框/虚拟键盘三者高度一致,
有没有问题?
网络未连接
发布过程中:出现以下进度条(带背景蒙层),显示发表进度。
发送失败:toast提示发表失败,并收起回帖输入栏。
发送失败:toast提示发表失败,并停留在当前页面,保持回帖输入框及回帖内容。
正在回帖,请稍后…
显示发表进度