WP7应用开发笔记(3) 界面设计

界面设计

回顾一下按钮清单:

播放控制 播放/暂停 Space
  停止 F4
  快进 Right
  快退 Left
  快进X2 Control+Right
  快退X2 Control+Left
  快进X3 Alt+Right
  快退X3 Alt+Left
音量 放大 Up
  缩小 Down
  静音 M
节目 下一个 PageDown
  上一个 PageUp

基本上就是把这些按钮布置到480*800的屏幕上。

 

快进按钮设计

不过有个地方有点不舒服,就是快进、快退居然有3套,而且功能相似只是速度不同,如果像这样摆放6个按钮一定很不爽。

之前再说点题外话,就是为什么没有用拖动进度条的方式。因为实现起来比较麻烦,需要API或者Windows消息。加上现在播放器大部分有断点续播,我不能设计进度条为从0开始。

继续说快进,虽然我没有做过触控设备的开发,不过好歹我用了几个月的Omnia7,还是知道这里应该利用一下触屏设备的特性来完成。

触控设备的功能之一就是滑动,而且还能获取方向和速度,方向决定了进或退,而速度决定了进退的比率。恩,不错就这样。

下面的问题是这个控件的外观,那么我又有2种方案:

1 长方形 左、右滑动

2 圆形 顺时针、逆时针滑动(IPod拿来主义)

为了操纵的连贯性我选择了圆形,不知道是否侵权,反正研究用嘛~

 

总体布局

根据WP7的一些设计原则,多用图标少文字和一些图标大小的要求,大概规划出了界面的设计

,操作图标源于生活中的遥控器,基本上都能认识。

草图如下:(鼠绘比较丑见笑了)

posted @   kiminozo  阅读(1676)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
点击右上角即可分享
微信分享提示