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

引言

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

一、界面编写

在之前的界面设计中，已经完成了关于我们界面的设计。该界面比较简单，在最外层使用一个纵向的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: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="AboutUsBack"            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" />    </RelativeLayout>    <LinearLayout        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="1"        android:background="@color/activity_bg_gray"        android:gravity="center"        android:orientation="vertical">        <ImageView            android:layout_width="70dp"            android:layout_height="80dp"            android:scaleType="fitCenter"            android:src="@drawable/app_icon" />        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_marginTop="15dp"            android:text="Ver：1.0.0"            android:textColor="@color/text_dark_gray" />    </LinearLayout>    <LinearLayout        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="2"        android:background="@color/activity_bg_gray"        android:orientation="vertical">        <LinearLayout            android:layout_width="match_parent"            android:layout_height="?attr/actionBarSize"            android:background="@color/white"            android:gravity="center_vertical"            android:orientation="horizontal"            android:paddingLeft="15dp">            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="最新版本：1.0.0"                android:textColor="@color/text_dark_gray" />        </LinearLayout>        <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="?attr/actionBarSize"            android:background="@color/white"            android:gravity="center_vertical"            android:orientation="horizontal"            android:paddingLeft="15dp">            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="制作团队：MYFLAG团队"                android:textColor="@color/text_dark_gray" />        </LinearLayout>        <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="?attr/actionBarSize"            android:background="@color/white"            android:gravity="center_vertical"            android:orientation="horizontal"            android:paddingLeft="15dp">            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="反馈与合作QQ群：570757560"                android:textColor="@color/text_dark_gray" />        </LinearLayout>        <View            android:layout_width="match_parent"            android:layout_height="2dp"            android:background="@color/activity_bg_gray" />    </LinearLayout></LinearLayout>

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

退出登录的功能是集成在设置界面里边的，故不需要单独编写界面。

二、内部逻辑实现

1、关于我们功能

该界面的功能非常简单，只需要将预先设计好的内容显示在界面上即可，即显示一些开发者的信息，并没有什么复杂的逻辑。需要处理的时间只有用户点击后退按钮，只需将当前Activity结束即可跳回上一个界面。

具体代码如下：

package com.example.sdu.myflag.activity;import android.os.Bundle;import android.os.PersistableBundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import com.example.sdu.myflag.R;/** * 关于我们界面 */public class AboutUsActivity extends AppCompatActivity {    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_about_us);    }    public void AboutUsBack(View view) {        this.finish();    }}

2、退出登录

这个功能的实现也不复杂，只需要结束当前界面的Activity和主Activity，以退出用户的登录，在跳转到登陆的初始界面即可。

具体实现代码如下所示：

public void exitLogin(View view) {    startNewActivity(LoginActivity.class);    MainActivity.getInstance().finish();    finish();}

在这两个功能完成之后，我进行了白盒测试。因为代码比较简单的缘故，测试没有发现问题，顺利通过。

总结

这半周实现了两个功能，但因为比较简单，进行得也比较顺利。到目前为止，客户端的代码编写工作已经接近尾声，预计再有半周的时间就可以编写完成，随后进入最后的测试阶段。目前的进度还是不错的，按照目前的情况是可以按照计划完成的。