发帖

u8_start u8_end u8_line

标题(最多35个字)

春季应该是一年中最美的季节,轻轻吟唱的和风温柔的吻着

行人的脸。碧草如丝,青翠欲滴。万条垂下的柳枝柔美

风摇曳着柔若无骨的风情。

春季应该是一年中最美的季节,轻轻吟唱的和风温柔的吻着

拉动调序

1. 前置条件:

在普通帖编辑页,长按编辑框内的某张照片(称为目标照片,下同)

1

1

拉动调序功能说明

建议具体可查看安卓版的汽车之家资讯端,论坛发帖的操作

2. 页面交互

 

目标照片

C

B

目标照片

C

B

A

D

A

D

C

B

A

D

目标照片

C

B

A

D

目标照片

C

B

A

D

目标照片

C

B

A

D

目标照片

正常显示

目标照片被长按时

目标照片上拉过程中

(2)目标照片被上拉的过程中:

• 若目标照片的上边界超过另一张照片B(或文字蓝色框B)的上边界,则照片B自动下移(此时目标照片在B原先位置范围);

• 未超过或恰好重合,则照片B始终保持其所在位置。

 

(3)目标照片被下拉的过程中

• 若目标照片的边界超过另一张照片C(或文字蓝色框C)的上边界,则照片C自动,照片C原先所处位置为空;

• 未超过或恰好重合,则照片C始终保持其所在位置。

 

(4)上拉/下拉后松手:

根据上述2、3点,照片位置发生调整;松手时保持最终调整的照片排序;

松手时,若目标照片的上/下边界未超过其他照片,则目标照片返回到原先所在位置

• 松手时,照片恢复正常显示,文字恢复正常。

 

(1)目标照片被长按时

• 编辑框内所有照片变成细条,图片备注操作按钮都不显示可上下拉动截取图片中央位置,具体截取大小参见设计稿);

• 每张照片上方文字、最后一张照片下方的文字分别独立蓝色框框住,会随图片移动调整位置框高为3行文字高度,超过3行截字处理

所有操作功能都被隐藏(删除按钮、点击跳转旋转页、备注栏)

u115_start u115_end u115_line
u116_start u116_end u116_line

目标照片、B的上边界未重合,B保持不动。

 

若此时松手,自上而下依次为:A、B、目标照片、C、D

当目标照片上边界超过B的上边界时,B移到目标照片下方的位置。

 

若此时松手,自上而下依次为:A、目标照片、B、C、D。

目标照片过程中

u123_start u123_end u123_line
u124_start u124_end u124_line

目标照片、C边界未重合,C保持不动。

 

若此时松手,自上而下依次为:A、B、目标照片、C、D

当目标照片边界超过C边界时,C移到目标照片方的位置。

 

若此时松手,自上而下依次为:A、B、C、目标照片、D。