您的位置:首页 > 其它

装备选择案例

2017-03-28 19:18 330 查看
1.创建程序

创建一个名为“装备选择”的工程,设计用户交互界面:

<LinearLayout 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:orientation="vertical"
>

<ImageView
android:layout_width="164dp"
android:layout_height="155dp"
android:layout_gravity="center_horizontal"
android:layout_marginTop="25dp"
android:src="@mipmap/xiaoren"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="主人,快给小宝宝买装备吧"
android:layout_gravity="center_horizontal"/>

<TableLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="25dp"
>
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:text="生命值:" />
<ProgressBar
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="0dp"
android:layout_weight="3"
android:layout_marginLeft="20dp"
android:layout_height="wrap_content"
android:id="@+id/progressBar3" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:text="80"
/>
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
android[b]:layout_marginTop="15dp"
>
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:text="攻擊力:" />
<ProgressBar
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="0dp"
android:layout_weight="3"
android:layout_marginLeft="20dp"
android:layout_height="wrap_content"
android:id="@+id/progressBar4" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:text="200"
/>
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
>
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:text="敏捷:" />
<ProgressBar
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="0dp"
android:layout_weight="3"
android:layout_marginLeft="20dp"
android:layout_height="wrap_content"
android:id="@+id/progressBar5" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:text="40"
/>
</TableRow>
</TableLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="10dp">

<Button
android:id="@+id/btn_master"
android:onClick="click1"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:text="主人購買裝備"
android:layout_marginTop="15dp"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />

<Button
android:id="@+id/btn_baby"
android:onClick="click2"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:text="小寶寶購買裝備"
android:layout_marginTop="15dp" />
</LinearLayout>

</LinearLayout>


布局代码中使用到了控件ProgressBar(进度条),他是用来显示人物的生命值、攻击力和敏捷度。他有两种表现形式,一种是水平的,另一种是环形的。几种常用的方法属性:

style属性:控制ProgressBar的表现形式,水平进度条需设置style的属性值为“?android:attr/ProgressBarStyleHorizontal”,环形进度条需设置的属性值为“?android:attr/ProgressBarStyleLargel”。

setMax()方法:设置进度条的最大值。

setProgress()方法:设置当前进度。

getProgress():获取当前进度。

2.创建装备界面

创建装备界面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="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>


3.创建ItemInfo类

代码:

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;
}
}


4.创建ShopActivity

ShopActivity是用来展示装备信息的,当单击ShopActivity的装备时,回调会MainActivity并将装备信息回传给MainActivity。代码:

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) {

switch (v.getId()) {
case R.id.rl:
Intent intent = new Intent();
intent.putExtra("equipment", itemInfo);
setResult(1, intent);
finish();
break;
}
}
}


5.编写界面交互代码(MainActivity)

主要用于响应按钮的点击事件,并将返回装备信息显示到指定的ListView控件中,代码:

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) {

return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {

int id = item.getItemId();

return super.onOptionsItemSelected(item);
}
}


6.配置清单文件

代码:

<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name=".Shopping"></activity>
</application>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: