这次实战演练来的有点晚,不过内容还是挺有意思的,围绕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的配置信息。