Android模仿奇怪的大冒险主界面表情变化

大家可能不知道《奇怪的大冒险》这款游戏，这款游戏界面非常简单,设计方面特别无厘头，而且非常搞笑。在此目的不是要向大家推荐这个游戏，而是利用自己的Android知识来模仿这款游戏的界面，界面很简单，但是其中的一个关键点让我感触颇深。

针对游戏中头像不断变化的设计我提出自己的观点，在主UI线程中最好不用for循环来一直刷新，因为这样会堵塞主线程。我使用了定时器Timer和TimeTask来每隔500毫秒刷新界面改变背景头像。

具体代码如下：

1、界面XML代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/startup_bkg_gray"
    tools:context="com.example.app_damaoxian.MainActivity">
    <ImageView
        android:src="@drawable/startup_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <ImageView
        android:clickable="true"
        android:id="@+id/iv_begaingame"
        android:layout_width="150dp"
        android:layout_height="75dp"
        android:background="@drawable/background_begaingame"
        android:layout_centerVertical="true"
        android:layout_alignEnd="@+id/iv_title" />

    <ImageView
        android:clickable="true"
        android:id="@+id/iv_title"
        android:scaleType="centerInside"
        android:layout_centerHorizontal="true"
        android:layout_above="@id/iv_begaingame"
        android:padding="10dp"
        android:src="@drawable/startup_lbl_title_zh"
        android:layout_width="350dp"
        android:layout_height="wrap_content" />
    <ImageView
        android:id="@+id/iv_option"
        android:scaleType="fitCenter"
        android:clickable="true"
        android:background="@drawable/background_option"
        android:layout_width="140dp"
        android:layout_height="67dp"
        android:layout_below="@+id/iv_begaingame"
        android:layout_toStartOf="@+id/iv_about"
        android:layout_marginTop="20dp" />
    <ImageView
        android:id="@+id/iv_about"
        android:scaleType="fitCenter"
        android:clickable="true"
        android:background="@drawable/background_about"
        android:layout_width="100dp"
        android:layout_height="66dp"
        android:layout_alignTop="@+id/iv_option"
        android:layout_alignEnd="@+id/iv_begaingame" />
    <ImageView
        android:id="@+id/iv_photo_background"
        android:layout_width="140dp"
        android:layout_height="150dp"
        android:src="@drawable/startup_photo_border"
        android:layout_below="@+id/iv_title"
        android:layout_toStartOf="@+id/iv_option" />

    <ImageView
        android:clickable="true"
        android:id="@+id/iv_photo_broder"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/background_photobroder"
        android:layout_alignBottom="@+id/iv_photo_background"
        android:layout_alignStart="@+id/iv_title"
        android:layout_marginBottom="26dp" />
</RelativeLayout>

2、界面Activity的java代码：注意在使用Timer时不能直接改变UI,需要使用Hander来简洁改变UI

package com.example.app_damaoxian;

import android.content.Intent;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;
import java.util.Objects;
import java.util.Timer;
import java.util.TimerTask;

public class MainActivity extends AppCompatActivity {
    private ImageView iv_photo_broder,iv_begaingame,iv_option;
    private RelativeLayout Relayout_StartMain;
    private Timer timer0;
    private TimerTask timerTask0;
    private Handler hander0;
    private int count0=0;
    private TextView textView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Relayout_StartMain=(RelativeLayout)findViewById(R.id.activity_main);
        Relayout_StartMain.setSystemUiVisibility(View.SYSTEM_UI_FLAG_FULLSCREEN);
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        initView();
       // textView=(TextView)findViewById(R.id.tv_number);
    }
    private void initView(){
        /**
         * 利用Timer和TimerTask实现hander对UI线程的更新，每500毫秒一次
         */
        iv_photo_broder=(ImageView) findViewById(R.id.iv_photo_broder);
        timer0=new Timer();
        hander0=new Handler(){
            @Override
            public void handleMessage(Message msg) {
                //textView.setText(""+msg.what);
                switch (msg.what){
                    case 1:
                        iv_photo_broder.setImageResource(R.drawable.startup_herface1);
                        break;
                    case 2:
                        iv_photo_broder.setImageResource(R.drawable.startup_herface2);
                        break;
                    case 3:
                        iv_photo_broder.setImageResource(R.drawable.startup_herface3);
                        break;
                    default:
                        break;
                }
                super.handleMessage(msg);
            }
        };
        timerTask0=new TimerTask() {
            @Override
            public void run() {
                count0++;
                Message message=new Message();
                message.what=count0;
                hander0.sendMessage(message);
                if (count0==3){
                    count0=0;
                }
            }
        };
        timer0.schedule(timerTask0,1000,500);
        /**
         * 定义开始按钮接口
         */
        iv_begaingame=(ImageView)findViewById(R.id.iv_begaingame);
        iv_begaingame.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent mintent=new Intent(MainActivity.this,Fragment_GameMenuActivity.class);
                startActivity(mintent);
                overridePendingTransition(R.animator.fragment_in,R.animator.fragment_out);
            }
        });
        /**
         * 定义选项按钮接口
         */
        iv_option=(ImageView)findViewById(R.id.iv_option);
        iv_option.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent mintent=new Intent(MainActivity.this,Activity_option.class);
                startActivity(mintent);
                overridePendingTransition(R.animator.fragment_in,R.animator.fragment_out);
            }
        });

    }

    /**
     * 初始化一些用户设定，以及读取部分数据
     */
    void initialization(){

    }
    @Override
    protected void onDestroy() {
        if (timer0!=null){
            timer0.cancel();
            timer0=null;
        }
        super.onDestroy();
    }
}

3、AndroidManifest.xml代码，其中实现了全屏和横屏

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.app_damaoxian">

    <application
        android:name=".App_Data"
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/Theme.AppCompat.NoActionBar">
        <activity
            android:name=".MainActivity"
            android:screenOrientation="landscape">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name=".Fragment_GameMenuActivity"
            android:screenOrientation="landscape" />
        <activity
            android:name=".Activity_option"
            android:screenOrientation="landscape" />
        <activity android:name=".Activity_game_0_0"
            android:screenOrientation="landscape"></activity>
    </application>

</manifest>

我已经在Github中上传了源代码，欢迎star https://github.com/zqljintu/qiguaidedamaoxian  点击打开链接