绍android手机界面的特点,然后描述了新浪微博客户端界面应该满足那些需求,并做了分析。接下来详细描述每一个界面是如何设计的。
第四章详细介绍了每一个界面的设计思想及各个界面之间的跳转实现。
第五章介绍了系统界面测试条件、测试流程、测试用例和测试结果。
第六章主要写了本文工作总结和进一步工作打算。
第二章 平台与开发工具
2.1 开发平台介绍
本设计采用windows xp/7作为开发平台,由于windows系列操作系统做为市场份额最大的PC操作系统,无论是用户数还是基于windows平台应用数都是遥遥领先的。大多数开发者都会选择此平台作为开发平台,而且很多应用在windows 平台提供了的相应的开发工具,如eclipse、QT等。所以本论文采用windows平台作为开发平台。
2.2 开发工具eclipse简介
Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。幸运的是,Eclipse 附带了一个标准的插件集,包括 Java 开发工具(Java Development Kit,JDK)。 虽然大多数用户很乐于将 Eclipse 当作 Java 集成开发环境(IDE)来使用,但 Eclipse 的目标却不仅限于此。Eclipse 还包括插件开发环境(Plug-in Development Environment,PDE),这个组件主要针对希望扩展 Eclipse 的软件开发人员,因为它允许他们构建与 Eclipse 环境无缝集成的工具。由于 Eclipse 中的每样东西都是插件,对于给 Eclipse 提供插件,以及给用户提供一致和统一的集成开发环境而言,所有工具开发人员都具有同等的发挥场所。 本论文安装的是Android 开发插件。
2.3 开发语言与开发环境
由于Android上层应用的开发是使用Java语言的。所以,本文开发语言为java。开发Android 项目需要android 开发包(android_sdk_forWindows),所以eclipse装有android开发插件,从而运行Android 模拟器 ,模拟android智能手机。
第三章 新浪微博开发客户端界面分析与设计
3.1 android 手机界面的特点
由于Android系统是一款手机操作系统,所以基于此系统的应用开发也是基于手机屏幕大小的。手机屏幕大小不一,但要求软件能够适应不同大小的手机屏幕,也就是界面能够自动适应,而且屏幕能够翻转(基于重力感应使屏幕画面自动水平和垂直切换)。Android 界面由两大基本组件组成:即容器和控件。一个窗口由一个基本的容器组成, 容器中可以放容器或者控件,每一个容器或者控件都有大小、长宽等属性。
在一个android 应用中,一个Activity(Activity是android中最常用也是最基本的组件)通常就是一个单独的屏幕,每一个Activity都被实现为一个独立的类,并且继承Activity这个子类。Activity提供了与用户交互的可视化界面。创建一个Activity一般继承Activity父类。覆盖Activity的onCreate()方法,在该方法中调用setOnContextView()方法来展示要显示的视图,括号中是系统生成的资源文件R.java中的layout 类中布局资源xml文件生成的id①。
图 3-1 显示界面的类的特点
id①指定控件的ID,相当于给控件一个唯一标记。然后再程序中可以通过ID获取控件实例,来进行使用。
图 3-2 项目资源文件示例
整个Android 项目对各个文件做了划分不同文件在不同文件夹中,android使用xml文件作为系统的布局文件,android 资源文件和 文件夹如图所示:
图 3-3 android资源文件夹及布局文件示例
要想控制手机界面的显示方式,则必须使用布局这一概念。下面讲解一下Android 各种布局:布局就像容器,里面可以装下很多控件。布局里面还可以套用其他的布局。这样就可以实现界面的多样化以及设计的灵活性。
1.LinearLayout(线性)布局: 线性版面配置,在这个标签中,所有元件都是按由上到下的排队排成的。
2. RelativeLayout(相对布局)就是以相对的方式定位布局,允许子元素指定他们相对于其它元素或父元素的位置(通过ID指定)。示例如下:
图 3-4 相对布局示例
3.FrameLayout(帧布局)是最简单的一个布局对象。是一个框架布局样式,可以用include标签载入定义的另一个layout文件,所有的子元素将会固定在屏幕的左上角;你不能为FrameLayout中的一个子元素指定一个位置。后一个子元素将会直接在前 一个子元素之上进行覆盖填充,把它们部份或全部挡住(除非后一个子元素是透明的)。
4.TableLayout(表格布局) 是一种类似表格的布局,这种布局会把包含的元素以行和列进行排列。表格的列数为所有行中的最大列数;每一行可以是一个TableRow布局对象,也可以是普通的View(视图)对象,TableRow里面每一个元素占一列TableLayout总列数由列数最多的那一行决定。示例如下:
图 3-5 表格布局示例
因此,要想实现各种显示效果,可根据不同的界面需求,选用不同的布局方法。
3.2 android 新浪微博客户端需求分析
作为android 应用程序,一般都会设计相应的启动界面已给用户良好的使用感受。所以,程序首先要设计启动界面,停留3-5秒, 然后进入登陆或者其他界面。系统设计是根据手机数据库中是否保存用户信息(是否是程序第一次启动),如果数据库中包含用户信息,则跳到用户登录界面,在此界面用户可以选择登录账号进行登录,或则可以选择"添加账号"进入授权页面重新进行授权。当数据库中无任何用户信息(程序第一次启动)时,进入前往授权页面请求页面,如果用户同意,则打开浏览器,转到新浪微博授权页面,如果不同意,则退出程序。授权成功(或用户在登录界面点击登录)之后, 跳转到用户首页,也就是系统主界面,主界面中各项显示内容在具体章节中介绍在此不予介绍。点击每一条微博信息时,进入微博信息显示界面。写微博界面有添加图片功能可以发送图片,界面背景更换界面 可以换背景图片。
3.3 新浪微博客户端用户界面的分析与设计
3.3.1 系统启动界面
启动界面是系统的第一个界面,目的是给用户一种直观的感受,给用户一种良好的感觉。启动界面的布局文件由一个Linearlayout(线性布局) 构成,里面包含一个ImageView (图片控件)并填充整个手机界面,考虑到横竖屏切换和屏幕大小,在res的drawable-hdpi、drawable-ldpi和drawable-mdpi三个文件夹分别放三种尺寸图片,分辨路为854x480、480x854、320x240、240x320、480x320、320x480并且启动画面要覆盖整个手机屏幕,效果如下:
图3-6 启动界面横屏
图3-7 启动界面竖屏
3.3.2 系统登录界面
在需求分析一节中已经提到,当程序第一次启动时会跳到是否前往授权页面,点击开始按钮打开浏览器进行授权认证。整个界面用一张图片作为背景,在界面中间显示一个对话框(Dialog),对话框的内容采用相对布局,这样可以调节各个控件在对话框中的位置。对话框的大小也采用背景图片来控制,两个按钮在一个对话框上面上,对话框左上角显示提示性小图标,小图标右侧显示对话框标题文字,对话框上放置开始与取消按钮放在对话框内的下方,在对话框中间显示对话框内容,同时支持横竖屏切换。
当用户使用此客户端成功登陆授权之后,数据库中已经保存了用户下次可以登录的信息,启动界面后将跳到登陆界面,整个界面的内容采用相对布局。在登录界面右上角添加账号的图片按钮,与父容器右侧对齐。,中间有一个ImageView(头像显示框),头像下方是一个用户昵称显示框(EditText)、下拉按钮和登录按钮,这些控件在一起采用相对布局
上一篇:
Android文件管理器毕业设计论文
下一篇:
计算机网络毕业论文