《Android Studio開發實戰》學習（二）

《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檔案，然後傳輸到手機上運作

這樣，聊天室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部落格. ↩︎