Mobile view: webxoss battle field

[Deardrops]

在线预览请戳下方链接：

webxoss 对战界面 原型设计

---

预览图 ver 0.0.1

说明

1. 基本保持PC视图的背景，对宽度做严格限制（不允许左右滑动，只允许上下滑动）。
2. 将主卡组、废弃区、分身区、分身废弃区简化为文字并显示数量，（如果可以查看的话，）点击后在对话框中显示该区域的所有卡片。同时也显示手牌和硬币的数量。
3. 能量区的卡片适当缩小以显示更多数量的卡片。
4. 为了显示清晰操作方便，6张卡一行摆放自己的手牌，超过6张在下一行摆放。对手的卡片仍然按照PC视图的摆放方式（在一行中堆叠）。
5. 对话框与PC视图一样。

需要进一步讨论的问题

1. 查看一张卡的详细信息，用什么样的行为确定要查看的卡，如何显示当前查看的卡。

[Deardrops]

个人意见

添加一个Header，固定在屏幕的最上方。header上有一些icon代表功能按钮。比如聊天，投降，下一步，自动播放，保存录像。
其中一个是预览模式的按钮。点击后进入预览模式，预览模式中，点击一张卡片只会立即在弹出层中显示这张卡片的详细信息。弹出层可以滑动，滑动到最上方可以收起弹出层。（这里类似于android状态栏下拉后收起的过程）
聊天窗口通过点击聊天按钮弹出，关闭方式类似。
可以在聊天按钮上用小红点显示新的聊天信息（和数量），也可以在设置中开启在header的下方显示最新的一条聊天信息。

[webxoss]

• 计算一下宽高？
• 手牌如果像炉石那样呢？
• 卡片上应该无法放按钮，有按钮的卡片加亮边框，点击后出现选项，选项加入查看详情？

[webxoss]

想起来 PC 布局也是用心设计的，怀恋。

[Deardrops]

预览图 ver 0.0.2

不知会不会被暴雪公司打死

担心20张手牌的时候会操作困难。

卡片上应该无法放按钮，有按钮的卡片加亮边框，点击后出现选项，选项加入查看详情？

卡片上是可以放button的，只是多个botton容易误触。
这种实现也可以，可能会出现正在查看详情时，由于对方的某个操作（比如卡组重构）突然被打断，转入新的"画面“而无法继续查看详情的情况。这种情况要如何处理呢？