Android开发 ---基本UI组件3:单选按钮、多选按钮、下拉列表、提交按钮、重置按钮、取消按钮

时间:2022-06-24 14:24:50

Android开发 ---基本UI组件2

1、activity_main.xml 

  描述:

    定义一个用户注册按钮

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_main"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"> <Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="用户注册"
android:onClick="test_3"/>
</LinearLayout>

2、MainActivity.java

  描述:

    页面跳转

package com.example.android_ui;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View; public class MainActivity extends Activity { @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}public void test_3(View view){
Intent intent=new Intent(this,UserRegisterActivity.class);
startActivity(intent);
}
}

3、activity_button.xml

  资源文件中的资源:

Android开发 ---基本UI组件3:单选按钮、多选按钮、下拉列表、提交按钮、重置按钮、取消按钮

Android开发 ---基本UI组件3:单选按钮、多选按钮、下拉列表、提交按钮、重置按钮、取消按钮

Android开发 ---基本UI组件3:单选按钮、多选按钮、下拉列表、提交按钮、重置按钮、取消按钮

 edittext_border_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<stroke
android:width="2dp"
android:color="@color/colorPrimary"
/>
</shape>

  描述:

    1、一张背景图像

    2、android:maxLength="12"  设置文本输入框中能够输入的最大长度

    3、定义了一组单选按钮

    4、定义了一组多选按钮

    5、定义了一个下拉列表  ---Spinner

    6、分别定义了一个提交、重置、取消按钮  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_user_register"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:orientation="vertical">
<ImageView
android:layout_width="match_parent"
android:src="@drawable/bg1"
android:scaleType="fitXY"
android:layout_height="80dp" />
<TextView
android:layout_width="match_parent"
android:text="用户注册"
android:gravity="center"
android:textSize="30sp"
android:layout_marginTop="3dp"
android:layout_height="wrap_content" />
<LinearLayout
android:layout_width="match_parent"
android:orientation="horizontal"
android:layout_height="40dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="用户名:"
android:textSize="22sp"
android:gravity="bottom"
/>
<EditText
android:id="@+id/uname"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入用户名"
android:maxLength="12"
android:textSize="22sp"
android:background="@drawable/edittext_border_bg"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:orientation="horizontal"
android:layout_height="40dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密 码:"
android:textSize="22sp"
android:gravity="bottom"
/>
<EditText
android:id="@+id/upwd"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入密码"
android:inputType="textPassword"
android:maxLength="12"
android:textSize="22sp"
android:background="@drawable/edittext_border_bg"
/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:orientation="horizontal"
android:layout_height="40dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="性 别:"
android:textSize="22sp"
android:gravity="bottom"
/>
<RadioGroup
android:id="@+id/usexGroup"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RadioButton
android:id="@+id/usex1"
android:text="男"
android:checked="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<RadioButton
android:id="@+id/usex2"
android:text="女"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RadioGroup>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:orientation="horizontal"
android:layout_height="40dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="爱 好:"
android:textSize="22sp"
android:gravity="bottom"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<CheckBox
android:id="@+id/uhobby1"
android:text="体育"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<CheckBox
android:id="@+id/uhobby2"
android:text="音乐"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<CheckBox
android:id="@+id/uhobby3"
android:text="美术"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:orientation="horizontal"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="职 业:"
android:textSize="22sp"
android:gravity="bottom"
/>
<Spinner
android:id="@+id/hjob"
android:entries="@array/jobs"
android:spinnerMode="dropdown"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</Spinner>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:orientation="horizontal"
android:layout_height="wrap_content">
<Button
android:layout_width="match_parent"
android:layout_weight="1"
android:text="提交"
android:onClick="doSubmit"
android:layout_height="wrap_content" />
<Button
android:layout_width="match_parent"
android:layout_weight="1"
android:text="重置"
android:onClick="doReset"
android:layout_height="wrap_content" />
<Button
android:layout_width="match_parent"
android:layout_weight="1"
android:text="取消"
android:onClick="doBack"
android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout> 

4、ButtonActivity.java

  描述:    

package com.example.android_ui;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Spinner;
import android.widget.Toast; public class UserRegisterActivity extends Activity {
  //获取文本输入框的用户名和密码
private EditText uname,upwd;
  //获取单选按钮组
private RadioGroup rgsex;
  //获取多选按钮
private CheckBox ck1,ck2,ck3;
  //获取下拉列表
private Spinner spinner;
   //性别默认设置为男
String sex="男";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_user_register);
     //分别将所有元素获取到
uname=(EditText) findViewById(R.id.uname);
upwd=(EditText) findViewById(R.id.upwd);
rgsex=(RadioGroup) findViewById(R.id.usexGroup);
ck1=(CheckBox)findViewById(R.id.uhobby1);
ck2=(CheckBox)findViewById(R.id.uhobby2);
ck3=(CheckBox)findViewById(R.id.uhobby3);
spinner=(Spinner)findViewById(R.id.hjob);
     //给单选按钮组设置选择改变监听事件 
rgsex.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup radioGroup, int i) {
if(i==R.id.usex1){
sex="男";
}else{
sex="女";
}
}
});
}
   //定义一个提交按钮事件
public void doSubmit(View view){
     //当点击提交按钮时,获取用户名文本框中的文本内容,并转化为字符串保存在name变量上
String name=uname.getText().toString();
     //同上
String pwd=upwd.getText().toString();
     //多选按钮的操作
String hobby="";
     //判断如果ck1被选中
if(ck1.isChecked()){
       //则 获取到ck1中的文本内容
hobby=hobby+ck1.getText().toString()+",";
}
     //同上
if(ck2.isChecked()){
hobby=hobby+ck2.getText().toString()+",";
}
     //同上
if(ck3.isChecked()){
hobby=hobby+ck3.getText().toString()+",";
}
     //如果有一个或一个以上被选中
if(hobby.length()>0){
       //则hobby调用substring()方法返回一个新字符串,这个字符串从指定的0开始,一直索引到hobby.length()-1为止
hobby=hobby.substring(0,hobby.length()-1);
}
     //下拉列表的操作
     //获取当前选中项的值
String job=spinner.getSelectedItem().toString();
String message="用户名:"+name+"\n\r";
message+="密码:"+pwd+"\n\r";
message+="性别:"+sex+"\n\r";
message+="爱好:"+hobby+"\n\r";
message+="职业:"+job+"\n\r";
     //弹出内容
Toast.makeText(this,message,Toast.LENGTH_LONG).show(); }
   //定义一个重置按钮
public void doReset(View view){
     //将用户名文本框设置为空
uname.setText("");
     //将密码文本框设置为空
upwd.setText("");
     //将选中的按钮设置为未选中
ck1.setChecked(false);
ck2.setChecked(false);
ck3.setChecked(false);
}
  //定义一个取消按钮
public void doBack(View view){
this.finish();
}
}