安卓之旅第七站--实战演练之快给小宝宝买装备吧

这次实战演练来的有点晚,不过内容还是挺有意思的,围绕ProgressBar控件做的一个给小宝宝买装备加属性的小游戏。

效果图如下:

UI部分的代码:

activity_main.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:padding="@dimen/activity_horizontal_margin"
    tools:context="cn.edu.bzu.a21lab5.MainActivity">

    <ImageView
        android:id="@+id/iv_baby"
        android:layout_width="139dp"
        android:layout_height="128dp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        android:src="@drawable/baby" />

    <TextView
        android:id="@+id/tv_talk"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/iv_baby"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="50dp"
        android:text="@string/baby"
        android:textSize="20dp" />
    <LinearLayout
        android:id="@+id/ll_life"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:layout_below="@+id/tv_talk"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/life"
            android:textColor="@color/textColor"
            android:textSize="15sp" />

        <ProgressBar
            android:progressDrawable="@drawable/progressbar"
            android:id="@+id/pb_life"
            style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="10dp"
            android:layout_weight="2" />

        <TextView
            android:id="@+id/tv_progress_life"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:gravity="center"
            android:text="80"
            android:textColor="@color/textColor" />
    </LinearLayout>
    <LinearLayout
        android:id="@+id/ll_attack"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/ll_life"
        android:layout_marginTop="20dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/attack"
            android:textColor="@color/textColor"
            android:textSize="15sp" />

        <ProgressBar
            android:progressDrawable="@drawable/progressbar"
            android:id="@+id/pb_attack"
            style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="10dp"
            android:layout_weight="2" />

        <TextView
            android:id="@+id/tv_progress_attack"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:gravity="center"
            android:text="80"
            android:textColor="@color/textColor" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/ll_speed"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/ll_attack"
        android:layout_marginTop="20dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/speed"
            android:textColor="@color/textColor"
            android:textSize="15sp" />

        <ProgressBar
            android:progressDrawable="@drawable/progressbar"
            android:id="@+id/pb_speed"
            style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="10dp"
            android:layout_weight="2" />

        <TextView
            android:id="@+id/tv_progress_speed"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:gravity="center"
            android:text="80"
            android:textColor="@color/textColor" />
    </LinearLayout>


    <Button
        android:id="@+id/shop"
        android:onClick="click"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="50dp"
        android:text="@string/buy"
        android:layout_below="@id/ll_speed"
       android:layout_centerHorizontal="true"/>


</RelativeLayout>
activity_shop.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:id="@+id/rl">
    <LinearLayout
        android:id="@+id/ll_dabaojian"
        android:layout_marginTop="50dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">
        <View
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:background="@mipmap/ic_launcher"
            android:layout_gravity="center"/>
        <TextView
            android:id="@+id/tv_name1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="装备名称"
            android:layout_weight="1"
            android:gravity="center"
            android:layout_gravity="center"/>
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_weight="3">
            <TextView
                android:id="@+id/tv_life1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="生命值:"/>
            <TextView
                android:id="@+id/tv_attack1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="攻击力:"/>
            <TextView
                android:id="@+id/tv_speed1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="敏    捷:"/>
        </LinearLayout>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/ll_erbaojian"
        android:layout_marginTop="50dp"
        android:layout_below="@id/ll_dabaojian"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <View
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:background="@mipmap/ic_launcher"
            android:layout_gravity="center"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="装备名称"
            android:layout_weight="1"
            android:gravity="center"
            android:layout_gravity="center"
            android:id="@+id/tv_name2" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_weight="3">
            <TextView
                android:id="@+id/tv_life2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="生命值:"/>

            <TextView
                android:id="@+id/tv_attack2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="攻击力:" />

            <TextView
                android:id="@+id/tv_speed2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="敏    捷:"/>
        </LinearLayout>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/ll_sanbaojian"
        android:layout_marginTop="50dp"
        android:layout_below="@+id/ll_erbaojian"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <View
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:background="@mipmap/ic_launcher"
            android:layout_gravity="center"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="装备名称"
            android:layout_weight="1"
            android:gravity="center"
            android:layout_gravity="center"
            android:id="@+id/tv_name3" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_weight="3">
            <TextView
                android:id="@+id/tv_life3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="生命值:"/>
            <TextView
                android:id="@+id/tv_attack3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="攻击力:"/>
            <TextView
                android:id="@+id/tv_speed3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="敏    捷:"/>
        </LinearLayout>
    </LinearLayout>


</RelativeLayout>
想要让ProgressBar表现出颜色渐变的效果需要在res的drawable中新建一个progressbar.xml,将文件类型更改为layer-list,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="10dp" />
                <gradient
                    android:startColor="#FF0000"
                    android:centerColor="#FFFF00"
                    android:endColor="#7FFF00"
                    />
            </shape>
        </clip>
    </item>
</layer-list>
下面是Activity代码:

MainActivity.java:

package cn.edu.bzu.a21lab5;

import android.app.Activity;
import android.content.Intent;
import android.graphics.drawable.Drawable;
import android.os.PersistableBundle;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ProgressBar;
import android.widget.TextView;

import cn.itcast.domain.ItemInfo;

public class MainActivity extends Activity {
    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_progress_life);
        mAttackTv= (TextView) findViewById(R.id.tv_progress_attack);
        mSpeedTv= (TextView) findViewById(R.id.tv_progress_speed);
        initProgress();
    }

    private void initProgress() {
        mProgressBar1 = (ProgressBar) findViewById(R.id.pb_life);
        mProgressBar2 = (ProgressBar) findViewById(R.id.pb_attack);
        mProgressBar3 = (ProgressBar) findViewById(R.id.pb_speed);
        mProgressBar1.setMax(500);
        mProgressBar2.setMax(500);
        mProgressBar3.setMax(500);
        mProgressBar1.setProgress(80);
        mProgressBar2.setProgress(80);
        mProgressBar3.setProgress(80);
    }

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

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if(data!=null){
            if(requestCode==1){
                if(resultCode==1){
                    ItemInfo info= (ItemInfo) data.getExtras().get("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.getAttack());
        mProgressBar3.setProgress(progress3+info.getSpeed());
        mLifeTv.setText(mProgressBar1.getProgress()+"");
        mAttackTv.setText(mProgressBar2.getProgress()+"");
        mSpeedTv.setText(mProgressBar3.getProgress()+"");
    }
}
ShowActivity.java:

package cn.edu.bzu.a21lab5;

import android.app.Activity;
import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;

import cn.itcast.domain.ItemInfo;

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

public class ShowActivity extends Activity implements View.OnClickListener {
    private ItemInfo itemInfo1, itemInfo2, itemInfo3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_shop);
        itemInfo1 = new ItemInfo("大宝剑", 60, 70, 80);
        itemInfo2 = new ItemInfo("二宝剑", 50, 60, 70);
        itemInfo3 = new ItemInfo("三宝剑", 40, 50, 60);
        findViewById(R.id.ll_dabaojian).setOnClickListener(this);
        findViewById(R.id.ll_erbaojian).setOnClickListener(this);
        findViewById(R.id.ll_sanbaojian).setOnClickListener(this);
        update();
    }

    private void update() {
        TextView mLifeTV1 = (TextView) findViewById(R.id.tv_life1);
        TextView mNameTV1 = (TextView) findViewById(R.id.tv_name1);
        TextView mSpeedTV1 = (TextView) findViewById(R.id.tv_speed1);
        TextView mAttackTV1 = (TextView) findViewById(R.id.tv_attack1);
        mLifeTV1.setText("生命值" + itemInfo1.getLife());
        mNameTV1.setText(itemInfo1.getName() + "");
        mSpeedTV1.setText("敏捷度" + itemInfo1.getSpeed());
        mAttackTV1.setText("攻击力" + itemInfo1.getAttack());
        TextView mLifeTV2 = (TextView) findViewById(R.id.tv_life2);
        TextView mNameTV2 = (TextView) findViewById(R.id.tv_name2);
        TextView mSpeedTV2 = (TextView) findViewById(R.id.tv_speed2);
        TextView mAttackTV2 = (TextView) findViewById(R.id.tv_attack2);
        mLifeTV2.setText("生命值" + itemInfo2.getLife());
        mNameTV2.setText(itemInfo2.getName() + "");
        mSpeedTV2.setText("敏捷度" + itemInfo2.getSpeed());
        mAttackTV2.setText("攻击力" + itemInfo2.getAttack());
        TextView mLifeTV3 = (TextView) findViewById(R.id.tv_life3);
        TextView mNameTV3 = (TextView) findViewById(R.id.tv_name3);
        TextView mSpeedTV3 = (TextView) findViewById(R.id.tv_speed3);
        TextView mAttackTV3 = (TextView) findViewById(R.id.tv_attack3);
        mLifeTV3.setText("生命值" + itemInfo3.getLife());
        mNameTV3.setText(itemInfo3.getName() + "");
        mSpeedTV3.setText("敏捷度" + itemInfo3.getSpeed());
        mAttackTV3.setText("攻击力" + itemInfo3.getAttack());

    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.ll_dabaojian:
                Intent intent1 = new Intent();
                intent1.putExtra("equipment", itemInfo1);
                setResult(1, intent1);
                finish();
                break;
            case R.id.ll_erbaojian:
                Intent intent2 = new Intent();
                intent2.putExtra("equipment", itemInfo2);
                setResult(1, intent2);
                finish();
                break;
            case R.id.ll_sanbaojian:
                Intent intent3 = new Intent();
                intent3.putExtra("equipment", itemInfo3);
                setResult(1, intent3);
                finish();
                break;
        }
    }
}
还需要写一个工具类,在程序中创建一个cn.itcast.domain包,然后在该包中创建一个ItemInfo类,用于封装装备信息,只要写出需要封装的属性,然后按Alt+insert便可以选择自动封装。


代码如下:

package cn.itcast.domain;

import java.io.Serializable;

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

public class ItemInfo implements Serializable {
    private String name;
    private int attack;
    private int life;
    private int speed;
    public ItemInfo(String name, int attack, int life, int speed) {
        this.name = name;
        this.attack = attack;
        this.life = life;
        this.speed = speed;
    }
    public String getName() {
        return name;
    }

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

    public int getAttack() {
        return attack;
    }

    public void setAttack(int attack) {
        this.attack = attack;
    }

    public int getLife() {
        return life;
    }

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

    public int getSpeed() {
        return speed;
    }

    public void setSpeed(int speed) {
        this.speed = speed;
    }
    public String toString(){
        return "[name="+name+",attack="+attack+",life="+life+",speed="+speed+"]";
    }
}
最后记得在配置文件AndroidManifest.xml里添加Activity的配置信息。






  • 4
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值