import android.os.Bundle;
import android.app.Activity;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
public class MainActivity extends Activity {
private RadioGroup rg; //单选按钮分组
private TextView show,show_love; //文本显示 用来在在屏幕显示一句话
private CheckBox c1,c2,c3,c4; //复选框
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
show_love=(TextView) findViewById(R.id.text_love);
//复选框
c1=(CheckBox) findViewById(R.id.c1);
c1.setOnCheckedChangeListener(listener);
c2=(CheckBox) findViewById(R.id.c2);
c2.setOnCheckedChangeListener(listener);
c3=(CheckBox) findViewById(R.id.c3);
c3.setOnCheckedChangeListener(listener);
c4=(CheckBox) findViewById(R.id.c4);
c4.setOnCheckedChangeListener(listener);
//单选按钮
rg=(RadioGroup) findViewById(R.id.rg01);
show=(TextView) findViewById(R.id.tv);
//单选按钮的单机事件
rg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
//单选按钮的的单击事件
public void onCheckedChanged(RadioGroup group, int checkedId) {
//三种实现方法
int id=group.getCheckedRadioButtonId(); //获得当前单选按钮的ID
RadioButton r1=(RadioButton) findViewById(id);
//设置不可输入文本框显示的内容
show.setText("你选择的最喜欢的城市是:"+r1.getText().toString());
RadioButton r2=(RadioButton) findViewById(checkedId);
show.setText("你选择的最喜欢的城市是:"+r2.getText().toString());
}
});
}
//复选框 在导入复选框的包的时候 必须在前面加 CompoundButton 因为单机事件在很多包都会有的
CompoundButton.OnCheckedChangeListener listener=new CompoundButton.OnCheckedChangeListener() {
public void onCheckedChanged(CompoundButton buttonView,boolean isChecked) {
CheckBox c=(CheckBox) buttonView; //获得当前按钮的对象
String s="";
//获得当前的ID
switch (c.getId()) {
case R.id.c1:
case R.id.c2:
case R.id.c3:
case R.id.c4:
s=s+c.getText().toString();
//放入文本显示框的内容必须是String类型
show_love.setText("你的爱好为 :"+s);
break;
default:
break;
}
}
};
}
- 大小: 42.3 KB
分享到:
相关推荐
在iOS应用开发中,UI设计通常涉及到各种交互元素,其中包括单选按钮(Radio Button)和复选框(Checkbox)。在Swift编程中,虽然UIKit框架原生并未提供直接对应的控件,但开发者可以通过自定义视图或者第三方库来...
在IT界,尤其是在软件开发和用户界面设计中,单选按钮(Radio Button)和复选框(Checkbox)是两种常见的控件,它们用于收集用户的输入信息。这两种控件在网页、桌面应用程序和移动应用中广泛使用,为用户提供了一种...
在网页设计中,单选按钮(Radio Button)和复选框(Checkbox)是常见的用户交互元素,用于收集用户的多选或单选信息。为了提升用户体验和界面美观度,常常需要对这些元素进行自定义样式设计,包括背景设置。本主题将...
在Bootstrap的场景中,我们可以用Font Awesome的图标替换掉原本的HTML复选框和单选按钮,从而实现更加吸引人的用户界面。 首先,我们需要引入Bootstrap和Font Awesome的CSS文件。Bootstrap的CSS将提供基础的布局和...
好看的单选按钮和复选框样式
1. SVG图形元素:创建自定义的单选按钮和复选框形状,如圆形(单选按钮)和矩形(复选框)。 2. CSS3动画:通过CSS3的关键帧动画实现平滑的过渡效果,如点击时的形状变化、颜色变化等。 3. jQuery事件监听:监听用户...
以上代码创建了圆角矩形的复选框和圆形的单选按钮,当用户选择时,背景颜色会变为蓝色。你可以根据需要调整颜色、大小和边框样式。 对于更复杂的美化,可以利用伪元素如`:before`和`:after`以及CSS3的过渡...
1. **样式定制**:允许开发者自定义复选框和单选按钮的外观,包括边框、背景色、大小、图标等,以匹配网站的总体设计。 2. **交互增强**:通过添加鼠标悬停、点击效果,使用户更容易识别已选状态和未选状态。 3. *...
在这个项目中,单选按钮和复选框可能就是通过这些元素构建的。 2. **SVG属性**:SVG元素有多种属性,如`fill`(填充颜色)、`stroke`(边框颜色)、`stroke-width`(边框宽度)等,通过改变这些属性可以实现动画...
在本案例中,我们将Font Awesome图标应用到Bootstrap的复选框和单选按钮上,创造出更吸引人的视觉效果。 实现这个美化特效的步骤大致如下: 1. **引入资源**:首先,你需要在HTML文档中引入Bootstrap和Font ...
在HTML5中,我们可以利用其强大的元素和属性来自定义网页的样式和功能,包括单选按钮(radio button)和复选框(checkbox)。在本案例中,"HTML5自定义网页的checkbox radiobox单选按钮和复选框.rar"压缩包文件提供...
这是一款效果非常炫酷的纯CSS3 Material Design风格单选按钮和复选框动画特效。该特效使用CSS帧动画来在单选按钮或复选框被选择时制作类似于按钮点击波的效果。它的代码简洁,效果非常的出色。
在网页设计中,单选按钮(Radio Button)和复选框(Checkbox)是常见的交互元素,用于用户在多个选项中做出选择。随着技术的发展,CSS3的引入为这些基础元素的美化提供了更多可能性。"CSS3单选按钮和复选按钮特效....
Labelauty是一款轻量级的jQuery单选按钮和复选框美化插件。该jquery美化插件允许你自定义每一个check状态的labels。也就是说选中和未选中状态的文字是动态变化的。Labelauty采用扁平化设计风格,非常时尚漂亮。
"jQuery自定义单选按钮复选框样式特效"是一个针对初学者的简单教程,它演示了如何利用jQuery库对网页中的基本表单元素,如单选按钮(radio button)和复选框(checkbox),进行美化和功能增强。下面我们将详细探讨这...
在网页设计中,用户体验往往受到界面美观度的影响,其中表单元素如单选按钮和复选框的样式是提升整体视觉效果的关键部分。`JQuery`作为一款强大的JavaScript库,为开发者提供了丰富的功能来实现这样的美化定制。本...
在网页设计和开发中,jQuery 是一个...总的来说,"jQuery自定义单选按钮复选框代码.zip"是一个实用的工具,它展示了如何使用jQuery和CSS来增强表单元素的视觉效果,同时保持代码简洁,非常适合网页开发者学习和使用。
使用js对checkbox radio 进行整合,将这两种类型封装到一个类中,就像java类一样直接调用方法类
在“jQuery自定义单选按钮复选框样式特效”这个项目中,开发者可能使用了选择器来定位页面上的所有单选按钮和复选框,然后使用CSS类或者数据属性来改变它们的外观。 接着,我们来看看CSS在其中的作用。CSS文件(如`...
在网页设计中,单选按钮(Radio Button)和复选框(Checkbox)是常见的用户交互元素,用于收集用户的选择信息。纯CSS3的单选按钮和复选按钮样式代码允许开发者自定义这些元素的外观,以提升网页的整体设计感和用户...