装备选择

最新推荐文章于 2021-05-27 04:07:48 发布

YJH16

最新推荐文章于 2021-05-27 04:07:48 发布

阅读量221

点赞数

本文链接：https://blog.csdn.net/YJH16/article/details/67640116

版权

这是一个类似游戏给人物选装备的互动界面。

1.先创建一个工程，名：zhuangbeixuanze。

2.准备图片：

3.为了清楚文件的工作，可以建不同包存放。

在cn.edu.bzu.select，中建activity_main.xml。代码：

<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"
    android:gravity="center"
    tools:context="cn.edu.bzu.ShopActivity">
    <ImageView
        android:id="@+id/pet_imgv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginBottom="5dp"
        android:layout_marginTop="30dp"
        android:src="@drawable/baobao" />
    <TextView
        android:id="@+id/pet_dialog_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginBottom="25dp"
        android:gravity="center"
        android:text="主人，快给小宝宝购买装备吧" />
    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginBottom="20dp" >
        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >
            <TextView
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="生命值:"
                android:textColor="@android:color/black"
                android:textSize="14sp" />
            <ProgressBar
                android:id="@+id/progressBar1"
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_weight="2" />

            <TextView
                android:id="@+id/tv_life_progress"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="0"
                android:gravity="center"
                android:textColor="#000000" />
        </TableRow>
        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="攻击力:"
                android:textColor="@android:color/black"
                android:textSize="14sp" />

            <ProgressBar
                android:id="@+id/progressBar2"
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="2" />

            <TextView
                android:id="@+id/tv_attack_progress"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="0"
                android:gravity="center"
                android:textColor="#000000" />
        </TableRow>
        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="敏捷:"
                android:textColor="@android:color/black"
                android:textSize="14sp" />

            <ProgressBar
                android:id="@+id/progressBar3"
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="2" />

            <TextView
                android:id="@+id/tv_speed_progress"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="0"
                android:gravity="center"
                android:textColor="#000000" />
        </TableRow>
    </TableLayout>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
        <Button
            android:id="@+id/btn_master"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:drawableRight="@android:drawable/ic_menu_add"
            android:onClick="click"
            android:drawablePadding="3dp"
            android:text="主人购买装备"
            android:textSize="14sp" />
        <Button
            android:id="@+id/btn_baby"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:drawablePadding="3dp"
            android:drawableRight="@android:drawable/ic_menu_add"
            android:onClick="click2"
            android:text="小宝宝购买装备"
            android:textSize="14sp" />
    </RelativeLayout>
</LinearLayout>

这是装备布局文件，使用了控件ProgreeBar（进度条还有环形），用来显示宝宝生命值、攻击值、敏捷度。

4.创建装备界面activity_shop.xml。展示各类装备，代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rl"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    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_life"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="13sp"
            android:text="生命值"/>
        <TextView
            android:id="@+id/tv_attack"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="13sp"
            android:text="攻击力"/>
        <TextView
            android:id="@+id/tv_speed"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="13sp"
            android:text="速度"/>
    </LinearLayout>

</RelativeLayout>
5.还需建一个类，用于封装装备信息，方便传递数据。代码：

public class ItemInfo implements Serializable {
    private String name;
    private int acctack;
    private int life;
    private int speed;
    public ItemInfo(String name, int acctack, int life, int speed) {
        this.name = name;
        this.acctack = acctack;
        this.life = life;
        this.speed = speed;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int getAcctack() {
        return acctack;
    }
    public void setAcctack(int acctack) {
        this.acctack = acctack;
    }
    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 + ", acctack=" + acctack + ", life=" + life
                + ", speed=" + speed + "]";
    }

}
6.建ShopActivity类展示装备信息。代码：

public class ShopActivity extends Activity implements onClickListener {
    private ItemInfo itemInfo;
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_shop);
        itemInfo = new ItemInfo("商品名称", 100, 20, 20);
        findViewById(R.id.rl).setOnClickListener(this);
        TextView mLifeTV = (TextView) findViewById(R.id.tv_life);
        TextView mNameTV = (TextView) findViewById(R.id.tv_name);
        TextView mSpeedTV = (TextView) findViewById(R.id.tv_speed);
        TextView mAttackTV = (TextView) findViewById(R.id.tv_attack);
        mLifeTV.setText("生命值" + itemInfo.getLife());
        mNameTV.setText(itemInfo.getName() + "");
        mSpeedTV.setText("攻击力"+ itemInfo.getSpeed());
        mAttackTV.setText("速度" + itemInfo.getAcctack());
    }

    @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;
        }
    }
}
8.还有一个MainActivity，用于界面交互，也就是在点击是产生反应。代码：

public class MainActivity extends Activity {
   private ProgressBar mProgressBar1;
   private ProgressBar mProgressBar2;
   private ProgressBar mProgressBar3;
   private TextView mLifeTV;
   private TextView mAttackTV;
   private TextView mSpeedTV;
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      mLifeTV = (TextView) findViewById(R.id.tv_life_progress);
      mAttackTV = (TextView) findViewById(R.id.tv_attack_progress);
      mSpeedTV = (TextView) findViewById(R.id.tv_speed_progress);
      initProgress();
   }

   private void initProgress() {
      mProgressBar1 = (ProgressBar) findViewById(R.id.progressBar1);
      mProgressBar2 = (ProgressBar) findViewById(R.id.progressBar2);
      mProgressBar3 = (ProgressBar) findViewById(R.id.progressBar3);
      mProgressBar1.setMax(1000);
      mProgressBar2.setMax(1000);
      mProgressBar3.setMax(1000);
   }


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

   public void click2(View view) {
      Intent intent = new Intent(this, ShopActivity.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.getAcctack());
      mProgressBar3.setProgress(progress3+info.getSpeed());
      mLifeTV.setText(mProgressBar1.getProgress()+"");
      mAttackTV.setText(mProgressBar2.getProgress()+"");
      mSpeedTV.setText(mProgressBar3.getProgress()+"");
   }
}
9.使用Actiivity时需要在清单文件中配置，在AndroidManifest中改，代码：

<activity
    android:name="cn.itcast.select.MainActivity"
    android:label="@string/app_name" >
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />

        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>
<activity android:name="cn.itcast.select.ShopActivity" >
</activity>
10.运行图片：