《Android实战基础教程》课件第十二章

目录12.1

陌陌系统介绍12.2实现系统欢迎界面12.3实现系统注册界面12.4实现系统主界面十二、陌陌即时通信系统十二、陌陌即时通信系统12.1陌陌系统介绍12.1.1陌陌的发展现状

陌陌是陌陌科技开发者的首个基于iPhone、Andorid和WindowsPhone的手机应用。通过陌陌可以提供真实的位置信息，解决了以往社交过于虚幻、缺乏真实的线下互动的问题。2011年8月3号，陌陌iOS版本正式上线。2013年4月24日，在由艾瑞咨询举办的2012～2013中国移动互联网应用评比活动上，陌陌获得中国移动互联网应用年度最具创新力大奖。2013年4月15日，陌陌3.4版本上线，新增附近群组搜索、创建好友多人对话、微博好友推荐功能。2014年12月12日，陌陌科技登录纳斯达克。十二、陌陌即时通信系统(1)设计模式。根据GPS搜寻和定位身边的陌生人和群组，高效快捷地建立联系，节省沟通的距离和成本。(2)免费传递。可以方便地通过陌陌免费发送信息、语音、照片以及精确的地理位置，与他人进行各种互动。(3)递送提示。即时了解信息送达的状态，“送达”、“已读”等提示能让用户即时掌握信息是否被对方看到。(4)个人资料。可以在资料页存放多张照片，以及签名、职业、爱好等信息，以增进其他人对用户的了解。12.1.2陌陌特点介绍十二、陌陌即时通信系统(5)场景表情。表情商店提供了丰富的表情，让聊天不再单调，更加的生动活泼，符合移动社交的聊天风格。(6)会员服务。可享受陌陌不断推出的各种增值以及专属服务，包括基础会员服务、上限提升服务、表情商店服务等。(7)隐私保护。可以随时把厌恶的人拉入黑名单，还可以对他人的不良行为进行举报，并且有多种隐身模式。(8)平台支持。全面支持多种iOS设备以及Android2.3及以上版本的手机，支持各种网络接入方式。十二、陌陌即时通信系统12.2实现系统欢迎界面

运行陌陌系统后，将首先显示一个系统欢迎界面，以一幅图片作为背景，下方显示“注册”和“登录”，如图所示。图12.1十二、陌陌即时通信系统

本系统欢迎界面Activity的布局文件是activity_welcome.xml，功能是通过ImageView控件显示背景图片，且在界面下方通过两个Button控件显示“注册”和“登录”按钮：12.2.1欢迎界面布局十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统

欢迎界面Activity的实现文件是WelcomeActivity.java，功能是监听用户单击屏幕操作，根据用户的图标或者按钮跳转到注册界面或者帮助界面。文件WelcomeActivity.java的具体实现代码如下所示：12.2.2欢迎界面Activity十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统12.3实现系统注册界面

当在欢迎界面单击“注册”按钮后会跳转到系统注册界面，如图所示。图12.2十二、陌陌即时通信系统

系统注册的布局文件是activity_register.xml，功能是在上方显示注册表单供用户输入11位手机号码，在下方显示“返回”和“下一步”按钮。文件activity_register.xml的具体实现代码如下：12.3.1注册界面布局十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统

注册界面Activity的实现文件是RegisterActivity.java,功能是监听用户单击屏幕操作，根据用户在表单中输入的注册信息进行验证。文件RegisterActivity.java的具体实现代码如下所示：12.3.2注册界面Activity十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统

如果注册手机号合法，则弹出验证码界面。图12.3十二、陌陌即时通信系统

输入验证码界面Activity的实现文件是StepVerify.java，功能是验证用户输入的验证号码是否合法。在本系统中，设置的固定验证号码是“123456”。文件StepVerify.java的具体实现代码如下所示：12.3.3输入验证码界面十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统

如果输入的验证码合法，单击“下一步”按钮后会跳转到设置密码界面，在界面上方显示两个文本框供用户输入登录密码和确认密码，在界面下方显示“上一步”和“下一步”按钮，如图所示。12.3.4设置密码界面Activity图12.4十二、陌陌即时通信系统

设置密码界面Activity的实现文件是StepSetPassword.java，功能是验证注册用户输入的两个密码是否完全一致并且在6位以上。文件StepSetPasswrod.java的具体实现代码如下：十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统

如果输入的密码合法，单击“下一步”按钮会跳转到设置用户界面，在界面上显示一个文本框供用户输入用户名，显示一个单选按钮供用户选择性别，在界面下方显示“上一步”或“下一步”按钮，如图所示。12.3.5设置用户界面Activity图12.5十二、陌陌即时通信系统

设置用户界面Activity的实现文件是StepBaseInfo.java，功能是验证是否输入用户名并选择性别。文件StepBaseInfo.java的具体实现代码如下所示：十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统

如果设置的用户名和性别合法，单击“下一步”按钮后会跳转到设置生日界面，在界面上方显示年、月、日，供用户选择生日，再单击下方“上一步”和“下一步”按钮，如图所示。12.3.6设置生日界面Activity图12.6十二、陌陌即时通信系统

设置生日界面Activity的实现文件是StepBirthday.java，功能是验证用户设置的年龄的合法性，系统要求的合法年龄范围在“12~100”岁之间。文件StepBirthday.java的具体实现代码如下所示：十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统

如果设置的年龄合法，单击“下一步”按钮后会跳转到设置头像界面，在界面上方显示选择图片按钮供用户快速设置头像，在界面下方显示“上一步”和“注册”按钮，如图所示。12.3.7设置头像界面Activity图12.7十二、陌陌即时通信系统

设置头像界面Activity的实现文件是StepPhone.java，功能是验证用户是否设置了头像。文件StepPhoto.java的具体实现代码如下：十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统12.4实现系统主界面

当用户输入合法的注册信息登录陌陌后，会首先显示系统主界面。图12.8十二、陌陌即时通信系统

系统主界面的布局文件是activity_maintabs.xml，功能是使用TabWidget控件将屏幕界面分割成5个部分。文件activity_maintabs.xml的具体实现代码如下所示：12.4.1主界面布局十二、陌陌即时通信系统十二、陌陌即时通信系统

主界面Activity的实现文件是MainTabActivity.java，功能是通过函数initTabs()初始化显示TabWidget控件的内容，默认设置为显示“附近的人”。文件MainTabActivity.java的具体实现代码如下所示：12.4.2主界面Activity十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统

在系统主界面中，中间大部分内容显示的是系统附近的人信息，此功能的实现布局文件是common_bottombar_tab_nearby.xml，具体实现代码如下：12.4.3实现“附近的人”界面十二、陌陌即时通信系统十二、陌陌即时通信系统

“附近的人”界面Activity的实现文件是NearByActivity.java，功能是在顶部显示“附近”和“群组”和“个人”选项卡，并监听用户单击屏幕事件，根据用户操作执行对应的事件处理函数。例如单击搜索图片可以根据关键字快速检索附近的人。文件NearByActivity.java的具体实现代码如下所示：十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统十二、陌陌即时通信系统

当点击顶部“群组”选项卡后，会在系统主界面中间显示“附近的群组”信息。此功能的实现布局文件是fragment_nearbygroup.xml，具体实现代码如下所示：1