Android Studio实现简单的QQ应用

Posted 振华OPPO

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android Studio实现简单的QQ应用相关的知识,希望对你有一定的参考价值。

项目目录

一、项目概述

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

二、开发环境

Android

三、详细设计

1、主界面的搭建

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

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

Android

布局文件的代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">

<FrameLayout
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="9"></FrameLayout>

<LinearLayout
android:id="@+id/menu"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.5">
<TextView
android:id="@+id/menu1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="消息"
android:textSize="25sp"
android:layout_weight="1"/>
<TextView
android:id="@+id/menu2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="联系人"
android:textSize="25sp"
android:layout_weight="1"/>
<TextView
android:id="@+id/menu3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="动态"
android:textSize="25sp"
android:layout_weight="1"/>
</LinearLayout>

</LinearLayout>

2、消息界面的搭建

在消息界面的设置中,最上面是一个子LinearLayout(线性布局),左侧放置头像ImageView,右侧是TextView,用于显示用户昵称。

接着放置了一个TextView,字体颜色为白色,背景颜色为绿色,用于显示 “ 消息 ” 标题。

底下是ListView,用于显示好友列表。预览图如下:

Android

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".frag1"
android:orientation="vertical">

<LinearLayout
android:id="@+id/img"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#00BCD4">

<ImageView
android:id="@+id/head"
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@drawable/head"/>
<TextView
android:id="@+id/num"
android:layout_width="match_parent"
android:layout_height="50dp"
android:textSize="25sp"
android:gravity="bottom"/>
</LinearLayout>

<TextView
android:layout_width="match_parent"
android:layout_height="45dp"
android:background="#8BC34A"
android:gravity="center"
android:text="消息"
android:textColor="#FFFFFF"
android:textSize="28sp" />

<ListView
android:id="@+id/lv"
android:layout_width=

以上是关于Android Studio实现简单的QQ应用的主要内容,如果未能解决你的问题,请参考以下文章

简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面

(Android Studio)简单实现:双击返回键,退出应用首页

android studio实现简单考试应用程序

实现QQ微信新浪微博和百度第三方登录(Android Studio)

Android Studio实现QQ的注册登录和好友列表界面的跳转

Android Studio实现QQ的注册登录和好友列表之间的跳转