《Android Studio开发实战》学习（二）- 聊天室_android studio 写一个公共聊天室

---

背景

在前一篇文章 ¹中实现了使用Android Studio开发Hello World App ²，在这里继续研究Android Studio的使用方法，熟悉简单控件TextView的使用。本文的目标是开发一个简单的聊天室App，实现点击聊天室窗口添加一条聊天记录，长按聊天窗口可以清除所有聊天记录的功能。

聊天室布局文件的编写

一个简单的聊天室布局如下：

• 标题，居中显示一行文字“聊天室效果，点击添加聊天记录，长按删除聊天记录”，高度为10%，宽度为整个屏幕；
• 聊天记录窗口，高度为90%，宽度为整个屏幕，点击在聊天记录窗口添加一句随机文本，并附上时间戳，长按清除文本。

为了实现百分比布局，可以在ConstraintLayout中采用添加辅助线（Guideline）的方法 ³。在这个聊天室中，可以在0.10的位置添加一条水平辅助线，这样标题、聊天窗口的比例就是10%，90%。然后把2个textview的layout_width和layout_height都设置为0，用辅助线来限制 ⁴。

activity_main.xml的完整代码如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">
    <androidx.constraintlayout.widget.Guideline
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/guideline_1"
        app:layout_constraintGuide_percent=".10"
        android:orientation="horizontal"/>
    <TextView
        android:id="@+id/tv_control"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:gravity="center"
        android:text="聊天室效果，点击添加聊天记录，长按删除聊天记录"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="@+id/guideline_1" />
    <TextView
        android:id="@+id/tv_bbs"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:scrollbars="vertical"
        android:textColor="#000000"
        android:textSize="17sp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="@+id/guideline_1"
        app:layout_constraintBottom_toBottomOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

聊天室代码文件的编写

布局文件activity_main.xml写好了，然后就要编写代码文件MainActivity.java。思路是建立两个TextView变量，在onCreate()方法中用findViewById()方法与上面设计的2个TextView控件对应，然后在tv_bbs控件上绑定点击和长按监听器。

MainActivity.java的完整代码如下：

package com.example.helloworld;
import androidx.appcompat.app.AppCompatActivity;
import android.widget.TextView;
import android.view.View;
import android.view.View.*;
import java.text.SimpleDateFormat;
import java.util.Date;
import android.text.method.ScrollingMovementMethod;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {
    private TextView tv_bbs;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tv_bbs = findViewById(R.id.tv_bbs);
        tv_bbs.setMovementMethod(new ScrollingMovementMethod());
        OnClickListener clickT = new ClickTAction();
        OnLongClickListener clickL = new ClickLAction();
        tv_bbs.setOnClickListener(clickT);
        tv_bbs.setOnLongClickListener(clickL);
    }
    private final String[] mChatStr = {"您用餐了吗？",
            "今天是个好日子。",
            "我赢了！",
            "我们去看电影，好吗？",
            "我晚上做什么好呢？" };
    private class ClickTAction implements OnClickListener {
        @Override
        public void onClick(View v) {
            if (v.getId() == R.id.tv_bbs) {
                int r = (int)(Math.random()*10) % 5;
                String s = String.format("%s\n%s %s", tv_bbs.getText().toString(), getNowTime(), mChatStr[r]);
                tv_bbs.setText(s);
            }
        }
    }
    private class ClickLAction implements OnLongClickListener {
        @Override
        public boolean onLongClick(View v) {
            if (v.getId() == R.id.tv_bbs) {
                tv_bbs.setText("");
            }
            return true;
        }
    }
    private String getNowTime() {
        SimpleDateFormat s = new SimpleDateFormat("HH:mm:ss");
        return s.format(new Date());
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

ClickTAction和ClickLAction是两个分别实现了View.OnClickListener和View.OnLongClickListener接口的类，这两个类可以作为公共类MainActivity的内部类 ⁵。

chatStr数组存放了要显示的聊天文本，getNowTime()方法是个自编的函数，用来获取当前的系统时间 ⁶。

为了实现文本的显示，需要使用基本控件TextView。TextView是最基础的文本显示控件 ²，用于在界面上显示文本信息 ⁷。在布局文件activity_main.xml中，可以设置TextView的text属性，以改变显示文本的内容。textColor属性用于改变显示文本的颜色，textSize属性用于改变字体大小。scrollbars属性用来使文本视图能够上下滑动，显示区域外的文字 ⁸，添加这个属性要同时在代码文件中添加一句：

tv_bbs.setMovementMethod(new ScrollingMovementMethod());
1

运行结果

按之前探索的方法 ¹生成APK文件，然后传输到手机上运行。

---

1. 《Android Studio开发实战》学习（一）- Hello World_下唐人的博客-CSDN博客 ↩︎ ↩︎

2. 欧阳燊. Android Studio开发实战. 清华大学出版社. 2017. ↩︎ ↩︎

3. androidx.percentlayout.widget | Android Developers ↩︎

4. ConstraintLayout使用 - 简书 ↩︎

5. Core Java Volume I - Fundamentals (10th Edition), Cay S. Horstmann著. 周立新等译. 机械工业出版社. 2016.8 ↩︎

6. bangying4224. Android Studio开发获取本地时间. CSDN博客 ↩︎

7. 熊猫大哥大. Android Studio 文本控件TextView. CSDN博客 ↩︎

8. 使TextView在Android上可滚动_慕课猿问 ↩︎