android 单选（RadioGroup ）复选（CheckBox）按钮的应用

第一步，还是创建android项目。

第二步，修改已经生成的res/layout/main.xml

view plaincopy to clipboardprint?

    android:orientation="vertical"  

    android:layout_width="fill_parent"  

    android:layout_height="fill_parent"  

>  

        android:id="@+id/checkBox"  

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:text="复选框1" />  

        android:id="@+id/checkBox1"  

        android:layout_width="wrap_content"  

        android:layout_height="wrap_content"  

        android:text="复选框2" />  

        android:id="@+id/radioGroup"  

        android:orientation="vertical"  

        android:layout_width="fill_parent"  

        android:layout_height="fill_parent">  

            android:layout_width="wrap_content" android:layout_height="wrap_content"  

            android:text="北京" />  

            android:layout_width="wrap_content" android:layout_height="wrap_content"  

            android:text="天津" />  

            android:layout_width="wrap_content" android:layout_height="wrap_content"  

            android:text="上海" />  

            android:layout_width="wrap_content" android:layout_height="wrap_content"  

            android:text="重庆" />  

第三步，添加主要代码

view plaincopy to clipboardprint?

import android.app.Activity;  

import android.os.Bundle;  

import android.widget.CheckBox;  

import android.widget.CompoundButton;  

import android.widget.RadioButton;  

纯CSS实现的卡片切换效果

这是一款纯 CSS 实现的卡片切换效果，原理是通过单选按钮 radio 选择不同的按钮后，再使用 CSS 选择器选中对应的内容显示。

下载

import android.widget.RadioGroup;  

import android.widget.CompoundButton.OnCheckedChangeListener;  

public class checkBox extends Activity implements OnCheckedChangeListener  {  

    /** Called when the activity is first created. */  

    RadioButton  r1 = null;  

    RadioButton  r2 = null;  

    RadioButton  r3 = null;  

    RadioButton  r4 = null;  

    @Override  

    public void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.main);  

        CheckBox checkBox = (CheckBox) findViewById(R.id.checkBox);   

        CheckBox checkBox1 = (CheckBox) findViewById(R.id.checkBox1);  

        //获得单选按钮组  

        RadioGroup radioGroup = (RadioGroup)findViewById(R.id.radioGroup);  

        //获得单选按钮  

        r1 = (RadioButton )findViewById(R.id.radion1);  

        r2 = (RadioButton )findViewById(R.id.radion2);  

        r3 = (RadioButton )findViewById(R.id.radion3);  

        r4 = (RadioButton )findViewById(R.id.radion4);  

        checkBox.setChecked(true);   

        r1.setClickable(true);  

        //监听多选按钮  

        checkBox.setOnCheckedChangeListener(this);  

        checkBox1.setOnCheckedChangeListener(this);  

        //监听单选按钮  

        radioGroup.setOnCheckedChangeListener(mChangeRadio);  

    }