移动设备应用程序用户界面设计课件.ppt

* * 第三章 用户界面设计 信息安全教学部 主要内容 基本应用程序控件介绍 用户界面设计原则与技巧 界面因素对用户界面的影响 .基本应用程序控件的介绍 目前,不论是基于PC的应用程序,还是基于Windows Mobile的移动设备应用程序,B/S架构的应用程序非常流行.主要因为B/S架构应用程序能够避免在客户端安装运行环境,同时,一旦在服务器部署了新版本的应用程序,用户只要登陆相应的站点,就能够立刻享受新的应用程序所带来的新的或更加强大的功能. B/S架构的优点 B/S架构的缺点 B/S架构的应用程序最突出的一个问题是表现能力弱. B/S架构的应用程序需要将所有的用户事件交服务器处理,并做出响应,使得原本简单的一个操作需要用户等待很长的时间.尽管可以通过客户端脚本代码来解决这一问题,但由于各种浏览器支持的脚本代码并不完全相同,因此需要开发出具有强大响应能力的B/S架构应用程序,我们必须对客户端脚本代码进行适配为此投入大量的人力和时间,在相应的开发成本急剧上升. .C/S的曙光 微软的SmartClient技术的提出,为C/S构架的应用程序带来了新的意义,使得原来较为独立的C/S架构的应用程序既拥有超强的表现力,又具备易部署,升级和维护的优点. C/S与B/S开发的比较 C/S架构的应用程序与B/S架构相比,它们的数据层和逻辑层往往没有太大的差别,区别往往在用于界面的设计. B/S架构应用程序的用户界面设计起来比较容易,其界面展示(HTML代码)和界面(后台托管代码)是分离的,因此可以由专门的人员对界面两部分进行开发. C/S架构的应用程序界面的展示和界面的逻辑是混杂在一起的,都要由开发人员把握. 使用控件创建应用程序界面 使用控件 .NET Compact Framework中提供了很多基本的控件,它们和桌面计算机应用程序中使用的控件非常类似,操作起来也基本一致. 除了大量的基本控件外,.NET Compact Framework还提供了很多仅用于Mobile系统的控件,或针对Mobile控件改变了这些控件的行为. 用DocumentList控件浏览”我的文档” DocumentList控件用于浏览”我的文档”文件夹中的文档. 常用属性 Filter 文档的过滤器,用来指定可以浏览的文件类型. SelectDirectory 当前浏览的目录. 常用事件 DeletingDocument 当用户从DocumentList控件中删除一个文档时发生. DocumentActivated 当用户从DocumentList控件中选择一个文档时发生. SelectedDirectoryChanged DocumentList所显示的目录发生变化时触发. 案例: DocumentList控件的基本使用 使用Notification控件显示信息 Notification控件用来向用户显示一个”气球提示”. 常用属性: Catption 表示气球提示的标题文字. Critical 表示提示的重要性,为真提示为红色外框. Icon 表示气球提示中显示的图标. InitalDuration 表示气球提示显示的时间,以秒为单位,默 认为10(如果将值该为0,则气球不会出现,只有图 标出现在标题栏中). Text 表示气球提示中显示的文字,可以是纯文 本,也可以HTML代码. Visible 表示气球提示是否可见. 使用Notification控件显示信息 常用方法: BalloonChanged 当气球被显示或被隐藏 时发生. ResponseSubmitted 当用户单击了Notification中的一个HTML按钮或超链接时发生. 案例: Notification控件的基本使用 控件布局的基本原则 控件的体积要足够大 用户在使用移动设备时,通常倾向于单手操作. 单手操作是不使用输入笔,而是使用手指头直 接对屏幕进行点击操作.很显然手指与屏幕的 接触面远大于输入笔的接触面,只有控件的体 积调整的足够大,才能满足用户的需求. 控件之间的距离要足够大 不论用户是使用输入笔还是手指直接进 行操作,在点触屏幕的时候都不可避免会 造成点触位置的偏差.这就要求在控件 之间要保留足够大的距离,否则很容 易发 生误操作. 控件布局的基本原则 控件和图标之间的区别要明显 由于目前大量的移动