Android装备选择案例

最新推荐文章于 2017-05-23 16:50:30 发布

哇哇啊哈哈

最新推荐文章于 2017-05-23 16:50:30 发布

阅读量358

点赞数 1

分类专栏： Android UI

本文链接：https://blog.csdn.net/nbabcdg/article/details/70543690

版权

Android UI 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.创建程序
创建一个名为“zhuangbeixuanze”的工程，设计用户交互页面。
装备选择程序对应的布局文件（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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    tools:context="com.example.zhuangbeixuanze.MainActivity">

    <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="@mipmap/ic_launcher"/>
    <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_gravity="center"
                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_gravity="center"
                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"
        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:drawablePadding="3dp"
            android:onClick="click"
            android:text="小宝宝购买装备"
            android:textSize="14sp"/>
    </RelativeLayout>
</LinearLayout>

上述布局代码使用到了控件ProgressBar（进度条），它是用来显示生命值，攻击力和敏捷度。ProgressBar通常用于访问网络展示Loading对话框以及下载文件时显示的进度。它有两种表现形式，一种是水平的，另一种是环形的。它的表现形式是由style属性控制的，ProgressBar几个常用方法属性如下所示：

a. style属性：控制ProgressBar的表现形式，水平进度条需要设置style的属性值为“?Android:attr/progressBarStyleHorizontal”，环形进度条需要设置style的属性值为“?android:attr/progressBarStyleLarge”。
b. setMax()方法：设置进度条的最大值。
c. setProgress()方法：设置当前进度。
d. getProgress()方法：获取当前进度。
效果图：
这里写图片描述
2.创建装备界面
创建装备界面activity_shop.xml，该界面是来展示装备的。
购买装备界面(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: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.创建ItemInfo类
在包中创建一个ItemInfo类，用于封装装备信息
4.创建ShopActivity
ShopActivity是用来展示装备信息的，当单击ShopActivity的装备时，会调回MainActivity并将装备信息回传给MainActivity。具体代码如下所示：

public class ShopActivity 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;

        }
    }
}

5.编写界面交互代码（MainActivity）
接下来编写MainActivity。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_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");
                    //更新ProgressBar的值
                    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()+"");
    }

}

6.清单文件的配置
使用Activity是需要在清单文件中配置，具体代码如下所示：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.zhuangbeixuanze">

    <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"
            android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

哇哇啊哈哈

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android装备选择案例

1.创建程序创建一个名为“zhuangbeixuanze”的工程，设计用户交互页面。装备选择程序对应的布局文件（activity_main.xml）如下所示：<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
复制链接

扫一扫

专栏目录