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

1、计算机综合应用实践设计报告班级学号：姓名：成绩：目录1 实验背景 0.2 实验目的及需求 0.3 实验环境 0.4 实验内容 0.5 实验结果 1.5.1导航页面 1.5.2登录界面 2.5.3 注册页面 3.5.4主页面 4.6 项目总结 8.1 实验背景随着移动互联网的不断发展， 人们的生活和工作从 PC 端逐渐向移动端过度， 例如：手机，平板电脑，穿戴设备等等。这些设备大部分都是基于 Android 系统 的，所以 Android 应用的出现给每种设备提供了多元化的内容。2 实验目的及需求（1）能够明白微信的界面制作方法（2）能够掌握 ViewPager 的使用（3）能够掌握简单的数据存

2、储的方式（4）能够实现页面之间数据的传输（5）能够模拟用户登录并实现具体的登录功能（6）能够完成微信界面的互相跳转和部分功能的实现3 实验环境（1）Eclipse+SDK（ADT 插件 ）（2）JDK1.7（JRE）（3）运行是版本 4 实验内容（1）实现微信导航界面的功能（2）实现微信登录界面的登录功能（3）实现微信注册页面的注册功能（4）实现模拟数据在微信主界面的展示 （好友列表 ,联系人,发现,关于我）5实验结果5.1导航页面:页面效果图: I 7:07按住就艦说话聊天是如此简单轻抬竇倍，是一个生活方式遇过视頻聊天 你甚至可臥和朋忘们 面对面沟通功能描述：导航页面一共包含六个页面，每个页

3、面主要是为了展示微信中具体 的一个特色功能，例如视频聊天，摇一摇等等。六个页面之间可以相互滑动，能够重复的查看没个页面具体的内容, 六个页面之间的滑动是通过 ViewPager实现的。ViewPager在An droid中能够实现页面或者是组件之间的相互滑动， 在滑动的过程中还可以实现一些独特的功能，在每个页面滑动的过程中 都可以添加或者监听相应的滑动操作。当滑动到第六个页面的时候则导航的功能完成，即将进入到登录界 面，进入如登录界面主要是通过按钮的点击进行一个简单的页面跳转功 能，从而进入登录界面(LoginActivity).功能实现的步骤：(1) 编写六个对应的界面(2) 将六个界面转化

4、成对应View对象(3) 将六个 View对象放入集合中(ArrayList)(4) 通过适配器将 View资源设置到ViewPager里界面使用的主要组件：TextView,ViewPager, CommonPagerAdatpe等等。5.2登录界面:页面效果图: 7:26便用手机号豐暈*66空码功能描述：从导航界面进入登录界面后，如果用户有自己的用户名和密码，则可以 在填写完用户名和密码后直接登录，如果用户没有自己的用户名和密码则进行用 户名和密码则用户可以通过点击注册按钮进入注册页面进行用户名和密码的注 册操作。功能实现的步骤：(1) 登录页面的编写：主要使用布局管理器和相应的组件进行页

5、面的制作， 例如：输入框，按钮组件分别可以实现文本内容的输入和按钮的点击等等(2) 组件事件的添加：在完成界面后，要想实现相应的功能，必须给组件 进行事件的添加，例如：单击事件(OnClickListener),输入框内容的取得(输入框对 象.getText().toStri ng.trim ()等等。(3) 登录功能的实现：在点击的登录按钮的时候，先从存储用户名和密码的user.xml文件中读取(SharedPreferenee读取)相应的用户信息，在读取内容完成后，将得到的内容和输入的内容进行比较操作，如果输入框输入的内容和从 user.xml文件中得到的内容匹配，则跳转到主页面，否则的话

6、提示用户用户名或 者密码错误，从而引导用户输入正确的用户名和密码。界面使用的主要组件：ImageView实现返回按钮的返回功能；View实现下划线或者分割线的效果；TextView 主要是负责页面文本内容的展示；EditTextView主要是负责用户名和密码的输入；Button简称按钮，主要负责点击时页面的跳转和具体内容的判断等等5.3注册页面页面效果图：填写手机号昵称同窘和地区* 12:51+B6密阳注册血击上面打注丹抗扯即義忑怖同竜辺龍兰 软件许可及恥劳协妙功能描述:本界面是在用户没有用户名和密码的时候，进行用户名和密码注册的界面，用户在本界面可以完成用户名和密码的注册，为以后的登录做准备

7、，在用户 进行注册的时候本程序采用的是临时文件的存储方式进行用户名和密码的保存 （保存在user.xml文件中），注册完成后直接从当前界面跳转到登录界面进行登录。功能实现的步骤：（1）编写注册页面，主要是注册内容的输入，在本界面有注册按钮，点击 注册按钮的时候，会进行相应的操作。（2）事件的设置，给按钮或者是文本输入框进行事件的设置，例如：在点击按钮的时候得到三个输入框的对应内容并执行存储操作，操作执行过程中让当前的Activity进行消失（调用当前Activity的finish（）方法）。（3）用户信息的存储，例如：用户名，密码，昵称等等，信息存储是使用SharedPrefere nee进行

8、内容的存储操作，存储内容的文件为user.xml文件中。界面使用的主要组件：ImageView实现返回按钮的返回功能和头像的设置；View实现下划线或者分割线的效果；TextView 主要是负责页面文本内容的展示；EditTextView主要是负责用户名和密码的输入以及昵称； Button简称按钮，主要负责点击时页面的跳转和具体信息的存储。5.4主页面页面效果图:日 1 D4+ Q今上甲证初葺初斥天上*I新的馳Tl徹情+ Q甘!fl学习1天天向上n说号鞭目%扫-扫I轶A柱規左左擱国凤HDCaeftA內辰PF秋工业学院功能描述:主页面主要是负责四个页面之间的相互切换操作，在切换的过程中使用的是V

9、iewPager，从而实现和导航页面功能相似的滑动效果，在这里主要是为了 能够在有限空间中展示更多信息。给用户一个好的体验等等。功能实现的步骤：（1） 编写主页面的布局，本也米娜主要使用 RelativeLayout布局管理器对 页面进行布局，在本布局最底部实现是个样式相同的按钮， 使这四个按钮永远处 于屏幕的最下方在此过程中直接将 ViewPager设置在Titile和Buttom直接僦是 让ViewPager处于屏幕的中间）。（2）在使用ViewPager实现页面滑动效果是，和导航页面的步骤是一样的但是在本页面中实现的滑动是使用Fragment碎片化）实现的，在页面进行滑动时还可以改变底部

10、按钮的背景颜色。（3）除了页面可以滑动外，用户还可以点击对应的四个按钮进行页面的切换操作，主要是给四个按钮分别设置了单击事件（在一个Activity中如果想要同时给多个组件设置单击事件的话，可以让本 Activity 实现implements On ClickListe ner）。界面使用的主要组件：TextView负责文本信息的展示ImageView负责图片内容的展示Button主要一些单击事件的操作ViewPager主要是负责页面的滑动好友列表页页面效果图：准耐天上午卞ft HEDflMIIzbbmsHQ苔押产sm理小此軽 欝帰核申干蓝 日冲劭目屈.忻MHfl人功能描述:本界面主要是展示好

11、友列表，列表中包括好友的昵称，个性签名， 聊天的时间，在本页面使用ListView实现在同意界面展示相同布局文件多条 内容的功能，在使用ListView 的时候需要通过适配器（WeinXinListAdatper）进行布局的适配操作，适配器进行适配操作主要是把相同的布局的Item给ListView进行内容的设置。功能实现的步骤：（1）编写基本布局界面，界面中包括的 Title和ListView（2）找到ListView的对象（即实例化组件的对象）（3）通过 WeinXinListAdatper（适配器）对ListView的内容进行设置（4）给 ListView 设置适配器（listView.s

12、etAdapter（adapter）（5）给每个 Item 可以设置点击事件（listView.setOnltemClickListener（new OnItemClickListener（）,在用户点击相应的Item的时候可以弹出相应的好友信息界面使用的主要组件：ImageView进行Item中头像的设置TextView进行好友昵称，好友个性签名，聊天时间的展示ListView（列表）主要负责展示多条内容联系人页面页面效果图:功能描述:展示一个简单的页面，能够统计好友的数目功能实现的步骤：主要是使用An droid中常用的组件进行页面的简单编写界面使用的主要组件：ImageView负责展示图片TextView负责展示文本发现(Discover)页面：页面效果图%扫一扫X)備一福功能描述:展示一个简单的页面功能实现的步骤：主要是使用An droid中常用的组件进行页面的简单编写界面使用的主要组件：ImageView负责展示图片TextView负责展示文本544关于我界面页面效果图E践包功能描述：展示一个简单的页面，可以展示用户的一些详细的信息，例如：用 户昵称，用户头像，用户的二维码名片等等。功能实现的步骤：(1) 主要是使用An droid中常用的组件进行页面的简单编写(2) 通过在本地存储的文件可以读取到用户的具体信息进行展示界面使用的主要组件：Imag