技術標籤：Android遊戲

描述：
猜數字遊戲包含“猜數”、“排行榜”和“設定” 3個模組。
1）“猜數”模組：隨機生成一定範圍內的一個整數，使用者可以輸入自己的猜想數字，程式進行判斷並給出“猜大”、“猜小”或“正確”的3種提示
2）“排行榜”模組：根據使用者猜對數字的次數進行排名顯示。
3）“設定”模組：在這個模組，使用者可以設定自己的使用者名稱，也可以選擇是否使用“預設姓名”進行後面的每一次猜數遊戲
如果使用，後面則直接進行遊戲，
如果不使用，後面的每次遊戲結束後程序會提示要輸入使用者名稱，以便記錄遊戲歷史，並在“排行榜”模組顯示。
在“設定”模組，使用者還可以選擇接下來的要進行的猜數遊戲的猜數範圍，本次給出1-100,1-1000,1-10000三種範圍，大家後期可以根據需要修改調整。

接下來，逐一對每個模組實現步驟進行講解！
【資料庫】
新建一個輔助類MyHelper類繼承SQLiteOpenHelper類，並實現它的onCreate方法和onUpgrade方法。

package com.example.mygame;

import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.
 
SQLiteOpenHelper;

public class MyHelper extends SQLiteOpenHelper {
    public MyHelper(Context context,String name,SQLiteDatabase.CursorFactory factory,int version){
        super(context,name,factory,version);
    }

    @Override
    public void onCreate(SQLiteDatabase db) {
        db.execSQL("create table ordertb(_id integer primary key "
 
+"autoincrement," +
                "name string not null,count integer not null,range integer not null)");

    }

    @Override
    public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {

    }
}

【下方導航欄的實現】

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"
        android:background="#E8EEF5"
        android:baselineAligned="false"
        tools:ignore="Orientation"
       >
        <!--猜數-->
        <LinearLayout
            android:id="@+id/llay_guess"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:background="#E8EEF5"
            android:orientation="vertical">
            <ImageView
                android:id="@+id/img_guess"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:src="@drawable/game_on"/>
            <TextView
                android:id="@+id/txt_guess"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/txt_guess"
                android:textSize="20dp"
                android:textStyle="bold"
                android:textColor="@color/color_txt_pressed"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="2dp"
            android:layout_height="match_parent"
            android:divider="@color/color_txt_pressed"
            android:showDividers="end">

        </LinearLayout>
        <!--排行榜-->
        <LinearLayout
            android:id="@+id/llay_order"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical"
            android:gravity="center">
            <ImageView
                android:id="@+id/img_order"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:src="@drawable/rank_off"
                android:layout_gravity="center_horizontal"/>
            <TextView
                android:id="@+id/txt_order"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/txt_order"
                android:textSize="20dp"
                android:textStyle="bold"
                android:textColor="@color/color_txt_normal"/>

        </LinearLayout>

        <!--設定-->
        <LinearLayout
            android:id="@+id/llay_setting"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical"
            android:gravity="center">
            <ImageView
                android:id="@+id/img_setting"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:src="@drawable/setting_off"/>
            <TextView
                android:id="@+id/txt_setting"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/txt_setting"
                android:textSize="20dp"
                android:textStyle="bold"
                android:textColor="@color/color_txt_normal"/>
        </LinearLayout>
    </LinearLayout>

    <FrameLayout
        android:id="@+id/fragment_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/linearLayout"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"/>

</RelativeLayout>

佈局中涉及的“strings.xml”檔案如下：

  <string name="txt_guess">猜數</string>
    <string name="txt_order">排行榜</string>
    <string name="txt_setting">設定</string>

佈局中涉及的“colors.xml”檔案如下：

    <color name="color_txt_normal">#737373</color>
    <color name="color_txt_pressed">#d4257b</color>

在MainActivity中實現導航邏輯之前，先搭個基本頁面框架：
新建GuessFragment（猜數字頁）、OrderFragment（積分排行榜頁）和SettingFragment（設定頁）3個類，以及對應的佈局檔案“fragment_guess.xml”、“fragment_order.xml”和“fragment_setting.xml”。
在MainActivity中的程式碼如下：

package com.example.mygame;


import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.content.ContextCompat;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;


public class MainActivity extends AppCompatActivity {
    private LinearLayout ILay_guess,ILay_order,ILay_setting;
    private ImageView img_guess,img_order,img_setting;
    private TextView txt_guess,txt_order,txt_setting;
    private Fragment fm_guess,fm_order,fm_setting;

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

    private void initView(){
        ILay_guess = findViewById(R.id.llay_guess);
        ILay_order = findViewById(R.id.llay_order);
        ILay_setting = findViewById(R.id.llay_setting);

        img_guess = findViewById(R.id.img_guess);
        img_order = findViewById(R.id.img_order);
        img_setting = findViewById(R.id.img_setting);

        txt_guess = findViewById(R.id.txt_guess);
        txt_order = findViewById(R.id.txt_order);
        txt_setting = findViewById(R.id.txt_setting);
    }

    private void setDefaultFragment(){
        FragmentManager fm = getSupportFragmentManager();
        FragmentTransaction transaction = fm.beginTransaction();
        fm_guess = new GuessFragment();
        transaction.replace(R.id.fragment_content,fm_guess,"GUESS");
        transaction.commit();
    }
    private void setOnClickLisener(){
        ILay_guess.setOnClickListener(new LinearLayoutOnClickLisener());
        ILay_order.setOnClickListener(new LinearLayoutOnClickLisener());
        ILay_setting.setOnClickListener(new LinearLayoutOnClickLisener());
    }

    private class LinearLayoutOnClickLisener implements View.OnClickListener{

        @Override
        public void onClick(View v) {
            FragmentManager fm = getSupportFragmentManager();
            FragmentTransaction transaction = fm.beginTransaction();
            resetLinearLayout();
            switch (v.getId()){
                case R.id.llay_guess:
                    if (fm_guess == null){
                        fm_guess = new  GuessFragment();
                    }
                    img_guess.setImageResource(R.drawable.game_on);
                    txt_guess.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.color_txt_pressed));
                    transaction.replace(R.id.fragment_content,fm_guess,"GUESS");
                    break;
                case R.id.llay_order:
                    if (fm_order == null){
                        fm_order = new OrderFragment();
                    }
                    img_order.setImageResource(R.drawable.rank_on);
                    txt_order.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.color_txt_pressed));
                    transaction.replace(R.id.fragment_content,fm_order,"ORDER");
                    break;
                case R.id.llay_setting:
                    if (fm_setting == null){
                        fm_setting = new SettingFragment();
                    }
                    img_setting.setImageResource(R.drawable.setting_on);
                    txt_setting.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.color_txt_pressed));
                    transaction.replace(R.id.fragment_content,fm_setting,"SETTING");
                    break;
            }
            transaction.commit();
        }
    }

    private void resetLinearLayout(){
        img_guess.setImageResource(R.drawable.game_off);
        img_order.setImageResource(R.drawable.rank_off);
        img_setting.setImageResource(R.drawable.setting_off);

        txt_guess.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.color_txt_normal));
        txt_order.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.color_txt_normal));
        txt_setting.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.color_txt_normal));
    }

}

【“設定”模組的實現】
在對應的佈局檔案“fragment_setting.xml”中，程式碼佈局如下：

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".SettingFragment"
    android:orientation="vertical">

    <TextView
        android:id="@+id/txt_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/txt_name"
        android:textSize="22dp"/>
    <EditText
        android:id="@+id/edit_defaultName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:padding="8dp"
        android:hint="@string/edit_name"
        android:textSize="22dp" />
    <CheckBox
        android:id="@+id/chb_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="@string/chb_useDefaultName"
        android:textSize="22dp"
        />

    <TextView
        android:id="@+id/txt_defaultRange"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="@string/txt_defaultRange"
        android:textSize="22dp"/>

    <Spinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:entries="@array/range_array"
        android:layout_marginTop="10dp"/>

    <Button
        android:id="@+id/btn_save"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="@string/btn_setting"
        android:textSize="22dp"/>
</LinearLayout>

佈局檔案中涉及的“strings.xml”檔案內容如下：

<string name="txt_name">請輸入預設姓名:</string>
    <string name="chb_useDefaultName">使用預設姓名:</string>
    <string name="txt_defaultRange">預設範圍:</string>
    <string name="btn_setting">儲存設定</string>
    <string name="edit_name">預設姓名</string>

    <string-array name="range_array">
        <item>100</item>
        <item>1000</item>
        <item>10000</item>
    </string-array>

該模組的邏輯實現程式碼在“SettingFragment”類中實現：

package com.example.mygame;

import android.content.Context;
import android.content.SharedPreferences;
import android.support.v4.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.Spinner;
import android.widget.Toast;

public class SettingFragment extends Fragment{
    private EditText edit_name;
    private Button btn_save;
    private CheckBox chb_defaultName;
    private Spinner spinner;
    private Context context;

    @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState){
        View view = inflater.inflate(R.layout.fragment_setting,container,false);
        context = view.getContext();
        initView(view);
        btn_save.setOnClickListener(new ButtonOnClickLisener());
        return view;
    }

    private void initView(View view){
        edit_name = view.findViewById(R.id.edit_defaultName);
        btn_save = view.findViewById(R.id.btn_save);
        chb_defaultName = view.findViewById(R.id.chb_name);
        spinner = view.findViewById(R.id.spinner);
    }

    public class ButtonOnClickLisener implements View.OnClickListener{

        @Override
        public void onClick(View v) {
            SharedPreferences sharedPreferences = context.getSharedPreferences("Info",Context.MODE_PRIVATE);
            SharedPreferences.Editor editor = sharedPreferences.edit();
            int defaultRange = Integer.valueOf(spinner.getSelectedItem().toString());
            editor.putInt("range",defaultRange);
            if (chb_defaultName.isChecked()){
                String defaultName = edit_name.getText().toString();
                if (defaultName.isEmpty()){
                    Toast.makeText(context,"請輸入預設姓名！",Toast.LENGTH_SHORT).show();
                    return;
                }
                editor.putString("name",defaultName);

            }
            else {
                editor.remove("name");
            }
            if (editor.commit()){
                Toast.makeText(context,"儲存成功！",Toast.LENGTH_SHORT).show();
            }
        }
    }
}

完成可執行run，在模擬器跑一下。
【“猜數”模組的實現】
猜數模組佈局檔案"fragment_guess.xml"內容如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".GuessFragment"
    android:background="#ffffff"
    android:orientation="vertical">
    <TextView
        android:id="@+id/txt_range"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:textSize="22dp"/>

    <EditText
        android:id="@+id/edit_num"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_below="@id/txt_range"
        android:padding="8dp"
        android:inputType="numberSigned"
        android:textSize="22dp"/>

    <Button
        android:id="@+id/btn_submit"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_below="@id/edit_num"
        android:textSize="22dp"/>

    <TextView
        android:id="@+id/txt_compare"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:textSize="22dp"
        android:layout_below="@id/btn_submit"
        android:layout_centerHorizontal="true"/>

    <ImageView
        android:id="@+id/img_broad"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_margin="10dp"
        android:layout_toStartOf="@id/txt_compare"
        android:layout_toLeftOf="@id/txt_compare"
        android:layout_below="@id/btn_submit"/>

    <TextView
        android:id="@+id/txt_count"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:textSize="22dp"
        android:layout_below="@id/txt_compare"
        android:layout_alignLeft="@id/txt_compare"
        android:layout_alignStart="@id/txt_compare"
        />
    <ImageView
        android:id="@+id/img_bingo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/img_broad"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:src="@drawable/bingo"/>
</RelativeLayout>

在GuessFragment類中實現猜數判斷邏輯：

package com.example.mygame;

import android.content.ContentValues;
import android.content.Context;
import android.content.SharedPreferences;
import android.database.sqlite.SQLiteDatabase;
import android.support.v4.app.Fragment;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.Random;

public class GuessFragment extends Fragment {
    private int count,rndNum;
    private EditText edit_num;
    private TextView txt_range,txt_compare,txt_count;
    private Button btn_submit;
    private ImageView img_broad,img_bingo;
    private boolean flag;
    private String name;
    public int range = 0;
    private Context context;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState){
        View view = inflater.inflate(R.layout.fragment_guess,container,false);
        context = view.getContext();
        initView(view);
        initData();
        btn_submit.setOnClickListener(new ButtonOnClickLisener());
        return view;
    }

    private void initView(View view){
        edit_num = view.findViewById(R.id.edit_num);
        txt_range = view.findViewById(R.id.txt_range);
        txt_compare = view.findViewById(R.id.txt_compare);
        txt_count = view.findViewById(R.id.txt_count);

        btn_submit = view.findViewById(R.id.btn_submit);

        img_broad = view.findViewById(R.id.img_broad);
        img_bingo = view.findViewById(R.id.img_bingo);
    }
    public void initData(){
        SharedPreferences sharedPreferences = context.getSharedPreferences("Info",Context.MODE_PRIVATE);
        name = sharedPreferences.getString("name","");
        range = sharedPreferences.getInt("range",100);
        Random mRandom = new Random();
        rndNum = mRandom.nextInt(range)+1;

        txt_range.setText("請輸入1-"+range+"之間的整數");
        txt_count.setText("");
        txt_compare.setText("");

        img_broad.setVisibility(View.INVISIBLE);
        img_bingo.setVisibility(View.INVISIBLE);

        btn_submit.setText("提交");
        flag = true;
        count = 0;
    }

    private class ButtonOnClickLisener implements View.OnClickListener{
        @Override
        public void onClick(View v) {
            if (flag){
                String str_num = edit_num.getText().toString();
                if (str_num.isEmpty()){

                    Toast.makeText(context,"請輸入數字！",Toast.LENGTH_SHORT).show();
                    return;
                }
                edit_num.setText("");
                int numInput = Integer.valueOf(str_num);
                if (numInput<1 || numInput > range){
                    Toast.makeText(context,"請輸入範圍內的數字！",Toast.LENGTH_SHORT).show();
                    return;
                }
                count += 1;
                img_broad.setVisibility(View.VISIBLE);
                txt_count.setText("猜數次數："+count);

                if (numInput > rndNum){
                    txt_compare.setText("輸入的"+str_num+"太大了！");
                }else if(numInput < rndNum){
                    txt_compare.setText("輸入的"+str_num+"太小了！");
                }else{
                    txt_compare.setText("恭喜你猜對啦！正確答案是："+rndNum+"!");
                    img_bingo.setVisibility(View.VISIBLE);
                    flag = false;
                    btn_submit.setText("再猜一次");

                    if (name.isEmpty()){
                        final CustomDialog dialog = new CustomDialog(context,R.style.MyDialog);
                        dialog.show();
                        Button btn_confirm = dialog.findViewById(R.id.btn_confirm);
                        final  EditText edit_name = dialog.findViewById(R.id.edit_inputName);
                        btn_confirm.setOnClickListener(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                name = edit_name.getText().toString();
                                if (!name.isEmpty()){
                                    insertData();
                                    dialog.dismiss();
                                }
                            }
                        });
                    } else {
                        insertData();
                    }
                }
            }else {
                initData();
            }
        }

    }

    private void insertData(){
        MyHelper helper = new MyHelper(context,"Guess.db",null,1);
        SQLiteDatabase db = helper.getWritableDatabase();
        ContentValues values = new ContentValues();
        values.put("name",name);
        values.put("count",count);
        values.put("range",range);
        db.insert("ordertb",null,values);
        db.close();
    }

}

可以發現，在GuessFragment類中，引入了CustomDialog類，這是自定義的對話方塊，用於前面基本構思說的，使用者在進行猜數遊戲時，如果在設定頁中，不選擇使用預設姓名的話，遊戲結束會要求使用者輸入使用者名稱。
CustomDialog自定義對話方塊的具體實現如下：
佈局檔案“alertdialog_input.xml”:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:background="#80BCF7"
    android:padding="20dp">
    <TextView
        android:id="@+id/txt_info"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="5dp"
        android:gravity="center"
        android:text="@string/txt_dialog_info"
        android:textSize="22dp"
        android:textColor="#ffffff"
        />

    <EditText
        android:id="@+id/edit_inputName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:padding="8dp"/>

    <Button
        android:id="@+id/btn_confirm"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/btn_dialog_confirm"
        android:textSize="20dp"/>
</LinearLayout>

佈局檔案中涉及到的“strings.xml”檔案內容如下：

    <string name="txt_dialog_info">請輸入姓名</string>
    <string name="btn_dialog_confirm">確定</string>

CustomDialog類實現程式碼：

package com.example.mygame;


import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.view.Gravity;
import android.view.WindowManager;

public class CustomDialog extends Dialog {

    private Context context;

    public CustomDialog(Context context,int themeResId) {
        super(context,themeResId);
        this.context = context;
    }

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

    @Override
    public void show(){
        super.show();
//        設定對話方塊寬度、對齊方式等
        WindowManager.LayoutParams layoutParams = getWindow().getAttributes();
        layoutParams.gravity = Gravity.CENTER;
        layoutParams.width = WindowManager.LayoutParams.MATCH_PARENT;
        layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
//        getWindow().getDecorView().setPadding(0,0,0,0);
        getWindow().setAttributes(layoutParams);

    }
}

【“排行榜”模組的實現】
該模組佈局檔案“fragment_order.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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".OrderFragment">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        <android.support.v4.view.PagerTabStrip
            android:id="@+id/tabstrip"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

    </android.support.v4.view.ViewPager>

</RelativeLayout>

新建“viewpager_tab_hundred.xml”佈局檔案（用於在排行榜頁中顯示排名，也可以多建幾個同樣的檔案，在排行榜實現分頁顯示不同範圍的猜數遊戲有不同的排行榜，這裡只在一頁顯示全部）：

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

    <ListView
        android:id="@+id/lv_hundred"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >

    </ListView>
</LinearLayout>

OrderFragment類邏輯程式碼實現：

package com.example.mygame;

import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.graphics.Color;
import android.support.annotation.NonNull;
import android.support.v4.app.Fragment;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.ViewPager;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import java.util.ArrayList;

public class OrderFragment extends Fragment {
    private ListView lv_hunderd,lv_thousand,lv_tenthousand;
    private ViewPager pager;
    private Context context;
    private PagerTabStrip tabStrip;
    private ArrayList<View> viewContainer;
    private ArrayList<String> titleContainer;
    private ArrayList<String>[] data;     //用於為每個pager的ListView準備資料

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState){
        View view = inflater.inflate(R.layout.fragment_order,container,false);
        context = view.getContext();
        initView(view);
        pagersetAdapter();
        return view;
    }

    private void initData(){
        MyHelper helper = new MyHelper(context,"Guess.db",null,1);
        SQLiteDatabase db = helper.getReadableDatabase();
        int[] ranges = {100,1000,1000};
        data = new ArrayList[3];
        data[0] = new ArrayList<>();
        data[1] = new ArrayList<>();
        data[2] = new ArrayList<>();

        for (int i = 0; i < 3; i++) {

            Cursor c = db.query("ordertb",null,null,null
                    ,null,null,"count");
            if (c.getCount()>0){
                while (c.moveToNext()){
                    data[i].add("姓名："+c.getString(c.getColumnIndex("name"))+"\t\t花費次數: "+
                            c.getString(c.getColumnIndex("count")));
                }
            }else {
                Log.i("info","資料庫無資料");
            }
            c.close();
        }
        db.close();
    }

    private void initListView(){
        ArrayAdapter<String> adapter_hundred = new ArrayAdapter<String>(context,android.R.layout.simple_expandable_list_item_1,data[0]);
        lv_hunderd.setAdapter(adapter_hundred);

        ArrayAdapter<String> adapter_thousand = new ArrayAdapter<String>(context,android.R.layout.simple_expandable_list_item_1,data[1]);
        lv_hunderd.setAdapter(adapter_thousand);

        ArrayAdapter<String> adapter_tenthousand = new ArrayAdapter<String>(context,android.R.layout.simple_expandable_list_item_1,data[2]);
        lv_hunderd.setAdapter(adapter_tenthousand);
    }

    private void initView(View view){
        pager = view.findViewById(R.id.viewpager);
        tabStrip = view.findViewById(R.id.tabstrip);
        tabStrip.setDrawFullUnderline(false);
        tabStrip.setBackgroundColor(Color.parseColor("#ccccff"));
        tabStrip.setTabIndicatorColor(Color.parseColor("#6666ff"));

        LayoutInflater inflater = getActivity().getLayoutInflater();
        View view_tab1 = inflater.inflate(R.layout.viewpager_tab_hundred,null);
//        View view_tab2 = inflater.inflate(R.layout.viewpager_tab_thousand,null);
//        View view_tab3 = inflater.inflate(R.layout.viewpager_tab_tenthousand,null);

        lv_hunderd = view_tab1.findViewById(R.id.lv_hundred);
//        lv_thousand = view_tab2.findViewById(R.id.lv_thousand);
//        lv_tenthousand = view_tab3.findViewById(R.id.lv_tenthousand);

        initData();
        initListView();
//        新增到ViewPager
        viewContainer = new ArrayList<>();
        viewContainer.add(view_tab1);
//        viewContainer.add(view_tab2);
//        viewContainer.add(view_tab3);

//        設定標題
        titleContainer = new ArrayList<>();
        titleContainer.add("排行榜");
//        titleContainer.add("1-1000排行榜");
//        titleContainer.add("1-10000排行榜");
    }

    private void pagersetAdapter(){
        pager.setAdapter(new PagerAdapter() {
            @Override
            public int getCount() {
                return viewContainer.size();
            }

            @Override
            public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
                return view == object;
            }

            @Override
            public void destroyItem(ViewGroup container,int position,Object object){
                ((ViewPager)container).removeView(viewContainer.get(position));
            }

            @Override
            public Object instantiateItem(ViewGroup container,int position){
                ((ViewPager)container).addView(viewContainer.get(position));
                return viewContainer.get(position);
            }

            @Override
            public int getItemPosition(Object object){
                return super.getItemPosition(object);
            }

            @Override
            public CharSequence getPageTitle(int position){
                return titleContainer.get(position);
            }
        });
    }
}

到這裡，猜數頁，猜數頁填寫使用者名稱的對話方塊，排行榜，設定頁都已經實現了。整個工程也基本完結了。

作者：唐玉金

原文地址