组件(Widget)的复合使用

android中的组件可谓应有尽有，从简单的按钮(Button)到复杂的浏览器（WebView）都是无所不能，无所不有。

下面用一个用户注册会员为例来演示组件的使用，实现页面之间的切换：

TestWidgetActivity：

package com.lovo;import android.os.Bundle;import android.app.Activity;import android.content.Intent;import android.view.View;import android.view.View.OnClickListener;import android.widget.ArrayAdapter;import android.widget.Button;import android.widget.CheckBox;import android.widget.EditText;import android.widget.RadioButton;import android.widget.Spinner;import android.widget.ToggleButton;public class TestWidgetActivity extends Activity {// 声明按钮Buttonprivate Button register, cancel;// 声明ToggleButtonprivate ToggleButton marriged;// 声明单选按钮private RadioButton male, female;// 声明文本编辑框EditTextprivate EditText username, password;// 声明下拉列表private Spinner position;// 声明多选按钮private CheckBox reading, swimming;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_test_widget_layout);// 获得EditText对象username = (EditText) findViewById(R.id.username);password = (EditText) findViewById(R.id.password);// 获得RadioButton对象male = (RadioButton) findViewById(R.id.male);female = (RadioButton) findViewById(R.id.female);// 获得CheckBox实例reading = (CheckBox) findViewById(R.id.reading);swimming = (CheckBox) findViewById(R.id.swimming);// 获得ToggleButton实例marriged = (ToggleButton) findViewById(R.id.marriged);// 获得Spinner实例position = (Spinner) findViewById(R.id.position);// 下拉列表项数组String[] str = { "CEO", "CFO", "PM" };// 数组下拉列表适配器ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_spinner_item, str);// 设置数组下拉列表适配器position.setAdapter(adapter);// 获得Button实例register = (Button) findViewById(R.id.register);cancel = (Button) findViewById(R.id.cancel);register.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {// 实例化Bundle对象，保存属性Bundle b = new Bundle();// 在Bundle中添加用户名和密码b.putString("username", "用户名：" + username.getText() + "");b.putString("password", "用户名：" + password.getText() + "");// 在Bundle中添加性别if (male.isChecked()) {b.putString("gender", "性别：男");} else {b.putString("gender", "性别：女");}String temp = "爱好：";if (reading.isChecked()) {temp += "阅读";}if (swimming.isChecked()) {temp += " ";temp += "游泳";}// 在Bundle中添加爱好b.putString("hobby", temp);// 在Bundle中添加婚否if (marriged.isChecked()) {b.putString("marriged", "婚否：已婚");} else {b.putString("marriged", "婚否：未婚");}// 在Bundle中添加职位b.putString("position", "职位：" + position.getSelectedItem() + "");// 实例化Intent，跳转到ResultActivityIntent intent = new Intent(TestWidgetActivity.this,ResultActivity.class);// 将Bundle 添加到Intentintent.putExtra("data", b);// 启动ActivitystartActivity(intent);}});}}

ResultActivity：

package com.lovo;import java.util.ArrayList;import java.util.List;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.widget.ArrayAdapter;import android.widget.ListView;public class ResultActivity extends Activity {// 声明ListViewprivate ListView listView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.result);// 获得ListView实例listView = (ListView) findViewById(R.id.ListView01);// 获得IntentIntent intent = this.getIntent();// 从Intent中获得BundleBundle b = intent.getBundleExtra("data");// 实例化List集合List list = new ArrayList();// 从Bundle中获得属性，添加到Listlist.add(b.getString("username"));list.add(b.getString("password"));list.add(b.getString("position"));list.add(b.getString("gender"));list.add(b.getString("hobby"));list.add(b.getString("marriged"));// 实例化数组适配器ArrayAdapter arrayAdapter = new ArrayAdapter(this,android.R.layout.simple_list_item_checked, list);// 为ListView设置适配器listView.setAdapter(arrayAdapter);}}

activity_test_widget_layout.xml：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <TableLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginLeft="10dp"        android:collapseColumns="3"        android:stretchColumns="1" >        <TableRow            android:layout_width="wrap_content"            android:layout_height="wrap_content" >            <TextView                android:id="@+id/TextView01"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="用户名" />            <EditText                android:id="@+id/username"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="" />        </TableRow>        <TableRow            android:layout_width="wrap_content"            android:layout_height="wrap_content" >            <TextView                android:id="@+id/TextView02"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="密码" />            <EditText                android:id="@+id/password"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:password="true"                android:text="" />        </TableRow>        <TableRow            android:layout_width="wrap_content"            android:layout_height="wrap_content" >            <TextView                android:id="@+id/TextView03"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="性别" />            <RadioGroup                android:id="@+id/gender_g"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:orientation="horizontal" >                <RadioButton                    android:id="@+id/male"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="男" />                <RadioButton                    android:id="@+id/female"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_marginLeft="20dp"                    android:text="女" />            </RadioGroup>        </TableRow>        <TableRow            android:layout_width="wrap_content"            android:layout_height="wrap_content" >            <TextView                android:id="@+id/TextView04"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="婚否" />            <ToggleButton                android:id="@+id/marriged"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:textOff="未婚"                android:textOn="已婚" />        </TableRow>        <TableRow            android:layout_width="wrap_content"            android:layout_height="wrap_content" >            <TextView                android:id="@+id/hobby"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="爱好" />            <CheckBox                android:id="@+id/reading"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="阅读" />            <CheckBox                android:id="@+id/swimming"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_marginRight="20dp"                android:text="游泳" />        </TableRow>        <TableRow            android:layout_width="wrap_content"            android:layout_height="wrap_content" >            <TextView                android:id="@+id/TextView05"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="职务" />            <Spinner                android:id="@+id/position"                android:layout_width="wrap_content"                android:layout_height="wrap_content" />        </TableRow>        <TableRow            android:layout_width="wrap_content"            android:layout_height="wrap_content" >            <Button                android:id="@+id/cancel"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="取消" />            <Button                android:id="@+id/register"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="注册" />        </TableRow>    </TableLayout></LinearLayout>

result.xml:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <ListView        android:id="@+id/ListView01"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></LinearLayout>

附上图片效果：

更多相关文章

随机推荐