实验运行效果图:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.activitylx01.MainActivity" android:orientation="vertical" android:weightSum="1">
/LinearLayout>
(1)将小人的图片添加进去,居中后调至合适位置,并且加入一个文本。
<ImageView android:src="@drawable/character" android:layout_width="149dp" android:layout_height="180dp" android:layout_gravity="center_horizontal" android:layout_marginTop="25dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="主任,快给小宝买装备吧!" android:layout_gravity="center_horizontal" android:textSize="20sp" android:layout_marginTop="15dp" />
(2)嵌套一个TableLayout布局实现任务属性的表示。
<TableLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <TableRow android:layout_marginTop="20dp"> <TextView android:text="生命值" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" /> <ProgressBar style="?android:attr/progressBarStyleHorizontal" android:layout_width="0dp" android:layout_weight="3" android:layout_height="wrap_content" android:id="@+id/progressBar" /> <TextView android:text="80" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:paddingLeft="20dp" android:id="@+id/tv_life" /> TableRow> <TableRow android:layout_marginTop="20dp"> <TextView android:text="攻击力" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" /> <ProgressBar style="?android:attr/progressBarStyleHorizontal" android:layout_width="0dp" android:layout_weight="3" android:layout_height="wrap_content" android:id="@+id/progressBar2" /> <TextView android:text="80" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:paddingLeft="20dp" android:id="@+id/tv_atk" /> TableRow> <TableRow android:layout_marginTop="20dp"> <TextView android:text="敏捷度" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" /> <ProgressBar style="?android:attr/progressBarStyleHorizontal" android:layout_width="0dp" android:layout_weight="3" android:layout_height="wrap_content" android:id="@+id/progressBar3" /> <TextView android:text="80" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:paddingLeft="20dp" android:id="@+id/tv_quick" /> TableRow> TableLayout>
(3)添加一个Button按钮,并在button上添加图片。
<Button android:drawableLeft="@drawable/buy" android:text="购买装备" android:textSize="18sp" android:layout_width="194dp" android:layout_height="66dp" android:layout_gravity="center_horizontal" android:layout_marginTop="18dp" />2.shopping页面布局,也是整体可以用一个相对布局。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/r1"
android:orientation="vertical">
<View
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_centerHorizontal="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>
3.在包中创建一个Info类,用于封装装备信息
public class Info { private String name; private int life; private int attack; private int quick; public Info(String name, int life, int attack, int quick) { this.name = name; this.life = life; this.attack = attack; 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 getAttack() { return attack; } public void setAttack(int attack) { this.attack = attack; } public int getQuick() { return quick; } public void setQuick(int quick) { this.quick = quick; } }
4.界面交互代码(MainActivity)
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_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); }
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.getAttack());
mProgressBar3.setProgress(progress3+info.getSpeed());
mLifeTV.setText(mProgressBar1.getProgress()+"");
mAttackTV.setText(mProgressBar2.getProgress()+"");
mSpeedTV.setText(mProgressBar3.getProgress()+""); }}
5.创建ShoppingActivity
public class ShoppingActivity extends Activity implements View.OnClickListener{
private ItemInfo itemInfo;
@Override
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 mAttackTV=(TextView)findViewById(R.id.tv_attack);
TextView mSpeedTV=(TextView)findViewById(R.id.tv_speed);
mLifeTV.setText("生命值+"+itemInfo.getLife());
mNameTV.setText(itemInfo.getName()+"");
mSpeedTV.setText("敏捷度+"+itemInfo.getSpeed());
mAttackTV.setText("攻击力+"+itemInfo.getAttack()); }
public void onClick(View v){
switch (v.getId()){
case R.id.r1:
Intent intent=new Intent();
intent.putExtra("equipment",itemInfo);
setResult(1,intent);
finish();
break; } }}
6.清单文件的配置。
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.activitylx01"> <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=".ShoppingActivity">activity> application> manifest>