1.RadioButton
RadioButton被称作为单选框，通常都是以组的形式出现，可以在一组控件中选择一个。
RadioButton的使用首先需要加入<RadioGroup/>，在这个组中，我们进行单选按钮的声明。
1 <RadioGroup 2 android:id="@+id/radioGroup" 3 android:layout_width="wrap_content" 4 android:layout_height="wrap_content" 5 android:layout_x="51dp" 6 android:layout_y="182dp" > 7 8 <RadioButton 9 android:id="@+id/radioButton2" 10 android:layout_width="wrap_content" 11 android:layout_height="wrap_content" 12 android:layout_x="172dp" 13 android:layout_y="181dp" 14 android:text="关灯" /> 15 16 <RadioButton 17 android:id="@+id/radioButton1" 18 android:layout_width="wrap_content" 19 android:layout_height="wrap_content" 20 android:layout_x="36dp" 21 android:layout_y="201dp" 22 android:text="开灯" /> 23 </RadioGroup>
RadioButton
这里我们定义了两个RadioButton按钮，用来控制图片的切换，我们需要为RadioButton添加监听事件
1 Button myButton;
2 ImageButton myImg;
3 TextView textView;
4 ToggleButton myToggle;
5 ImageView img;
6 CheckBox myCheck;
7
8 @Override
9 protected void onCreate(Bundle savedInstanceState) {
10 super.onCreate(savedInstanceState);
11 setContentView(R.layout.activity_main);
12 myButton=(Button)findViewById(R.id.button1);
13 textView=(TextView)findViewById(R.id.text1);
14 myToggle=(ToggleButton)findViewById(R.id.toggleButton1);
15 myCheck=(CheckBox)findViewById(R.id.checkBox1);
16 RadioButton radio=(RadioButton)findViewById(R.id.radioButton2);
17 RadioButton radio1=(RadioButton)findViewById(R.id.radioButton1);
18 radio1.setOnCheckedChangeListener(new OnCheckedChangeListener() {
19
20 @Override
21 public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
22 // TODO 自动生成的方法存根
23 setBulbState(isChecked);
24 }
25 });
26 radio.setOnCheckedChangeListener(new OnCheckedChangeListener() {
27
28 @Override
29 public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
30 // TODO 自动生成的方法存根
31 setBulbState(isChecked);
32 }
33 });
34
35 }
36 private void setBulbState(boolean isChecked) {
37 // TODO 自动生成的方法存根
38 img=(ImageView)findViewById(R.id.imageView1);
39
40 img.setImageResource((isChecked)?R.drawable.bulbon:R.drawable.buldoff);
41
42
43 RadioButton radio1=(RadioButton)findViewById(R.id.radioButton1);
44 radio1=(RadioButton)findViewById(R.id.radioButton1);
45 radio1.setChecked(isChecked);
46 radio1=(RadioButton)findViewById(R.id.radioButton2);
47 radio1.setChecked(!isChecked);
48
49 }
RadioButton监听
这里我们通过findViewById()来获取控件，并实现了控件的监听 setonCheckedChangeListener;
2.CheckBox
CheckBox控件被称为复选框，我们通过判断控件的选中状态，控制图片的切换。在资源文件中添加两个String对象，分别对应checkbox的选中状态，checkbox可以在不同的状态显示不同的Text。
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
myCheck=(CheckBox)findViewById(R.id.checkBox1);
myCheck.setOnCheckedChangeListener(new OnCheckedChangeListener(){
@Override
public void onCheckedChanged(CompoundButton buttonView,
boolean isChecked) {
// TODO 自动生成的方法存根
setBulbState(isChecked);
}});
}
private void setBulbState(boolean isChecked) {
// TODO 自动生成的方法存根
img=(ImageView)findViewById(R.id.imageView1);
img.setImageResource((isChecked)?R.drawable.bulbon:R.drawable.buldoff);
myCheck=(CheckBox)findViewById(R.id.checkBox1);
myCheck.setText((isChecked)?R.string.offn:R.string.onn);
myCheck.setChecked(isChecked);
}
3.ToogleButton
ToogleButton俗称开关控件，可以分别设置它的EditTextOn和EditTextOff两个状态下的文字，对于该控件也需要添加监听的事件，获取控件的状态。
1 protected void onCreate(Bundle savedInstanceState) {
2 super.onCreate(savedInstanceState);
3 setContentView(R.layout.activity_main);
4
5 myToggle=(ToggleButton)findViewById(R.id.toggleButton1);
6
7 myToggle.setOnCheckedChangeListener(new OnCheckedChangeListener(){
8
9 @Override
10 public void onCheckedChanged(CompoundButton buttonView,
11 boolean isChecked) {
12 // TODO 自动生成的方法存根
13 setBulbState(isChecked);
14 }
15
16
17 }
18 private void setBulbState(boolean isChecked) {
19 // TODO 自动生成的方法存根
20 img=(ImageView)findViewById(R.id.imageView1);
21
22 img.setImageResource((isChecked)?R.drawable.bulbon:R.drawable.buldoff);
23
24 myToggle=(ToggleButton)findViewById(R.id.toggleButton1);
25 myToggle.setChecked(isChecked);
26 }
ToogleButton控件
4.Xml文件
Xml前台设置文件如下：
1 <AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 android:paddingBottom="@dimen/activity_vertical_margin" 6 android:paddingLeft="@dimen/activity_horizontal_margin" 7 android:paddingRight="@dimen/activity_horizontal_margin" 8 android:paddingTop="@dimen/activity_vertical_margin" 9 tools:context=".MainActivity" > 10 11 <TextView 12 android:id="@+id/text1" 13 android:layout_width="wrap_content" 14 android:layout_height="wrap_content" 15 android:text="@string/hello_world" /> 16 17 <Button 18 android:id="@+id/button1" 19 android:layout_width="180dp" 20 android:layout_height="64dp" 21 android:layout_x="45dp" 22 android:layout_y="269dp" 23 android:background="@drawable/btn01" 24 android:text="Button" /> 25 26 <ImageButton 27 android:id="@+id/imageButton1" 28 android:layout_width="60dp" 29 android:layout_height="wrap_content" 30 android:layout_x="139dp" 31 android:layout_y="399dp" 32 android:background="@drawable/easyicon_net_24" 33 android:src="@drawable/imgbutton" /> 34 35 <ToggleButton 36 android:id="@+id/toggleButton1" 37 android:layout_width="wrap_content" 38 android:layout_height="wrap_content" 39 android:layout_x="145dp" 40 android:layout_y="211dp" 41 android:text="ToggleButton" 42 android:textOff="开灯" 43 android:textOn="关灯" /> 44 45 <ImageView 46 android:id="@+id/imageView1" 47 android:layout_width="77dp" 48 android:layout_height="77dp" 49 android:layout_x="30dp" 50 android:layout_y="84dp" 51 android:src="@drawable/buldoff" /> 52 <CheckBox 53 android:id="@+id/checkBox1" 54 android:layout_width="wrap_content" 55 android:layout_height="wrap_content" 56 android:layout_x="164dp" 57 android:layout_y="115dp" 58 android:text="@string/onn" /> 59 60 <RadioGroup 61 android:id="@+id/radioGroup" 62 android:layout_width="wrap_content" 63 android:layout_height="wrap_content" 64 android:layout_x="51dp" 65 android:layout_y="182dp" > 66 67 <RadioButton 68 android:id="@+id/radioButton2" 69 android:layout_width="wrap_content" 70 android:layout_height="wrap_content" 71 android:layout_x="172dp" 72 android:layout_y="181dp" 73 android:text="关灯" /> 74 75 <RadioButton 76 android:id="@+id/radioButton1" 77 android:layout_width="wrap_content" 78 android:layout_height="wrap_content" 79 android:layout_x="36dp" 80 android:layout_y="201dp" 81 android:text="开灯" /> 82 </RadioGroup> 83 84 </AbsoluteLayout>
Xml文件
RadioButton、CheckBox与ToggleButton
时间： 2024-11-06 14:27:55