您的位置:首页 > 产品设计 > UI/UE

装备

2017-04-23 15:44 99 查看
[align=center]​案例--------装备选择[/align] 创建“装备选择”工程,设计交互界面,如下:     装备选择程序对应的布局文件(activity_main.xml)如下所示:
<?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"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
tools:context="cn.edu.bzu.equipment.MainActivity">

<ImageView
android:id="@+id/pet_imgv"
app:srcCompat="@drawable/ic_launcher"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="100dp" />

<TextView
android:id="@+id/pet_dialog_tv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:text="主人,快给小宝宝买装备吧!"
android:textSize="15sp" />

<TableLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="25dp">
<!--表格第一行-->
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content">

<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="生命值:"
android:textSize="10sp" />

<ProgressBar
android:id="@+id/progressBar1"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="2" />

<TextView
android:id="@+id/tv_life_progress"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="80"
android:textSize="10sp" />

</TableRow>
<!--表格第二行-->
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content">

<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="攻击力:"
android:textSize="10sp" />

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

<TextView
android:id="@+id/tv_attack_progress"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="80"
android:textSize="10sp" />

</TableRow>
<!--表格第三行-->
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content">

<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="敏捷:"
android:textSize="10sp" />

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

<TextView
android:id="@+id/tv_speed_progress"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="80"
android:textSize="10sp" />

</TableRow>
</TableLayout>

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="50dp"
android:layout_marginRight="50dp"
android:layout_marginTop="20dp">

<Button
android:id="@+id/btn_baby"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/darker_gray"
android:drawablePadding="3dp"
android:drawableRight="@android:drawable/ic_menu_add"
android:onClick="click"
android:text="小宝宝购买装备"
android:textSize="14dp" />
</RelativeLayout>
</LinearLayout>
创建装备界面acctivity_shop.xml,该界面是来展示装备的,界面运行效果如图:
购买装备界面(activity_shop.xml)对应的布局文件如下所示:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/r1"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><Viewandroid:layout_width="30dp"android:layout_height="30dp"android:layout_alignParentLeft="true"android:layout_centerVertical="true"android:background="@android:drawable/ic_menu_info_details" /><TextViewandroid:id="@+id/tv_name"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:layout_marginLeft="60dp"android:text="商品名称" /><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:orientation="vertical"><TextViewandroid:id="@+id/tv_life"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="生命值"android:textSize="13sp" /><TextViewandroid:id="@+id/tv_attack"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="攻击力"android:textSize="13sp" /><TextViewandroid:id="@+id/tv_speed"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="速度"android:textSize="13sp" /></LinearLayout></RelativeLayout>
​创建ItemInfo类
 在程序中创建一个包,在该包中创建一个ItemInfo类,用于封装装备信息。具体代码如下:
import java.io.Serializable;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+"]";}}
​创建ShopActivity       ShopActivity是用来展示装备信息的,当单击ShopActivity的装备时,会调回MainActivity并将装备信息 回传给MainActivity。ShopActivity的具体代码如下:import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;import android.widget.TextView;import org.w3c.dom.Text;import cn.itcast.domain.ItemInfo;/*** Created by 18376 on 2017/3/25.*/public class ShopActivity extends Activity implements View.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.r1).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());}@Overridepublic void onClick(View v) {switch(v.getId()){case R.id.r1:Intent intent = new Intent();intent.putExtra("equipment",itemInfo);setResult(1,intent);finish();break;}}}​编写界面交互代码(MainActivity)        MainActivity主要用于响应按钮的点击事件,并返回的装备信息显示到指定的L控件中,具体代码如下所示:import android.content.Intent;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 AppCompatActivity {private ProgressBar mProgressBar1;private ProgressBar mProgressBar2;private ProgressBar mProgressBar3;private TextView mLifeTV;private TextView mAttackTV;private TextView mSpeedTV;@Overrideprotected 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);}@Overrideprotected 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()+"");}}清单文件的配置使用Activity是时需要在清单文件中配置,具体代码如下:
<manifest xmlns:android="http://schemas.android.com/apk/res/android"package="cn.edu.bzu.equipment" ><applicationandroid:allowBackup="true"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:supportsRtl="true"android:theme="@style/AppTheme" ><activity android:name=".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=".ShopActivity"></activity></application></manifest>    
[align=left][/align][align=left][/align][align=left]8.运行成功![/align]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息