回帖优化

回帖

回复楼主

回帖

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提示失败并停留在当前页面,保持回帖输入框及回帖内容。

正在回帖,请稍后…

u132_seg0

显示发表进度