移动技术开发：简单文本编辑器

1 实验名称

       简单文本编辑器

2 实验目的

       掌握基本布局管理器的使用方法和基本控件的使用方法，以及事件监听处理的使用方法

3 实验源代码

布局文件代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv_test"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="明年的考研形势严峻！"
        android:textSize="24sp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="20dp"
        />

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        >

        <TableRow
            android:layout_marginLeft="20dp"
            >
            <TextView
                android:text="大小"
                android:textSize="20sp"
                />
            <Button
                android:id="@+id/btn_bigger"
                android:text="增大"
                />
            <Button
                android:id="@+id/btn_smaller"
                android:text="减小"
                />
        </TableRow>

        <TableRow
            android:layout_marginLeft="20dp"
            >
            <TextView
                android:text="颜色"
                android:textSize="20sp"
                />
            <Button
                android:id="@+id/btn_red"
                android:text="红色"
                />
            <Button
                android:id="@+id/btn_green"
                android:text="绿色"
                />
            <Button
                android:id="@+id/btn_blue"
                android:text="蓝色"
                />
        </TableRow>

        <TableRow
            android:layout_marginLeft="20dp"
            >
            <TextView
                android:text="样式"
                android:textSize="20sp"
                />
            <Button
                android:id="@+id/btn_bold"
                android:text="粗体"
                />
            <Button
                android:id="@+id/btn_italic"
                android:text="斜体"
                />
            <Button
                android:id="@+id/btn_default"
                android:text="默认"
                />
        </TableRow>

        <TableRow>
            <TextView
                android:text="内容"
                android:textSize="20sp"
                />
            <EditText
                android:id="@+id/et_content"
                />
        </TableRow>

    </TableLayout>

</LinearLayout>

Java代码：

（1）MainActivity：

package com.example.editordemo;

import android.content.DialogInterface;
import android.graphics.Color;
import android.os.Bundle;
import android.util.TypedValue;
import android.view.KeyEvent;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;

public class MainActivity extends AppCompatActivity {

    private TextView tv_test = null;
    private Button btn_bigger = null;
    private Button btn_smaller = null;
    private Button btn_red = null;
    private Button btn_green = null;
    private Button btn_blue = null;
    private Button btn_bold = null;
    private Button btn_italic = null;
    private Button btn_default = null;
    private EditText et_content = null;

    private BtnSizeListener btnSizeListener = null;//定义监听大小的按钮监听器的对象

    private StyleListener styleListener = null;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //通过R文件中的布局文件中的各个控件的id号将Activity类中的声明的各个控件创建出来
        tv_test = findViewById(R.id.tv_test);
        btn_bigger = findViewById(R.id.btn_bigger);
        btn_smaller = findViewById(R.id.btn_smaller);
        btn_red = findViewById(R.id.btn_red);
        btn_green = findViewById(R.id.btn_green);
        btn_blue = findViewById(R.id.btn_blue);
        btn_bold = findViewById(R.id.btn_bold);
        btn_italic = findViewById(R.id.btn_italic);
        btn_default = findViewById(R.id.btn_default);

        et_content = findViewById(R.id.et_content);
        et_content.setOnEditorActionListener(new TextView.OnEditorActionListener() {
            @Override
            public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
                tv_test.setText(et_content.getText().toString());
                return false;
            }
        });

        //创建监听器的对象
        btnSizeListener = new BtnSizeListener();

        styleListener = new StyleListener();//创建样式的监听器对象
        styleListener.setTv_test(tv_test);//将mainActivity中的tv_test对象传递给styleListener

        btn_bold.setOnClickListener(styleListener);
        btn_italic.setOnClickListener(styleListener);
        btn_default.setOnClickListener(styleListener);

        //将事件源对象跟监听器对象绑定
        btn_bigger.setOnClickListener(btnSizeListener);
        btn_smaller.setOnClickListener(btnSizeListener);

        btn_red.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                tv_test.setTextColor(Color.RED);
            }
        });

        btn_green.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                tv_test.setTextColor(Color.GREEN);
            }
        });

        btn_blue.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                tv_test.setTextColor(Color.BLUE);
            }
        });

        tv_test.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View v) {

                AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
                builder.setTitle("请输入新的内容");
                builder.setIcon(R.mipmap.ic_launcher);
                final EditText et_content = new EditText(MainActivity.this);
                builder.setView(et_content);//将et_content对象放到对话框中
                builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        tv_test.setText(et_content.getText().toString().trim());//
                    }
                });

                builder.setNegativeButton("取消",null);
                builder.create().show();//让构建器调用create方法将对话框创建出来，并调用show方法显示对话框
                return false;
            }
        });

    }

    //定义监听大小的监听器类
    private class BtnSizeListener implements View.OnClickListener{

        @Override
        public void onClick(View v) {
            float textSize = tv_test.getTextSize();//得到当前tv_test文本框中字体大小值
            if (v.getId()==R.id.btn_bigger){
                //让tv_test中的文字变大
                textSize = textSize+2;
                tv_test.setTextSize(TypedValue.COMPLEX_UNIT_PX,textSize);
            }
            else if (v.getId()==R.id.btn_smaller){
                    ////让tv_test中的文字变小
                    textSize = textSize-2;
                    tv_test.setTextSize(TypedValue.COMPLEX_UNIT_PX,textSize);
            }
        }
    }
}

（2）StyleListener：

package com.example.editordemo;

import android.graphics.Typeface;
import android.view.View;
import android.widget.TextView;

public class StyleListener implements View.OnClickListener {

    private TextView tv_test = null;
    int flag = 0;//0表示默认样式，1表示粗体样式，2表示斜体样式，3表示粗斜体样式

    public void setTv_test(TextView tv_test) {
        this.tv_test = tv_test;
    }

    @Override
    public void onClick(View v) {
        Typeface typeface = tv_test.getTypeface();
        if (v.getId()==R.id.btn_bold){
            if (flag == 2){
                tv_test.setTypeface(Typeface.MONOSPACE,Typeface.BOLD_ITALIC);//设置字体样式为粗斜体
                flag = 3;//将样式标志变量设置为3粗斜体
            }else {
                tv_test.setTypeface(Typeface.MONOSPACE,Typeface.BOLD);//设置字体样式为粗体
                flag = 1;//将样式标志变量设置为1粗体
            }
        }
        else if (v.getId()==R.id.btn_italic){
            if (flag == 1){
                tv_test.setTypeface(Typeface.MONOSPACE,Typeface.BOLD_ITALIC);//设置字体样式为粗斜体
                flag = 3;//将样式标志变量设置为3粗斜体
            }else {
                tv_test.setTypeface(Typeface.MONOSPACE,Typeface.ITALIC);//设置字体样式为斜体
                flag = 2;//将样式标志变量设置为2斜体
            }
        }
        else if (v.getId()==R.id.btn_default) {
            tv_test.setTypeface(Typeface.DEFAULT);
            flag = 0;
        }

    }
}

4 实验运行结果图

5 总结

       先写布局文件，首先是一个文本框，内容自定义；然后添加一个表格布局，表格里面分三行，每行的布局都由文本框和按钮组成，三行分别设置为大小、颜色、样式；接下来一行设置了一个文本编辑框，是输入的内容。

       写完布局文件，开始写Java代码，通过R文件中的布局文件中的各个控件的id号将类在的声明的各个控件创建出来；然后创建监听大小的监听器和样式监听器的对象，同时将mainActivity中的tv_test对象传递给styleListener，接着将事件源对象和监听器对象绑定。

       在写Java代码的过程中，在定义监听大小的监听器类程序编写时，一开始采用了case/switch语句来实现文字的变大变小，但是此时却出现了报错，上网查找原因知道了是因为新版本的Android Studio不支持这种写法,所以我将其改写为if else语句，然后就成功运行出来啦！