1、计算机综合应用实践设计报告班级学号：姓名：成绩：目 录1 实验背景 12 实验目的及需求 13 实验环境 14 实验内容 15 实验结果 25.1 导航页面 .25.2 登录界面 .35.3 注册页面 45.4 主页面 .56 项目总结 901 实验背景随着移动互联网的不断发展，人们的生活和工作从 PC 端逐渐向移动端过度，例如：手机，平板电脑，穿戴设备等等。这些设备大部分都是基于 Android系统的，所以 Android 应用的出现给每种设备提供了多元化的内容。2 实验目的及需求（1）能够明白微信的界面制作方法（2）能够掌握 ViewPager 的使用（3）能够掌握简单的数据存储的方式（4
2、）能够实现页面之间数据的传输（5）能够模拟用户登录并实现具体的登录功能（6）能够完成微信界面的互相跳转和部分功能的实现3 实验环境（1）Eclipse+SDK(ADT 插件)（2）JDK1.7(JRE)（3）运行是版本 Android4.1.24 实验内容（1）实现微信导航界面的功能（2）实现微信登录界面的登录功能（3）实现微信注册页面的注册功能（4）实现模拟数据在微信主界面的展示(好友列表,联系人,发现,关于我)15 实验结果5.1 导航页面:页面效果图：功能描述：导航页面一共包含六个页面，每个页面主要是为了展示微信中具体的一个特色功能，例如视频聊天，摇一摇等等。六个页面之间可以相互滑动，能
3、够重复的查看没个页面具体的内容，六个页面之间的滑动是通过 ViewPager 实现的。ViewPager 在 Android 中能够实现页面或者是组件之间的相互滑动，在滑动的过程中还可以实现一些独特的功能，在每个页面滑动的过程中都可以添加或者监听相应的滑动操作。当滑动到第六个页面的时候则导航的功能完成，即将进入到登录界面，进入如登录界面主要是通过按钮的点击进行一个简单的页面跳转功能，从而进入登录界面(LoginActivity).功能实现的步骤：（1）编写六个对应的界面（2）将六个界面转化成对应 View 对象2（3）将六个 View 对象放入集合中(ArrayList)（4）通过适配器将 V
4、iew 资源设置到 ViewPager 里界面使用的主要组件：TextView,ViewPager, CommonPagerAdatper 等等。5.2 登录界面：页面效果图：功能描述：从导航界面进入登录界面后，如果用户有自己的用户名和密码，则可以在填写完用户名和密码后直接登录，如果用户没有自己的用户名和密码则进行用户名和密码则用户可以通过点击注册按钮进入注册页面进行用户名和密码的注册操作。功能实现的步骤：（1）登录页面的编写：主要使用布局管理器和相应的组件进行页面的制作，例如：输入框，按钮组件分别可以实现文本内容的输入和按钮的点击等等（2）组件事件的添加：在完成界面后，要想实现相应的功能，必
5、须给组件进行事件的添加，例如：单击事件(OnClickListener), 输入框内容的取得(输入框对象.getText().toString.trim() 等等。（3）登录功能的实现：在点击的登录按钮的时候，先从存储用户名和密码的 user.xml 文件中读取(SharedPreferences 读取)相应的用户信息，在读取内容完3成后，将得到的内容和输入的内容进行比较操作，如果输入框输入的内容和从user.xml 文件中得到的内容匹配，则跳转到主页面，否则的话提示用户用户名或者密码错误，从而引导用户输入正确的用户名和密码。界面使用的主要组件：ImageView 实现返回按钮的返回功能；Vi
6、ew 实现下划线或者分割线的效果；TextView 主要是负责页面文本内容的展示；EditTextView 主要是负责用户名和密码的输入；Button 简称按钮，主要负责点击时页面的跳转和具体内容的判断等等5.3 注册页面页面效果图：功能描述：本界面是在用户没有用户名和密码的时候，进行用户名和密码注册的界面，用户在本界面可以完成用户名和密码的注册，为以后的登录做准备，在用户进行注册的时候本程序采用的是临时文件的存储方式进行用户名和密码的保存(保存在 user.xml 文件中) ，注册完成后直接从当前界面跳转到登录界面进行4登录。功能实现的步骤：（1）编写注册页面，主要是注册内容的输入，在本界面
7、有注册按钮，点击注册按钮的时候，会进行相应的操作。（2）事件的设置，给按钮或者是文本输入框进行事件的设置，例如：在点击按钮的时候得到三个输入框的对应内容并执行存储操作，操作执行过程中让当前的 Activity 进行消失(调用当前 Activity 的 finish()方法)。（3）用户信息的存储，例如：用户名，密码，昵称等等，信息存储是使用SharedPreferences 进行内容的存储操作，存储内容的文件为 user.xml 文件中。界面使用的主要组件：ImageView 实现返回按钮的返回功能和头像的设置；View 实现下划线或者分割线的效果；TextView 主要是负责页面文本内容的展
8、示；EditTextView 主要是负责用户名和密码的输入以及昵称；Button 简称按钮，主要负责点击时页面的跳转和具体信息的存储。5.4 主页面页面效果图：功能描述：主页面主要是负责四个页面之间的相互切换操作，在切换的过程中使用5的是 ViewPager，从而实现和导航页面功能相似的滑动效果，在这里主要是为了能够在有限空间中展示更多信息。给用户一个好的体验等等。功能实现的步骤：（1）编写主页面的布局，本也米娜主要使用 RelativeLayout 布局管理器对页面进行布局，在本布局最底部实现是个样式相同的按钮，使这四个按钮永远处于屏幕的最下方在此过程中直接将 ViewPager 设置在 T
9、itile 和 Buttom 直接(就是让 ViewPager 处于屏幕的中间)。（2）在使用 ViewPager 实现页面滑动效果是，和导航页面的步骤是一样的但是在本页面中实现的滑动是使用 Fragment(碎片化)实现的，在页面进行滑动时还可以改变底部按钮的背景颜色。（3）除了页面可以滑动外，用户还可以点击对应的四个按钮进行页面的切换操作，主要是给四个按钮分别设置了单击事件(在一个 Activity 中如果想要同时给多个组件设置单击事件的话，可以让本 Activity 实现 implements OnClickListener)。界面使用的主要组件：TextView 负责文本信息的展示Im
10、ageView 负责图片内容的展示Button 主要一些单击事件的操作ViewPager 主要是负责页面的滑动 65.4.1 好友列表页页面效果图：功能描述：本界面主要是展示好友列表，列表中包括好友的昵称，个性签名，聊天的时间，在本页面使用 ListView 实现在同意界面展示相同布局文件多条内容的功能，在使用 ListView 的时候需要通过适配器(WeinXinListAdatper)进行布局的适配操作,适配器进行适配操作主要是把相同的布局的 Item 给 ListView 进行内容的设置。功能实现的步骤：（1）编写基本布局界面，界面中包括的 Title 和 ListView（2）找到 L
11、istView 的对象(即实例化组件的对象)（3）通过 WeinXinListAdatper(适配器)对 ListView 的内容进行设置（4）给 ListView 设置适配器(listView.setAdapter(adapter)（5）给每个 Item 可以设置点击事件(listView.setOnItemClickListener (new OnItemClickListener(),在用户点击相应的 Item 的时候可以弹出相应的好友信息界面使用的主要组件：ImageView 进行 Item 中头像的设置TextView 进行好友昵称，好友个性签名，聊天时间的展示ListView(列表
12、)主要负责展示多条内容75.4.2 联系人页面页面效果图：功能描述：展示一个简单的页面，能够统计好友的数目。功能实现的步骤：主要是使用 Android 中常用的组件进行页面的简单编写界面使用的主要组件：ImageView 负责展示图片TextView 负责展示文本5.4.3 发现(Discover)页面：页面效果图8功能描述：展示一个简单的页面功能实现的步骤：主要是使用 Android 中常用的组件进行页面的简单编写界面使用的主要组件：ImageView 负责展示图片TextView 负责展示文本5.4.4 关于我界面页面效果图9功能描述：展示一个简单的页面，可以展示用户的一些详细的信息，例如：用户昵称，用户头像，用户的二维码名片等等。功能实现的步骤：(1)主要是使用 Android 中常用的组件进行页面的简单编写(2)通过在本地存储的文件可以读取到用户的具体信息进行展示界面使用的主要组件：ImageView 负责展示图片TextView 负责展示文本6 项目总结通过本次实验，了解了微信的界面制作方法，掌握了 ViewPager 的使用，掌握了简单的数据存储的方式，能够实现页面之间数据的传输，能够模拟用户登录并实现具体的登录功能，能够完成微信界面的互相跳转和部分功能的实现，总之，这次实验让我学到了很多关于 android 的知识。
