【Android应用开发之前端——聊天室效果】

1.完成聊天室布局

聊天室窗口的高度是固定的，新的文字消息总是加入窗口末尾，同时窗口内部的文本整体向上滚动，窗口的大小、位置保持不变。
窗口效果如下：

下面是xml布局文件内容：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    
    <TextView
        android:id="@+id/tv_control"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:gravity="center"
        android:text="聊天室效果，点击添加聊天记录，长按删除聊天记录"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv_bbs"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="20dp"
            android:scrollbars="vertical"
            android:textColor="#000000"
            android:textSize="17sp" />
    </LinearLayout>

</LinearLayout>

2.完成主页面跳转至聊天室的功能

①在主页面中增加一个按钮

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="250dp"
        android:text="跳转至聊天室" />

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="点我跳转" />

</LinearLayout>

②给按钮增加监听器

package com.example.controlstest;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button btn = findViewById(R.id.btn1);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent i = new Intent(MainActivity.this , TestActivity.class);
                startActivity(i);
            }
        });
    }
}

3.完成聊天室功能

package com.example.controlstest;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.text.format.DateUtils;
import android.text.method.ScrollingMovementMethod;
import android.view.Gravity;
import android.view.View;
import android.widget.TextView;

import java.text.SimpleDateFormat;
import java.util.Date;


public class TestActivity extends AppCompatActivity implements View.OnClickListener, View.OnLongClickListener {
    private TextView tv_bbs;
    private TextView tv_control;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.test_main);
        tv_control = findViewById(R.id.tv_control);
        tv_control.setOnLongClickListener(this);
        tv_control.setOnClickListener(this);
        tv_bbs = findViewById(R.id.tv_bbs);
        tv_bbs.setOnLongClickListener(this);
        tv_bbs.setOnClickListener(this);
        tv_bbs.setGravity(Gravity.LEFT| Gravity.BOTTOM);
        tv_bbs.setLines(8);
        tv_bbs.setMaxLines(8);
        tv_bbs.setMovementMethod(new ScrollingMovementMethod());
    }

    private String[] mChatStr = { "你吃饭了吗？" , "今天天气真好呀。", "我中奖啦！", "我们去看电影吧", "晚上干什么好呢？"};

    @Override
    public void onClick(View v) {
        if(v.getId() == R.id.tv_control || v.getId() == R.id.tv_bbs){
            int random = (int)(Math.random() * 10) % 5; //Math.random()是令系统随机选取大于等于 0.0 且小于 1.0 的伪随机 double 值
            SimpleDateFormat simpleDateFormat = new SimpleDateFormat("hh:mm:ss");
            String date = simpleDateFormat.format(new Date());
            String newStr = String.format("%s%s   %s\n",
                    tv_bbs.getText().toString(), date, mChatStr[random]);
            tv_bbs.setText(newStr);
        }
    }

    @Override
    public boolean onLongClick(View v) {
        if(v.getId() == R.id.tv_control || v.getId() == R.id.tv_bbs){
            tv_bbs.setText("");
        }
        return true; //如果设置值为false会导致长按后触发onClick方法
    }
}

注意： 当前类作为实现类时一般用于多个点击事件，这时在onClick()方法或onLongClick()方法的第一步就要判断事件的触发者。

整体效果如下：