Activity实战之装备购买小案例

购买装备小案例

基本思路：
通过intent跳转页面传输数据并返回数据， 实现页面之间的交互。
页面显示如下：

1. 
   
2. 首先我们先写main_activity的界面， 代码如下：
   

分析一下， 整个界面的布局：
我们整体使用线性布局， 生命值、攻击力和敏捷度的进度条显示以及数据的显示我们用TableLayout显示，下面两个买装备的按钮用一个LinearLayout包裹起来。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.example.bz0209.demo_6.MainActivity">
    <ImageView
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:src="@drawable/panda"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="20dp"
         />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:layout_marginTop="20dp"
        android:layout_gravity="center_horizontal"
        android:text="小子， 还不给老夫买装备？"
        />
    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        >
        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            >
            <TextView
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:text="生命力："

                />

            <ProgressBar
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="0dp"
                android:layout_weight="3"
                android:layout_height="wrap_content"
                android:id="@+id/pro1" />
            <TextView
                android:layout_width="0dp"
                android:layout_weight="1"
                android:id="@+id/tv_life"
                android:layout_height="wrap_content"
                android:layout_marginLeft="25dp"
                android:text="0"
                />


        </TableRow>
        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="20dp"
            >
            <TextView
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:text="攻击力："

                />

            <ProgressBar
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="0dp"
                android:layout_weight="3"
                android:layout_height="wrap_content"
                android:id="@+id/pro2" />
            <TextView
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:layout_marginLeft="25dp"
                android:id="@+id/tv_atk"
                android:text="0"
                />


        </TableRow>
        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="20dp"
            >
            <TextView
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:text="敏捷度："

                />

            <ProgressBar
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="0dp"
                android:layout_weight="3"
                android:layout_height="wrap_content"
                android:id="@+id/pro3" />
            <TextView
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:layout_marginLeft="25dp"
                android:id="@+id/tv_quick"
                android:text="0"
                />


        </TableRow>
    </TableLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        >
        <Button
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:onClick="click_1"
            android:text="给自己买装备"
            />
        <Button
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:onClick="click_2"
            android:text="给老妖怪买装备"
            />
    </LinearLayout>
</LinearLayout>

1. 
   
2. 其次编写装备购买页面的代码：
   

分析一下装备购买页面的布局：
左边是商品的名称 ，右边是并列的生命值、攻击力和敏捷度的提升值， 所以整体布局我们用相对布局比较好一点。生命值、攻击力和敏捷度的提升值用一个线性布局与包裹起来， 这样就基本实现了整个布局的规划， 下面是实现代码：

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

    android:id="@+id/rl"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <View
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:background="@android:drawable/ic_menu_info_details"
        android:layout_centerVertical="true"
        android:layout_alignParentLeft="true"
        />
    <TextView
        android:id="@+id/tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="60dp"
        android:text="商品名称"/>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:orientation="vertical">
        <TextView
            android:id="@+id/tv_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="13sp"
            android:text="生命值：" />
        <TextView
            android:id="@+id/tv_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="13sp"
            android:text="攻击力："
            android:layout_marginTop="5dp"/>
        <TextView
            android:id="@+id/tv_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="13sp"
            android:text="敏    捷："
            android:layout_marginTop="5dp"/>
    </LinearLayout>
</RelativeLayout>

1. 
   
2. 接下来就是最为关键的业务实现代码
   

先分析一下怎样实现基本的业务逻辑：
基本思路：把需要的值从shopping页面返回到MainActivity， 然后反映到主页面上。具体实现代码如下：
MainActivity：

package com.example.bz0209.demo_6;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ProgressBar;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    private ProgressBar mProgressBar1;
    private ProgressBar mProgressBar2;
    private ProgressBar mProgressBar3;
    private TextView mLifeTV;
    private TextView mAttackTV;
    private TextView mSpeedTV;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mLifeTV = (TextView) findViewById(R.id.tv_life);
        mAttackTV = (TextView) findViewById(R.id.tv_atk);
        mSpeedTV = (TextView) findViewById(R.id.tv_quick);
        initProgress();        
    }

    private void initProgress() {
        mProgressBar1 = (ProgressBar) findViewById(R.id.pro1);
        mProgressBar2 = (ProgressBar) findViewById(R.id.pro2);
        mProgressBar3 = (ProgressBar) findViewById(R.id.pro3);
        mProgressBar1.setMax(1000);        
        mProgressBar2.setMax(1000);
        mProgressBar3.setMax(1000);
    }

    public void click_1(View view) {
        Intent intent = new Intent(this, Shopping.class);
        startActivityForResult(intent, 1); 
    }

    public void click_2(View view) {
        Intent intent = new Intent(this, Shopping.class);
        startActivityForResult(intent, 1);
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (data != null) {
            if (resultCode == 1) {
                if (requestCode == 1) {
                    ItemInfo info= (ItemInfo) data.getSerializableExtra("equipment");
                    updateProgress(info);
                }
            }
        }
    }
    private void updateProgress(ItemInfo info) {
        int progress1 = mProgressBar1.getProgress();
        int progress2 = mProgressBar2.getProgress();
        int progress3 = mProgressBar3.getProgress();
        mProgressBar1.setProgress(progress1+info.getLife());
        mProgressBar2.setProgress(progress2+info.getAtk());
        mProgressBar3.setProgress(progress3+info.getQuick());
        mLifeTV.setText(mProgressBar1.getProgress()+"");
        mAttackTV.setText(mProgressBar2.getProgress() + "");
        mSpeedTV.setText(mProgressBar3.getProgress() + "");
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement


        return super.onOptionsItemSelected(item);
    }
}

shopping：

package com.example.bz0209.demo_6;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

public class Shopping extends AppCompatActivity implements View.OnClickListener{
    private ItemInfo itemInfo;

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_shopping);
        itemInfo = new ItemInfo("大宝剑", 100, 20, 20);
        findViewById(R.id.rl).setOnClickListener(this);
        TextView mLifeTV = (TextView) findViewById(R.id.tv_1);
        TextView mNameTV = (TextView) findViewById(R.id.tv_name);
        TextView mSpeedTV = (TextView) findViewById(R.id.tv_3);
        TextView mAttackTV = (TextView) findViewById(R.id.tv_2);

        mLifeTV.setText("生命值+" + itemInfo.getLife());
        mNameTV.setText(itemInfo.getName() + "");
        mSpeedTV.setText("敏捷度+" + itemInfo.getQuick());
        mAttackTV.setText("攻击力+" + itemInfo.getAtk());
    }

    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub
        switch (v.getId()) {
            case R.id.rl:
                Intent intent = new Intent();
                intent.putExtra("equipment", itemInfo);
                setResult(1, intent);
                finish();
                break;
        }
    }
}

1. 
   
2. 体现封装
   

我们把商品的名称和属性都封装在一个ItemInfo类中方便调用， 代码如下

package com.example.bz0209.demo_6;

import java.io.Serializable;

/**
 * Created by Administrator on 2017/3/27.
 */

public class ItemInfo implements Serializable{
    private String name;
    private int life;
    private int atk;
    private int quick;

    public ItemInfo(String name, int life, int atk, int quick) {
        this.name = name;
        this.life = life;
        this.atk = atk;
        this.quick = quick;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getLife() {
        return life;
    }

    public void setLife(int life) {
        this.life = life;
    }

    public int getAtk() {
        return atk;
    }

    public void setAtk(int atk) {
        this.atk = atk;
    }

    public int getQuick() {
        return quick;
    }

    public void setQuick(int quick) {
        this.quick = quick;
    }
}

到这里页面和业务基本已经实现。