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的一些设计原则,多用图标少文字和一些图标大小的要求,大概规划出了界面的设计
,操作图标源于生活中的遥控器,基本上都能认识。
草图如下:(鼠绘比较丑见笑了)
转载于:https://www.cnblogs.com/kiminozo/archive/2012/01/25/2329362.html
WP7应用开发笔记(3) 界面设计相关推荐
- Android开发——APP门户界面设计
AS开发--APP门户界面设计01 内容简介 需求分析 UI设计 top content bottom 后端功能设计 top content bottom 代码模块讲解 layout activity ...
- 【Qt设计开发】GUI界面设计开发
文章目录 一.Qt简介和下载安装 二.Qt入门 2.1 创建第一个项目 2.2 快捷键和命名规范 2.3 Qt项目和VS2022项目相互转换 三.Qt基础 3.1 Qt对象树和窗口坐标系概念 3.2 ...
- XMPP通讯开发-好友获取界面设计
在XMPP通讯开发-服务器连接 中我们成功连接到服务器上面,然后进入到主界面,接下来就是获取好友列表,这里我们分段开发,首先就是界面的设计,这里仿照QQ好友界面,里面的数据先是用模拟的,下一章获取服务 ...
- 基于C#的AE二次开发之主界面设计
上篇文章介绍了AE的安装与配置,下面介绍在VS2012中AE的简单主界面设计方法. 一.项目创建 1.打开VS2012建立项目 在打开界面后,点击新建项目,在弹出的界面中选择Visual C#--Ar ...
- Android UI开发——Material Design界面设计【详细】
转自:http://colachan.com/post/3416 找了很多Material Design的资料,终于找到一篇比较靠谱的.能看懂的,我认为非常有用的学习资料,就像他们说的,只要你按Mat ...
- 安卓移动开发技术--微信界面设计
1.内容:请根据课程实现App门户界面框架设计,至少包含4个tab页,能实现tab页之间的点击切换: 2.技术:使用布局和分段,对控件进行点击监听 实现界面展示: 一.界面布局分析 1.先对butto ...
- 使用 Dev-C++开发windows程序界面设计
很多年前学过C++,但没有怎么使用过.最近有时间,准备重新学起来,以便可以编写自己喜欢的程序. 关于C++编译器,讨论文章已经很多.详细对比的文章也很多,我只是说说我一个初学者的感受. 就我自己而言, ...
- 安卓开发 微信ui界面设计 (Android Studio)
功能: 开发一个类似微信的主页面框架,UI布局为上中下结构,包含4个tab界面: 开发技术为: layout xml.控件.监听,fragment: 设计流程: 创建项目 改下项目名,编程语言为jav ...
- WP7应用开发笔记(8) IP输入框控件
因为需要在手机上配置IP,我需要一个界面输入IP地址,虽然直接使用TextBox,但是这样不太友好,我希望能够有和Windows网络设置上一样的IP输入框.所以决定写一个自定义控件. 设计控件外观 4 ...
最新文章
- Eclipse运行Applet没有显示图片,getCodeBase,getDocumentBase
- Git的GUI工具sourcetree的使用
- Qt学习笔记之GUI基本知识
- asp.net MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction区别
- Lua面向对象之二:类继承
- 日文汉字乱码转码显示汉字
- 视频通信中的码率控制算法
- Pluck Cms文件上传结合命令执行复现
- html与jsp、jsp与jsp之间的交互
- 操作系统 - Linux - Ubuntu
- C语言程序设计-同一天生日[综合应用]
- chrome html 打印预览,Chrome打印预览错误
- 无法安装office此计算机安装了32位,在电脑上安装64位Office2013出错提示找到了32位程序如何解决...
- 数据库总结:--有道笔记整理
- mysql企业备份工具(MEB)之mysqlbackup安装及使用
- Matlab和stk通过connector连接,win7下亲测好用
- Java--进制转换(一)
- 计算机办公软件教程ppt,办公软件教学课件
- php 5.3.5 安装_php5.3下载|php 5.3.5 VC6版下载 附安装图解 - 121下载站
- Windows下载android2.2完整源码