Android Studio实现简单的QQ应用

您所在的位置:网站首页 androidstudio课程设计源码与文档 Android Studio实现简单的QQ应用

Android Studio实现简单的QQ应用

2024-02-08 03:05| 来源: 网络整理| 查看: 265

项目目录 一、项目概述二、开发环境三、详细设计1、主界面的搭建2、消息界面的搭建3、联系人界面的搭建4、动态界面的搭建5、聊天界面的搭建6、跳转功能实现6.1、选项卡的切换6.2、消息列表的适配器 7、传值的实现 四、项目效果五、项目总结六、项目下载

一、项目概述

本次项目主要包含了QQ消息、联系人和动态三个选项卡界面的切换,其中消息界面设计的很详细,有消息列表和消息内容,在点击消息对话框后,会跳转到聊天界面,还会把联系人姓名传值过来。联系人和动态的界面就是很简单的两张截图,点击底下的TextView实现切换。

二、开发环境

在这里插入图片描述

三、详细设计 1、主界面的搭建

在最外层选择的是LinearLayout布局,里面放置一个FrameLayout,用于显示主体内容。

最底下放置了一个子布局,里面是三个TextView,分别为消息、联系人和动态,三个id分别命名为menu1、menu2、menu3,占比都是1,字体大小相同,都是居中显示。预览图如下:

在这里插入图片描述

布局文件的代码如下:

2、消息界面的搭建

在消息界面的设置中,放置了一个TextView,字体颜色为白色,背景颜色为绿色,用于显示 “ 消息 ” 标题。底下是ListView,用于显示好友列表。预览图如下:

在这里插入图片描述

完整代码如下:

3、联系人界面的搭建

联系人界面展示的是QQ联系人的截图,放在drawable文件夹中引用。

在这里插入图片描述

4、动态界面的搭建

同联系人界面,展示的是QQ的动态截图。

在这里插入图片描述

5、聊天界面的搭建

本次项目的核心界面,在消息界面中选中一个好友,点进去,就会跳转到此聊天界面。最上面的TextView就是用来显示传递过来的昵称,字体颜色为深青色,背景颜色为天蓝色。下面的ImageView就放置了一张聊天截图,一切从简嘛。 在这里插入图片描述

6、跳转功能实现 6.1、选项卡的切换

在MainActivity调用了一个onClick方法,点击选项卡,跳转到不同的activity。

public void onClick(View v) { ft=fm.beginTransaction(); switch(v.getId()){ case R.id.menu1: ft.replace(R.id.content,new frag1()); break; case R.id.menu2: ft.replace(R.id.content,new frag2()); break; case R.id.menu3: ft.replace(R.id.content,new frag3()); break; default: break; } ft.commit(); } 6.2、消息列表的适配器

主要实现了好友的头像用定义好的icons数组显示,昵称用name数组显示,消息内容用message数组显示。

class MyBaseAdapter extends BaseAdapter{ @Override public int getCount(){ //返回ListView Item条目代表的对象 return name.length; } //得到item的id @Override public Object getItem(int i){ return name[i]; } @Override public long getItemId(int i){ return i; } @Override public View getView(int i, View convertView, ViewGroup viewGroup){ //获取item中的View视图 View view=View.inflate(frag1.this.getContext(),R.layout.friend_item, null); //初始化view对象的控件 TextView tv_name=view.findViewById(R.id.item_name); TextView tv_message=view.findViewById(R.id.item_message); ImageView iv=view.findViewById(R.id.iv); tv_name.setText(name[i]); tv_message.setText(message[i]); iv.setImageResource(icons[i]); return view; } } 7、传值的实现

在Chat.java中,先用setContentView方法设置布局文件,接着绑定好声明的TextView,然后获得跳转过来的意图,取出name键对应的value值,然后再用setText方法显示出来。

public class Chat extends AppCompatActivity { private TextView tvName; @Override protected void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_chat); //绑定控件 tvName=findViewById(R.id.name); Intent intent=getIntent(); //取出key对应的value值 String name=intent.getStringExtra("name"); tvName.setText(name); } } 四、项目效果

1、主界面默认显示为消息界面,显示消息列表。 在这里插入图片描述

2、选择好友腾讯并点击,进入聊天界面,好友的昵称也被传递过来。 在这里插入图片描述

3、点击联系人选项卡,跳转到联系人界面。 在这里插入图片描述

4、点击动态选项卡,跳转到动态界面。 在这里插入图片描述

五、项目总结

本次QQ应用项目属于最简单的Android项目之一,主要考验学生对于ListView和intent的使用,对多个页面之间的跳转和传值要熟稔于心,这些知识点在今后的Android项目中会经常使用,熟练掌握上述知识点的使用,可以在此基础上延伸各种项目。项目的drawable文件夹里面的图片都是博主自己的截图,大家下载源码后按照自己的需求换成自己的空间和联系人截图就可以了。

六、项目下载

以下两种方式都可以获取源代码:

直接点击下方链接下载源代码Android Studio实现简单的QQ应用 关注公众号《 萌新加油站 》,后台回复: QQ应用 在这里插入图片描述 🚀这有你错过的精彩内容Android Studio实现外卖订餐系统Android Studio实现考试管理系统Android Studio实现图书馆订座系统Android Studio实现学生信息管理系统Android Studio实现前后台分离的选课系统

你人生的每一步都必须靠自己的能力完成,自己肚子没有料,手上没本事,认识再多的人也没用。人脉只能给你机会,但抓住机会还是要靠真本事。所以啊,提升自己,比到处逢迎别人更重要。 ​​​​



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3