MyFlag Step14：后台代码编写、客户端具体功能实现以及界面优化

引言

在这半周的工作中，我们小组仍然主要进行后台客户端的代码编写工作以及界面的优化，在这里，我对自己主要从事的工作，即客户端的意见反馈功能的实现，做一个重点的介绍。

一、界面编写

在之前的界面设计中，已经完成了关于我们界面的设计。该界面比较简单，在最外层使用一个纵向的LinearLayout，内部嵌套若干个横向的LinearLayout或RelativeLayout，再布置不同的控件就可以实现，具体代码如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/activity_bg_gray"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/white"
        android:padding="0dp">

        <ImageButton
            android:id="@+id/back_btn"
            android:layout_width="?attr/actionBarSize"
            android:layout_height="?attr/actionBarSize"
            android:layout_alignParentLeft="true"
            android:background="@drawable/toolbar_back_bg"
            android:onClick="superViseJudgeBack"
            android:src="?attr/homeAsUpIndicator" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="评价"
            android:textColor="@color/black"
            android:textSize="19sp" />

        <TextView
            android:id="@+id/judge_finish_btn"
            android:layout_width="wrap_content"
            android:layout_height="?attr/actionBarSize"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:background="@drawable/toolbar_back_bg"
            android:gravity="center"
            android:onClick="judgeFinishAction"
            android:padding="5dp"
            android:text="发送"
            android:textColor="@color/login_button_default_blue"
            android:textSize="19sp" />
    </RelativeLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:background="@color/activity_bg_gray" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:background="@color/white"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <EditText
            android:id="@+id/suggest_edit_text"
            android:layout_width="0dp"
            android:layout_height="212dp"
            android:layout_weight="3"
            android:background="@null"
            android:gravity="start"
            android:minLines="5"
            android:padding="8dp"
            android:textColor="@color/text_dark_gray"
            android:textSize="14sp" />
    </LinearLayout>
</LinearLayout>

根据该代码生成的预览效果如下所示，可以看到是符合预期的。

二、内部逻辑实现

该界面的内部逻辑不算很复杂，需要向服务器发送的消息是用户的id和反馈的意见。用户的id已经缓存在了SharedPreferences对象中，而反馈的意见则是从界面的文本输入框EditText中获取。获取信息之后，对合法性进行一些检查，向服务器发送数据，处理反馈的结果就可以了。

具体实现代码如下所示：

package com.example.sdu.myflag.activity;

import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;

import com.example.sdu.myflag.R;
import com.example.sdu.myflag.base.BaseActivity;
import com.example.sdu.myflag.base.BaseApplication;
import com.example.sdu.myflag.util.NetUtil;

import java.io.IOException;
import java.util.ArrayList;

import okhttp3.Response;

/**
 * 意见反馈界面
 */
public class SuggestionActivity extends BaseActivity {

    EditText suggestion_edit_text;
    String suggestion, uid;

    @Override
    public int getLayoutId() {
        return R.layout.activity_suggestion;
    }

    @Override
    public void afterCreate(Bundle savedInstanceState) {
        suggestion_edit_text = (EditText) findViewById(R.id.suggest_edit_text);
        suggestion = "";
        uid = BaseApplication.getInstance().getSharedPreferences("User", MODE_PRIVATE).getString("uid", "");
    }

    public void judgeFinishAction(View view) {
        if (uid.equals("")) {
            Toast.makeText(SuggestionActivity.this, "获取用户id失败", Toast.LENGTH_SHORT).show();
            return;
        }
        suggestion = suggestion_edit_text.getText().toString();

        if (suggestion.equals("")) {
            Toast.makeText(SuggestionActivity.this, "请输入您的意见", Toast.LENGTH_SHORT).show();
            return;
        }

        ArrayList<NetUtil.Param> params = new ArrayList<>();
        params.add(new NetUtil.Param("uid", uid));
        params.add(new NetUtil.Param("suggestion", suggestion));
        try {
            NetUtil.getResult(NetUtil.judgeSuperViseUrl, params, new SuggestionCallBack());
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    public void superViseJudgeBack(View view) {
        this.finish();
    }

    class SuggestionCallBack implements NetUtil.CallBackForResult {
        @Override
        public void onFailure(final IOException e) {
            SuggestionActivity.this.runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    Toast.makeText(SuggestionActivity.this, e.getMessage(), Toast.LENGTH_SHORT).show();
                }
            });
        }

        @Override
        public void onSuccess(Response response) {
            if (response.isSuccessful()) {
                try {
                    final String res = response.body().string();
                    SuggestionActivity.this.runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            if (res.equals("1")) {
                                Toast.makeText(SuggestionActivity.this, "反馈成功", Toast.LENGTH_SHORT).show();
                                SuggestionActivity.this.finish();
                            }
                            else {
                                Toast.makeText(SuggestionActivity.this, "反馈失败", Toast.LENGTH_SHORT).show();
                            }
                        }
                    });
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }
}

在代码编写完毕之后，我进行了白盒测试。因为内部逻辑不是很复杂的原因，测试顺利通过了。

总结

这半周的工作进行得也比较顺利。到目前为止，客户端的代码编写工作已经全部完成，可以进入最后的测试阶段了。目前的进度还是不错的，按照目前的情况是可以按照计划完成的。