第六週（1） 後臺代碼編寫與客戶端具體功能實現以及界面優化

引言

在這半周的工作中，我們小組仍然主要進行後臺客戶端的代碼編寫工作以及界面的優化，在這裏，我對自己主要從事的工作，即客戶端的查看個人信息的實現，做一個重點的介紹。

查看個人信息

1、界面編寫

查看個人信息的界面圖如下：

xml代碼十分簡單，首先頂部titlebar是一個RelativeLayout，有一個返回按鈕，一個textview和一個編輯按鈕，分別設置屬性控制他們的位置。

然後下面是三個LinearLayout，具體代碼如下：

<?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:gravity="center_horizontal"
    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="lookInfoBackTo"
            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" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="?attr/actionBarSize"
            android:layout_alignParentRight="true"
            android:background="@color/transparent"
            android:onClick="editInfo"
            android:text="編輯"
            android:textColor="@color/text_blue"
            android:textSize="18sp" />
    </RelativeLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_marginTop="20dp"
        android:background="@color/white"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:paddingLeft="20dp"
            android:text="暱稱"
            android:textColor="@color/black"
            android:textSize="17sp" />

        <TextView
            android:id="@+id/nick_name_tv"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="3"
            android:background="@null"
            android:gravity="center_vertical"
            android:paddingLeft="10dp"
            android:text=""
            android:textColor="@color/text_dark_gray"
            android:textSize="17sp" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_marginTop="2dp"
        android:background="@color/white"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:paddingLeft="20dp"
            android:text="性別"
            android:textColor="@color/black"
            android:textSize="17sp" />

        <TextView
            android:id="@+id/sex_tv"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="3"
            android:background="@null"
            android:gravity="center_vertical"
            android:paddingLeft="10dp"
            android:textColor="@color/text_dark_gray"
            android:textSize="17sp" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_marginTop="20dp"
        android:background="@color/white"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:paddingLeft="20dp"
            android:text="個性簽名"
            android:textColor="@color/black"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/info_tv"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="3"
            android:background="@null"
            android:gravity="center_vertical"
            android:paddingLeft="10dp"
            android:textColor="@color/text_dark_gray"
            android:textSize="17sp" />

    </LinearLayout>

    <ProgressBar
        style="?android:attr/progressBarStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/progressBar"
        android:layout_gravity="center_horizontal" />
</LinearLayout>

2、java邏輯編寫

查看個人信息這裏不需要向服務器請求數據，因爲要顯示的暱稱，性別以及個性簽名在用戶登錄後都會存儲到本地，所以直接從本地獲取數據即可。當點擊“編輯”按鈕的時候，需要跳轉到編輯界面即可，所以代碼邏輯十分簡單。具體代碼如下：

/**
 * 查看個人信息
 */
public class LookInfoActivity extends BaseActivity {

    private TextView nickNameTv, infoTv, sex_tv;
    private String nickname, sex, info;
    private boolean isEdit;
    private int select = BaseApplication.getInstance().getSharedPreferences("User", Context.MODE_PRIVATE).getInt("photo", 0);

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

    @Override
    public void afterCreate(Bundle savedInstanceState) {
        nickNameTv = (TextView) findViewById(R.id.nick_name_tv);
        infoTv = (TextView) findViewById(R.id.info_tv);
        sex_tv = (TextView) findViewById(R.id.sex_tv);
        Intent intent = getIntent();
        nickname = intent.getStringExtra("nickname");
        sex = intent.getStringExtra("sex");
        info = intent.getStringExtra("info");
        isEdit = false;
        sex_tv.setText(sex);
        nickNameTv.setText(nickname);
        infoTv.setText(info);
    }

    public void editInfo(View view) {
        Intent intent = new Intent(LookInfoActivity.this, EditInfoActivity.class);
        intent.putExtra("nickname", nickNameTv.getText());
        intent.putExtra("info", infoTv.getText());
        startActivityForResult(intent, 0);
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        switch (resultCode) {
            case 1:
                String nicknameStr = data.getStringExtra("nickname");
                String infoStr = data.getStringExtra("information");
                select = data.getIntExtra("photo", 0);
                nickNameTv.setText(nicknameStr);
                infoTv.setText(infoStr);
                nickname = nicknameStr;
                info = infoStr;
                isEdit = true;
                break;
        }
    }

    @Override
    public void onBackPressed() {
        if (isEdit) {
            Intent intent = new Intent();
            intent.putExtra("nickname", nickname);
            intent.putExtra("info", info);
            intent.putExtra("photo", select);
            setResult(1, intent);
            LookInfoActivity.this.finish();
        } else
            LookInfoActivity.this.finish();
    }

    public void lookInfoBackTo(View view) {
        onBackPressed();
    }
}

3、測試

在代碼完成後，我們進行了簡單的測試，使用白盒測試的方法設計了一些用例，全部通過後才完成工作。