Android实现qq登录注册和好友列表界面
Posted 行434
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android实现qq登录注册和好友列表界面相关的知识,希望对你有一定的参考价值。
学习android已经有一个多月了,老师留了实现qq登陆注册和好友列表的作业,要求:
- 设计登录界面,注册界面和好友列表界面。
- 在登录界面输入用户名“admin”,密码“abc123”后,判断用户名和密码是否正确。
- 若用户名或密码错误则给出相应提示:“用户名或密码输入有误!”;
- 若用户名或密码为空则给出提示:“用户名或密码不能为空!”;
- 若用户名和密码正确,点击登录按钮,进入“好友列表界面”。
- 点击“注册”进入到注册界面,如图“注册界面效果图”所示,注册信息填写完成后点击“注册”按钮,用Toast提示注册信息。
- 要求每个界面中的必要控件不能缺少,在此基础上,可以添加美化效果,完善输入格式校验。
我比较菜,经过断断续续的敲打终于完成了,下面是详细过程。
首先是效果图
完成作业的思路大概是先完成每个也页面的设计,在通过登录界面将三个页面连接,可以先建立需要的activity。除了开始的mainactivity我建立了register用于注册界面,friendlist用于好友列表界面
首先是登录页面的设计具体代码如下
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ImageView
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_marginTop="80dp"
android:src="@drawable/head2"></ImageView>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="15dp">
<TextView
style="@style/tvTwo"
android:layout_width="62dp"
android:text="姓名" />
<EditText
android:id="@+id/etName"
android:layout_width="341dp"
android:layout_height="78dp">
</EditText>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="86dp"
android:orientation="horizontal"
android:padding="15dp">
<TextView
style="@style/tvTwo"
android:layout_width="64dp"
android:layout_height="33dp"
android:text="密码" />
<EditText
android:id="@+id/etPwd"
android:layout_width="378dp"
android:layout_height="70dp">
</EditText>
</LinearLayout>
<Button
android:id="@+id/bt_enter"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_alignParentBottom="true"
android:background="@null"
android:gravity="center"
android:text="登录"
android:textColor="@android:color/black"
android:textSize="18sp"></Button>
<Button
android:id="@+id/bt_submit"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_alignParentBottom="true"
android:background="@null"
android:gravity="right"
android:text="没有账号?点击注册"
android:textColor="@android:color/black"
android:textSize="18sp"></Button>
</LinearLayout>
</RelativeLayout>
为了实现跳转,核对姓名密码等要求,Java代码设计如下
package com.example.firstwork1;
import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.os.Bundle;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity implements View.OnClickListener
private EditText etName, etPwd;
private Button bt_enter,bt_submit;
private String Name, Pwd;
@Override
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
private void init()
etName = findViewById(R.id.etName);
etPwd = findViewById(R.id.etPwd);
bt_enter= findViewById(R.id.bt_enter);
bt_submit = findViewById(R.id.bt_submit);
bt_enter.setOnClickListener(this);
bt_submit.setOnClickListener(this);
private void getData()
Name = etName.getText().toString().trim();
Pwd = etPwd.getText().toString().trim();
@Override
public void onClick(View v)
String username="admin";
String userpassword="abc123";
switch (v.getId())
case R.id.bt_enter:
getData();
if (TextUtils.isEmpty(Name))
Toast.makeText(MainActivity.this, "请输入名字",
Toast.LENGTH_SHORT).show();
else if (TextUtils.isEmpty(Pwd))
Toast.makeText(MainActivity.this, "请输入密码",
Toast.LENGTH_SHORT).show();
else if (etName.getText().toString().trim().equals(username))
if (etPwd.getText().toString().trim().equals(userpassword))
Intent intent = new Intent(MainActivity.this, friendlist.class);
startActivity(intent);
else
Toast.makeText(MainActivity.this,"密码有误,请重新输入",
Toast.LENGTH_SHORT).show();
else
Toast.makeText(MainActivity.this,"用户名有误,请重新输入",
Toast.LENGTH_SHORT).show();
break;
case R.id.bt_submit:
Intent intent = new Intent(MainActivity.this, register.class);
startActivity(intent);
首先对需要的变量进行定义封装,接着获取界面控件,设置事件监听器。
getData函数用于获取输入的信息
接着是对两个按钮功能的编写,
为了实现用户名和密码的比对,这里定义了两个str类型的变量,作为用户名和密码
switch语句中的两个case分别对应登录和注册按钮的点击事件
第一个,首先获取数据,接着判断所获的数据是否为空,如为空,则给出相对应的提示,如果不是,则和事先录入的用户名和密码进行对比,注意,这里的数据类型都是str类型,不能用简单的||或者&&和!=来进行比对,我这里采用equals来对比两个值,相同结果为1 ,则通过反之则退回,全部通过后,就可以通过intent进行页面的跳转
第二个则直接跳转
此时运行程序点击按钮就可以进行跳转了,但是跳转后页面为空,下面设计注册和好友列表界面
好友列表界面
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/bg2">
<TextView
android:layout_width="match_parent"
android:layout_height="45dp"
android:text="好友列表"
android:textColor="#FFFFFF"
android:background="#FF8F03"
android:gravity="center"
></TextView>
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="30dp"></ListView>
</RelativeLayout>
欸,好短,因为在这里使用的是ListView控件,布局代码如下
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp">
<ImageView
android:id="@+id/iv"
android:layout_width="120dp"
android:layout_height="90dp"
android:layout_centerVertical="true"
></ImageView>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_centerVertical="true"
android:layout_toRightOf="@+id/iv"
android:orientation="horizontal">
<TextView
android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="芭芭拉"
android:textColor="#FF8F03"
android:textSize="20dp"></TextView>
<TextView
android:id="@+id/introduce"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/name"
android:layout_marginTop="10dp"
android:ellipsize="end"
android:maxLines="2"
android:text="芭芭拉闪亮登场"
android:textColor="#FF716C6D"
android:textSize="16dp"></TextView>
</RelativeLayout>
适配器的代码如下
package com.example.firstwork1;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
public class friendlist extends AppCompatActivity
private ListView mListView;
private String[] names = "芭芭拉","琴","刻晴","胡桃","香菱","影","可莉";
private String[] introduces = "芭芭拉闪亮登场","以剑为誓","剑光如我,斩尽芜杂","吃好喝好,一路走好","救命啊,食材打人了","我要把你砌进神像里","蹦蹦炸弹";
private int[] icons = R.drawable.babala,R.drawable.qin,R.drawable.keqing,R.drawable.hutao,R.drawable.xianglin,R.drawable.ying,R.drawable.keli;
@Override
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_friendlist);
mListView = findViewById(R.id.lv);
MyBaseAdapter mAdapter = new MyBaseAdapter();
mListView.setAdapter(mAdapter);
class MyBaseAdapter extends BaseAdapter
@Override
public int getCount()
return names.length;
@Override
public Object getItem(int position)
return names[position];
@Override
public long getItemId(int position)
return position;
@Override
public View getView(int position, View convertView, ViewGroup parent)
View view = View.inflate(friendlist.this,R.layout.list_friend,null);
TextView name = view.findViewById(R.id.name);
TextView introduce = view.findViewById(R.id.introduce);
ImageView iv = view.findViewById(R.id.iv);
name.setText(names[position]);
introduce.setText(introduces[position]);
iv.setBackgroundResource(icons[position]);
return view;
适配器定义了三个数组,name introduce和icons,这三个数组用于存储姓名,介绍和图片
通过setAdapter方法为ListView的数据适配器,通过创建一个继承自BaseAdapter的MyBaseAdapter的类。重写父类中的方法,其中inflate方法加载列表条目的布局文件,通过findViewByid方法获取列表条目上的控件,最后通过setText()与setBackground方法设置文本和图片信息。
需要注意的是,当ListView控件上的item过多并快速会出现卡顿,需要优化,但这里数据较小,没有进行优化
最后是注册界面
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg3">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@android:color/white"
android:gravity="center"
android:text="身份注册"
android:textColor="#000"
android:textSize="25sp"
android:textStyle="italic" />
<LinearLayout
android:layout_width="411dp"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="15dp">
<TextView
style="@style/tvTwo"
android:layout_width="62dp"
android:text="姓名" />
<EditText
android:id="@+id/et_name"
style="@style/etOne" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="15dp" >
<TextView
style="@style/tvTwo"
android:layout_width="82dp"
android:layout_height="33dp"
android:text="密码" />
<EditText
android:id="@+id/et_pwd"
style="@style/etOne"
android:layout_width="263dp"
android:layout_height="35dp"
android:inputType="textPassword" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="15dp">
<TextView
style="@style/tvTwo"
android:layout_width="wrap_content"
android:layout_height="44dp"
android:text="性别" />
<RadioButton
android:id="@+id/rb_boy"
android:layout_width="87dp"
android:layout_height="56dp"
android:text="男"
android:textColor="@android:color/black"
android:textSize="15sp"></RadioButton>
<RadioGroup
android:id="@+id/rg_sex"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="50dp"
android:orientation="horizontal">
</RadioGroup>
<RadioButton
android:id="@+id/rb_girl"
style="@style/tvTwo"
android:layout_width="98dp"
android:layout_height="61dp"
android:text="女"></RadioButton>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="15dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="爱好"
android:textColor="@android:color/black"></TextView>
<CheckBox
android:id="@+id/cb_sing"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="15dp"
android:text="唱歌"
android:textColor="@android:color/black">
></CheckBox>
<CheckBox
android:id="@+id/cb_dance"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="15dp"
android:text="跳舞"
android:textColor="@android:color/black">
></CheckBox>
<CheckBox
android:id="@+id/cb_rap"
android:layout_width="93dp"
android:layout_height="wrap_content"
android:padding="15dp"
android:text="rap"
android:textColor="@android:color/black">
></CheckBox>
<CheckBox
android:id="@+id/cb_ball"
android:layout_width="93dp"
android:layout_height="wrap_content"
android:padding="15dp"
android:text="篮球"
android:textColor="@android:color/black">
>
</CheckBox>
</LinearLayout>
<LinearLayout
android:layout_width="411dp"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<Button
android:id="@+id/btn_submit"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_alignParentBottom="true"
android:background="@null"
android:gravity="center"
android:text="注册"
android:textColor="@android:color/black"
android:textSize="18sp"></Button>
</LinearLayout>
</LinearLayout>
</RelativeLayout>
这里比较简单,只需要对其中的各种控件进行设置就可以了,和登录界面大同小异,(我也是复制改的)
package com.example.firstwork1;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.EditText;
import android.widget.RadioGroup;
import android.widget.Toast;
public class register extends AppCompatActivity implements
View.OnClickListener,CompoundButton.OnCheckedChangeListener
private EditText et_name,et_pwd;
private Button btn_submit,btn_enter;
private String name,pwd,sex,hobbys;
private RadioGroup rg_sex;
private CheckBox cb_sing,cb_dance,cb_rap,cb_ball;
@Override
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_register);
init();
private void init()
et_name = findViewById(R.id.et_name);
et_pwd = findViewById(R.id.et_pwd);
rg_sex = findViewById(R.id.rg_sex);
cb_sing = findViewById(R.id.cb_sing);
cb_dance = findViewById(R.id.cb_dance);
cb_rap = findViewById(R.id.cb_rap);
cb_ball = findViewById(R.id.cb_ball);
btn_submit = findViewById(R.id.btn_submit);
btn_submit.setOnClickListener(this);
cb_sing.setOnCheckedChangeListener(this);
cb_dance.setOnCheckedChangeListener(this);
cb_rap.setOnCheckedChangeListener(this);
cb_ball.setOnCheckedChangeListener(this);
hobbys = new String();
rg_sex.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener()
@Override
public void onCheckedChanged(RadioGroup group, int checkedId)
switch (checkedId)
case R.id.rb_boy:
sex = "男";
break;
case R.id.rb_girl:
sex = "女";
break;
);
private void getData()
name = et_name.getText().toString().trim();
pwd = et_pwd.getText().toString().trim();
@Override
public void onClick(View v)
switch (v.getId())
case R.id.btn_submit:
getData();
if (TextUtils.isEmpty(name))
Toast.makeText(register.this, "请输入名字",
Toast.LENGTH_SHORT).show();
else if (TextUtils.isEmpty(pwd))
Toast.makeText(register.this, "请输入密码",
Toast.LENGTH_SHORT).show();
else if (TextUtils.isEmpty(name))
Toast.makeText(register.this, "请选择性别",
Toast.LENGTH_SHORT).show();
else if (TextUtils.isEmpty(name))
Toast.makeText(register.this, "请选择兴趣爱好",
Toast.LENGTH_SHORT).show();
else
Toast.makeText(register.this,"注册成功",
Toast.LENGTH_SHORT).show();
Log.i("MainActivity","注册的用户信息:"+"名字"+name+"性别"+sex+"爱好"+hobbys);
break;
public void onCheckedChanged(CompoundButton buttonView,boolean isChecked)
String motion = buttonView.getText().toString();
if (isChecked)
if (!hobbys.contains(motion))
hobbys = hobbys + motion;
else
if (hobbys.contains(motion))
hobbys = hobbys.replace(motion,"");
此外,对于界面上的一些设置,我把一部分放在了style文件里面
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
<style name="etOne">
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_marginLeft">30dp</item>
<item name="android:background">@null</item>
<item name="android:textColor">@android:color/black</item>
</style>
<style name="tvOne">
<item name="android:layout_width">0dp</item>
<item name="android:layout_height">match_parent</item>
<item name="android:layout_weight">1</item>
<item name="android:drawablePadding">8dp</item>
<item name="android:gravity">center_horizontal</item>
<item name="android:paddingTop">40dp</item>
<item name="android:textColor">@android:color/black</item>
<item name="android:textSize">15dp</item>
</style>
<style name="tvTwo">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_marginLeft">20px</item>
<item name="android:textColor">@android:color/black</item>
<item name="android:textSize">15dp</item>
</style>
</resources>
以上就是全部的内容了,大家下次作业再见
Qt实战:云曦聊天室篇
Qt实战:云曦聊天室篇
@TOC
前言
基于Qt的网络聊天室,可进行群聊,私聊,添加好友,创建群聊,添加群聊等功能
一、云曦聊天室效果图
1. 登录界面:
如图1所示,输入用户名和密码,点击登录,即可进入如图3所示的好友列表界面。
2. 注册界面:
如图2所示,输入用户名和密码,点击立即注册按钮,即可进行相关的注册功能,注册成功后,点击登录,即可进入如图3所示的好友列表界面。
3. 好友列表界面:
如图3所示,即为好友列表界面,用户可在此进行私聊,群聊,好友的添加,创建群聊,加入群聊等功能。
4. 好友上线提醒:
如图4所示,用户可在图3界面看到用户的相关好友的上下线提醒通知,以及关闭图3后,在左下角同QQ的托盘效果。
5. 私聊界面:
如图5所示,用户可选择任意一个好友,进行相关的私聊,其中,包括字体的样式、大小、加粗、倾斜、以及聊天记录的保存、清空等功能。
6. 私聊界面:
如图6所示,用户可在此界面进行群聊。
二、相关源代码
项目框架图:
1. .cpp部分
#include "privatechat.h"
#include "ui_privatechat.h"
#include <QLabel>
#include <QPushButton>
#include <QDesktopWidget>
#include <QWidget>
#include <QToolButton>
#include <QColorDialog>
PrivateChat::PrivateChat(QTcpSocket *s, QString u, QString f, Chatlist *c, QList<ChatWidgetInfo> *l, QWidget *parent) :
QWidget(parent),
ui(new Ui::PrivateChat)
ui->setupUi(this);
socket = s;
userName = u;
friendName = f;
mainWidget = c;
chatWidgetList = l;
connect(mainWidget, &Chatlist::signal_to_sub_widget, this, &PrivateChat::show_text_slot);
connect(ui->exitBtn, &QPushButton::clicked,this, &GroupChat::close);
setWindowIcon(QPixmap(":images//C3.png"));
QLabel * bglabel = new QLabel;
bglabel=ui ->label;
bglabel ->setPixmap(QPixmap(":images//底框.png"));
bglabel ->setScaledContents(true);
QLabel * bglabel1 = new QLabel;
bglabel1=ui ->label_2;
bglabel1 ->setPixmap(QPixmap(":images//主导航框.png"));
bglabel1->setScaledContents(true);
//控件透明化
ui->textEdit->setStyleSheet("background-color:rgba(0,0,0,0);");
ui->listWidget->setStyleSheet("background-color:rgba(0,0,0,0);");
ui->textBrowser->setStyleSheet("background-color:rgba(0,0,0,0);");
ui->widget_5->setStyleSheet("background-color:rgba(0,0,0,0);");
//窗口去边框
this -> setWindowFlags(Qt::FramelessWindowHint);
ui->pushButton->setStyleSheet(
//正常状态样式
"QPushButton"
"border-radius:5px;"//设置圆角半径
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->fileButton->setStyleSheet(
//正常状态样式
"QPushButton"
"border-radius:5px;"//设置圆角半径
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->exitBtn->setStyleSheet(
//正常状态样式
"QPushButton"
//"background-color:#67a6f8;"//设置按钮背景色
"border-radius:5px;"//设置圆角半径
"color:white;"//设置按钮字体颜色
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->exitBtn_3->setStyleSheet(
//正常状态样式
"QPushButton"
//"background-color:#67a6f8;"//设置按钮背景色
"border-radius:5px;"//设置圆角半径
"color:white;"//设置按钮字体颜色
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->exitBtn_9->setStyleSheet(
//正常状态样式
"QPushButton"
//"background-color:#67a6f8;"//设置按钮背景色
"border-radius:5px;"//设置圆角半径
"color:white;"//设置按钮字体颜色
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->exitBtn_5->setStyleSheet(
//正常状态样式
"QPushButton"
//"background-color:#67a6f8;"//设置按钮背景色
"border-radius:5px;"//设置圆角半径
"color:white;"//设置按钮字体颜色
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->exitBtn_6->setStyleSheet(
//正常状态样式
"QPushButton"
//"background-color:#67a6f8;"//设置按钮背景色
"border-radius:5px;"//设置圆角半径
"color:white;"//设置按钮字体颜色
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->exitBtn_7->setStyleSheet(
//正常状态样式
"QPushButton"
//"background-color:#67a6f8;"//设置按钮背景色
"border-radius:5px;"//设置圆角半径
"color:white;"//设置按钮字体颜色
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->exitBtn_8->setStyleSheet(
//正常状态样式
"QPushButton"
//"background-color:#67a6f8;"//设置按钮背景色
"border-radius:5px;"//设置圆角半径
"color:white;"//设置按钮字体颜色
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->pushButton_2->setStyleSheet(
//正常状态样式
"QPushButton"
"border-radius:5px;"//设置圆角半径
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->pushButton_3->setStyleSheet(
//正常状态样式
"QPushButton"
"border-radius:5px;"//设置圆角半径
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->pushButton_4->setStyleSheet(
//正常状态样式
"QPushButton"
"border-radius:5px;"//设置圆角半径
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->pushButton_5->setStyleSheet(
//正常状态样式
"QPushButton"
"border-radius:5px;"//设置圆角半径
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->pushButton_6->setStyleSheet(
//正常状态样式
"QPushButton"
"border-radius:5px;"//设置圆角半径
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
ui->sendButton->setStyleSheet(
//正常状态样式
"QPushButton"
"background-color:#8D8D8D;"//设置按钮背景色
"border-radius:15px;"//设置圆角半径
"color:white;"//设置按钮字体颜色
""
"QPushButton:hover"
"background-color:#5f9ae6;"
"color:white;"
"");
//////////////////////////////////////辅助功能//////////////////////////////////////////
//字体
connect(ui->fontComboBox,&QFontComboBox::currentFontChanged,this,[=](const QFont &font)
ui->textEdit->setCurrentFont(font);
ui->textEdit->setFocus();
);
//字号
void (QComboBox:: * cbxSingal)(const QString &text) = &QComboBox::currentIndexChanged;
connect(ui->comboBox,cbxSingal,this,[=](const QString &text)
ui->textEdit->setFontPointSize(text.toDouble());
ui->textEdit->setFocus();
);
//加粗
connect(ui->pushButton_3,&QToolButton::clicked,this,[=](bool checked)
if(checked)
ui->textEdit->setFontWeight(QFont::Bold);
else
ui->textEdit->setFontWeight(QFont::Normal);
ui->textEdit->setFocus();
);
//倾斜
connect(ui->pushButton_4,&QToolButton::clicked,this,[=](bool checked)
ui->textEdit->setFontItalic(checked);
ui->textEdit->setFocus();
);
//下划线
connect(ui->pushButton_5,&QToolButton::clicked,this,[=](bool checked)
ui->textEdit->setFontUnderline(checked);
ui->textEdit->setFocus();
);
//设置文本颜色
connect(ui->pushButton_6,&QToolButton::clicked,[=]()
QColor color = QColorDialog::getColor(Qt::red); //color对象可以在widget.h中定义私有成员
ui->textEdit->setTextColor(color);
);
//保存聊天记录
connect(ui->pushButton,&QToolButton::clicked,[=]()
if( ui->textBrowser->document()->isEmpty())
QMessageBox::warning(this,"警告","内容不能为空");
return;
else
QString path = QFileDialog::getSaveFileName(this,"保存聊天记录","聊天记录","(*.txt)");
QFile file(path);
//打开模式加换行操作
file.open(QIODevice::WriteOnly | QFile::Text);
QTextStream stream(&file);
stream << ui->textBrowser->toPlainText();
file.close();
);
//清空聊天记录
connect(ui->pushButton_2,&QToolButton::clicked,[=]()
ui->textBrowser->clear();
);
PrivateChat::~PrivateChat()
delete ui;
void PrivateChat::on_sendButton_clicked()
QString text = ui->textEdit->toPlainText();
QJsonObject obj;
obj.insert("cmd", "private_chat");
obj.insert("user_from", userName);
obj.insert("user_to", friendName);
obj.insert("text", text);
QByteArray ba = QJsonDocument(obj).toJson();
socket->write(ba);
ui->textEdit->clear();
ui->textBrowser->append(text);
ui->textBrowser->append("\\n");
void PrivateChat::show_text_slot(QJsonObject obj)
if (obj.value("cmd").toString() == "private_chat")
if (obj.value("user_from").toString() == friendName)
if (this->isMinimized())
this->showNormal();
this->activateWindow();
ui->textBrowser->append(obj.value("text").toString());
ui->textBrowser->append("\\n");
void PrivateChat::closeEvent(QCloseEvent *event)
for (int i = 0; i < chatWidgetList->size(); i++)
if (chatWidgetList->at(i).name == friendName)
chatWidgetList->removeAt(i);
break;
event->accept();
void PrivateChat::on_fileButton_clicked()
QString fileName = QFileDialog::getOpenFileName(this, "发送文件", QCoreApplication::applicationFilePath());
if (fileName.isEmpty())
QMessageBox::warning(this, "发送文件提示", "请选择一个文件");
else
QFile file(fileName);
file.open(QIODevice::ReadOnly);
QJsonObject obj;
obj.insert("cmd", "send_file");
obj.insert("from_user", userName);
obj.insert("to_user", friendName);
obj.insert("length", file.size());
obj.insert("filename", fileName);
QByteArray ba = QJsonDocument(obj).toJson();
socket->write(ba);
2. .h部分
#ifndef PRIVATECHAT_H
#define PRIVATECHAT_H
#include <QWidget>
#include <QTcpSocket>
#include <QJsonObject>
#include <QJsonDocument>
#include <QList>
#include <QFileDialog>
#include <QCoreApplication>
#include <QFile>
class Chatlist;
struct ChatWidgetInfo;
#include "chatlist.h"
namespace Ui
class PrivateChat;
class PrivateChat : public QWidget
Q_OBJECT
public:
explicit PrivateChat(QTcpSocket *s, QString u, QString f, Chatlist *c, QList<ChatWidgetInfo> *l, QWidget *parent = 0);
~PrivateChat();
void closeEvent(QCloseEvent *event);
private slots:
void on_sendButton_clicked();
void show_text_slot(QJsonObject);
void on_fileButton_clicked();
private:
Ui::PrivateChat *ui;
QTcpSocket *socket;
QString userName;
QString friendName;
Chatlist *mainWidget;
QList<ChatWidgetInfo> *chatWidgetList;
QPoint label;
;
#endif // PRIVATECHAT_H
总结
以上是云曦聊天室(YXChatting)的相关简介和私聊部分代码,详细代码与相关讲解会后续逐步更新,如果有急于使用的,可以通过以下方式进行下载和使用,以及访问我主页的Qt界面优化系列文章,里面有相关细节的界面优化代码。
如有问题,也可直接私聊或在下方评论,技术萌新,初来乍到,如有不妥之处,还请各位大佬进行指正与谅解。
微信公众号下载地址:
搜索关注微信公众号“云曦智划”,回复“云曦Chatting”,即可免费获取完整源代码与可执行程序。希望能帮助到大家,感谢大家支持~( ̄▽ ̄~)~
以上是关于Android实现qq登录注册和好友列表界面的主要内容,如果未能解决你的问题,请参考以下文章
Android Studio实现QQ的注册登录和好友列表之间的跳转