计算机综合应用实践设计报告.doc

计算机综合应用实践设计报告

《计算机综合应用实践》设计报告

班级学号：
姓名：
成绩：

目 录

1 实验背景 1
2 实验目的及需求 1
3 实验环境 1
4 实验内容 1
5 实验结果 2
5.1导航页面 2
5.2登录界面 3
5.3 注册页面 4
5.4主页面 5
6 项目总结 9

1 实验背景
随着移动互联网的不断发展，人们的生活和工作从PC端逐渐向移动端过度，例如：手机，平板电脑，穿戴设备等等。这些设备大部分都是基于Android系统的，因此Android应用的出现给每种设备提供了多元化的内容。
2 实验目的及需求
（1）能够明白微信的界面制作方法
（2）能够掌握ViewPager的使用
（3）能够掌握简单的数据存储的方式
（4）能够实现页面之间数据的传输
（5）能够模拟用户登录并实现具体的登录功能
（6）能够完成微信界面的互相跳转和部分功能的实现
3 实验环境
（1）Eclipse+SDK(ADT插件)
（2）JDK1.7(JRE)
（3）运行是版本Android4.1.2
4 实验内容
（1）实现微信导航界面的功能
（2）实现微信登录界面的登录功能
（3）实现微信注册页面的注册功能
（4）实现模拟数据在微信主界面的展示(好友列表,联系人,发现,关于我)
5 实验结果
5.1导航页面:
页面效果图：

功能描述：
导航页面一共包含六个页面，每个页面主要是为了展示微信中具体的一个特色功能，例如视频聊天，摇一摇等等。
六个页面之间能够相互滑动，能够重复的查看没个页面具体的内容，六个页面之间的滑动是经过ViewPager实现的。
ViewPager在Android中能够实现页面或者是组件之间的相互滑动，在滑动的过程中还能够实现一些独特的功能，在每个页面滑动的过程中都能够添加或者监听相应的滑动操作。
当滑动到第六个页面的时候则导航的功能完成，即将进入到登录界面，进入如登录界面主要是经过按钮的点击进行一个简单的页面跳转功能，从而进入登录界面(LoginActivity).
功能实现的步骤：
（1）编写六个对应的界面
（2）将六个界面转化成对应View对象
（3）将六个View对象放入集合中(ArrayList)
（4）经过适配器将View资源设置到ViewPager里
界面使用的主要组件：
TextView,ViewPager, CommonPagerAdatper等等。
5.2登录界面：
页面效果图：

功能描述：
从导航界面进入登录界面后，如果用户有自己的用户名和密码，则能够在填写完用户名和密码后直接登录，如果用户没有自己的用户名和密码则进行用户名和密码则用户能够经过点击注册按钮进入注册页面进行用户名和密码的注册操作。
功能实现的步骤：
（1）登录页面的编写：主要使用布局管理器和相应的组件进行页面的制作，例如：输入框，按钮组件分别能够实现文本内容的输入和按钮的点击等等
（2）组件事件的添加：在完成界面后，要想实现相应的功能，必须给组件进行事件的添加，例如：单击事件(OnClickListener),输入框内容的取得(输入框对象.getText().toString.trim())等等。
（3）登录功能的实现：在点击的登录按钮的时候，先从存储用户名和密码的user.xml文件中读取(SharedPreferences读取)相应的用户信息，在读取内容完成后，将得到的内容和输入的内容进行比较操作，如果输入框输入的内容和从user.xml文件中得到的内容匹配，则跳转到主页面，否则的话提示用户用户名或者密码错误，从而引导用户输入正确的用户名和密码。
界面使用的主要组件：
ImageView实现返回按钮的返回功能；
View实现下划线或者分割线的效果；
TextView主要是负责页面文本内容的展示；
EditTextView主要是负责用户名和密码的输入；
Button简称按钮，主要负责点击时页面的跳转和具体内容的判断等等
5.3 注册页面
页面效果图：

功能描述：
本界面是在用户没有用户名和密码的时候，进行用户名和密码注册的界面，用户在本界面能够完成用户名和密码的注册，为以后的登录做准备，在用户进行注册的时候本程序采用的是临时文件的存储方式进行用户名和密码的保存(保存在user.xml文件中)，注册完成后直接从当前界面跳转到登录界面进行登录。
功能实现的步骤：
（1）编写注册页面，主要是注册内容的输入，在本界面有注册按钮，点击注册按钮的时候，会进行相应的操作。
（2）事件的设置，给按钮或者是文本输入框进行事件的设置，例如：在点击按钮的时候得到三个输入框的对应内容并执行存储操作，操作执行过程中让当前的Activity进行消失(调用当前Activity的finish()方法)。
（3）用户信息的存储，例如：用户名，密码，昵称等等，信息存储是使用SharedPreferences进行内容的存储操作，存储内容的文件为user.xml文件中。
界面使用的主要组件：
ImageView实现返回按钮的返回功能和头像的设置；
View实现下划线或者分割线的效果；
TextView主要是负责页面文本内容的展示；
EditTextView主要是负责用户名和密码的输入以及昵称；
Button简称按钮，主要负责点击时页面的跳转和具体信息的存储。
5.4主页面
页面效果图：

功能描述：
主页面主要是负责四个页面之间的相互切换操作，在切换的过程中使用的是ViewPager，从而实现和导航页面功能相似的滑动效果，在这里主要是为了能够在有限空间中展示更多信息。给用户一个好的体验等等。
功能实现的步骤：
（1）编写主页面的布局，本也米娜主要使用RelativeLayout布局管理器对页面进行布局，在本布局最底部实现是个样式相同的按钮，使这四个按钮永远处于屏幕的最下方在此过程中直接将ViewPager设置在Titile和Buttom直接(就是让ViewPager处于屏幕的中间)。
（2）在使用ViewPager实现页面滑动效果是，和导航页面的步骤是一样的可是在本页面中实现的滑动是使用Fragment(碎片化)实现的，在页面进行滑动时还能够改变底部按钮的背景颜色。
（3）除了页面能够滑动外，用户还能够点击对应的四个按钮进行页面的切换操作，主要是给四个按钮分别设置了单击事件(在一个Activity中如果想要同时给多个组件设置单击事件的话，能够让本Activity实现implements OnClickListener)。
界面使用的主要组件：
TextView负责文本信息的展示
ImageView负责图片内容的展示
Button主要一些单击事件的操作
ViewPager主要是负责页面的滑动
5.4.1好友列表页
页面效果图：

功能描述：
本界面主要是展示好友列表，列表中包括好友的昵称，个性签名，聊天的时间，在本页面使用ListView实现在同意界面展示相同布局文件多条内容的功能，在使用ListView的时候需要经过适配器(WeinXinListAdatper)进行布局的适配操作,适配器进行适配操作主要是把相同的布局的Item给ListView进行内容的设置。
功能实现的步骤：
（1）编写基本布局界面，界面中包括的Title和ListView
（2）找到ListView的对象(即实例化组件的对象)
（3）经过WeinXinListAdatper(适配器)对ListView的内容进行设置
（4）给ListView设置适配器(listView.setAdapter(adapter))
（5）给每个Item能够设置点击事件(listView.setOnItemClickListener (new OnItemClickListener())),在用户点击相应的Item的时候能够弹出相应的好友信息
界面使用的主要组件：
ImageView进行Item中头像的设置
TextView进行好友昵称，好友个性签名，聊天时间的展示

ListView(列表)主要负责展示多条内容
5.4.2联系人页面
页面效果图：

功能描述：
展示一个简单的页面，能够统计好友的数目。
功能实现的步骤：
主要是使用Android中常见的组件进行页面的简单编写
界面使用的主要组件：
ImageView负责展示图片
TextView负责展示文本
5.4.3发现(Discover)页面：
页面效果图

功能描述：
展示一个简单的页面
功能实现的步骤：
主要是使用Android中常见的组件进行页面的简单编写
界面使用的主要组件：
ImageView负责展示图片
TextView负责展示文本
5.4.4关于我界面
页面效果图

功能描述：
展示一个简单的页面，能够展示用户的一些详细的信息，例如：用户昵称，用户头像，用户的二维码名片等等。
功能实现的步骤：
(1)主要是使用Android中常见的组件进行页面的简单编写
(2)经过在本地存储的文件能够读取到用户的具体信息进行展示
界面使用的主要组件：
ImageView负责展示图片
TextView负责展示文本
6 项目总结
经过本次实验，了解了微信的界面制作方法，掌握了ViewPager的使用，掌握了简单的数据存储的方式，能够实现页面之间数据的传输，能够模拟用户登录并实现具体的登录功能，能够完成微信界面的互相跳转和部分功能的实现，总之，这次实验让我学到了很多关于android的知识。