天天看点

《Android Studio开发实战》学习(二)引言线性布局LinearLayout的使用文本视图TextView的使用按钮Button的使用聊天室布局文件的编写聊天室代码文件的编写

《Android Studio开发实战》学习

  • 引言
  • 线性布局LinearLayout的使用
  • 文本视图TextView的使用
  • 按钮Button的使用
  • 聊天室布局文件的编写
  • 聊天室代码文件的编写

引言

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

线性布局LinearLayout的使用

为了实现聊天室App的功能,首先要设计App在手机上打开后的页面布局。LinearLayout,即线性布局,是最常用的布局,其子视图如同用一根线串了起来,从上到下,或从左到右依次排列2。在布局文件

activity_main.xml

中,可以设置LinearLayout的

orientation

属性,horizontal表示水平布局(默认),vertical表示垂直布局。

layout_width

layout_height

属性用于设置视图的宽度和高度。可以这样编辑

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
</LinearLayout> 
           

match_parent

值表示与上级视图一样宽2。

文本视图TextView的使用

为了实现文本的显示,需要使用基本控件TextView。TextView是最基础的文本显示控件2,用于在界面上显示文本信息3。在布局文件

activity_main.xml

中,可以设置TextView的

text

属性,以改变显示文本的内容。

textColor

属性用于改变显示文本的颜色,

textSize

属性用于改变字体大小。

scrollbars

属性用来使文本视图能够上下滑动,显示区域外的文字4,添加这个属性要同时在代码文件中添加一句

按钮Button的使用

Button派生自TextView2,因此TextView的属性也同样适用于Button。Button按钮要实现点击的功能,需要注册监听器

View.OnClickListener

View.OnLongClickListener

,然后重写点击和长按方法,学习过Java图形程序设计5应该对这些概念很熟悉。

聊天室布局文件的编写

现在想要设计一个三栏聊天室6,从上到下分别是

  1. 标题,居中显示一行文字“聊天室效果,点击添加聊天记录,长按删除聊天记录”,高度为100dp;
  2. 聊天记录窗口,高度为200dp;
  3. 按钮BUTTON1,高度100dp,点击在聊天记录窗口添加一句随机文本,并附上时间戳。

为此,可以在

activity_main.xml

中的

LinearLayout

标签中添加如下内容

<TextView
        android:id="@+id/tv_control"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:gravity="center"
        android:background="#f47920"
        android:text="聊天室效果,点击添加聊天记录,长按删除聊天记录" />
    <TextView
        android:id="@+id/tv_bbs"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:scrollbars="vertical"
        android:background="#2a5caa"
        android:textColor="#000000"
        android:textSize="17sp" />
    <Button
        android:id="@+id/button_1"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="#faa755"
        android:text="Button 1"/>
           

聊天室代码文件的编写

布局文件

activity_main.xml

写好了,然后就要编写代码文件

MainActivity.java

。思路是建立两个TextView私有变量和一个Button变量,在

onCreate()

方法中用

findViewById()

方法与上面设计的2个TextView控件和1个Button控件对应,然后在Button控件上绑定点击和长按监听器。

private TextView tv_bbs;
    private TextView tv_control;
    private Button btn_click;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tv_control = (TextView) findViewById(R.id.tv_control);
        tv_bbs = (TextView) findViewById(R.id.tv_bbs);
        btn_click = (Button) findViewById(R.id.button_1);
		tv_bbs.setMovementMethod(new ScrollingMovementMethod());
        OnClickListener clickT = new ClickTAction();
        OnLongClickListener clickL = new ClickLAction();
        btn_click.setOnClickListener(clickT);
        btn_click.setOnLongClickListener(clickL);
    }
           

ClickTAction

ClickLAction

是两个分别实现了

View.OnClickListener

View.OnLongClickListener

接口的类,这两个类可以作为公共类

MainActivity

的内部类。

private String[] chatStr = {"Did you have your meal?",
            "It's a beautiful day today.",
            "I won!",
            "Let's go to the cinema, shall we?",
            "What should I do in the evening?" };
    private class ClickTAction implements OnClickListener {
        @Override
        public void onClick(View v) {
            if (v.getId() == R.id.button_1) {
                int r = (int)(Math.random()*10) % 5;
                String s = String.format("%s\n%s %s", tv_bbs.getText().toString(), getNowTime(), chatStr[r]);
                tv_bbs.setText(s);
            }
        }
    }
    private class ClickLAction implements OnLongClickListener {
        @Override
        public boolean onLongClick(View v) {
            if (v.getId() == R.id.button_1) {
                tv_bbs.setText("");
            }
            return true;
        }
    }
           

chatStr数组存放了要显示的聊天文本,

getNowTime()

方法是个自编的函数7,用来获取当前的系统时间。

import java.text.SimpleDateFormat;
import java.util.Date;
    private String getNowTime() {
        SimpleDateFormat s = new SimpleDateFormat("HH:mm:ss");
        return s.format(new Date());
    }
           

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

《Android Studio开发实战》学习(二)引言线性布局LinearLayout的使用文本视图TextView的使用按钮Button的使用聊天室布局文件的编写聊天室代码文件的编写

这样,聊天室App就做好了。

  1. 下唐人. 《Android Studio开发实战》学习(一). CSDN博客. ↩︎ ↩︎
  2. 欧阳燊. Android Studio开发实战. 清华大学出版社. 2017. ↩︎ ↩︎ ↩︎ ↩︎ ↩︎
  3. 熊猫大哥大. Android Studio 文本控件TextView. CSDN博客. ↩︎
  4. 使TextView在Android上可滚动_慕课猿问. ↩︎
  5. Core Java Volume I - Fundamentals (10th Edition), Cay S. Horstmann著. 周立新等译. 机械工业出版社. 2016.8 ↩︎
  6. 明金同学. Android开发布局 案例一. CSDN博客. ↩︎
  7. bangying4224. Android Studio开发获取本地时间. CSDN博客. ↩︎