radiobutton控件(讲解python常用框架)
给大家带来的是andoird基本ui控件中的radiobutton和checkbox; 先说下本节要讲解的内容是:radiobutton和checkbox的
1.基本用法
2.事件处理;
3.自定义点击效果;
4.改变文字与选择框的相对位置;
5.修改文字与选择框的距离
其实这两个控件有很多地方都是类似的,除了单选和多选,事件处理,其他的都是类似的! 另外还有一个listview上checkbox的错位的问题,我们会在listview那一章对这个问题进行 解决,好的,开始本节内容~ 本节官方文档api:radiobutton;checkbox;
1.基本用法与事件处理:
1)radiobutton(单选按钮)
如题单选按钮,就是只能够选中一个,所以我们需要把radiobutton放到radiogroup按钮组中,从而实现 单选功能!先熟悉下如何使用radiobutton,一个简单的性别选择的例子: 另外我们可以为外层radiogroup设置orientation属性然后设置radiobutton的排列方式,是竖直还是水平~
效果图:
ps:笔者的手机是android 5.0.1的,这里的radiobutton相比起旧版本的radiobutton,稍微好看一点~
布局代码如下:
<linearlayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:tools=”http://schemas.android.com/tools”
android:id=”@+id/linearlayout1″
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:orientation=”vertical”
tools:context=”.mainactivity” >
<textview
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”请选择性别”
android:textsize=”23dp”
/>
<radiogroup
android:id=”@+id/radiogroup”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:orientation=”horizontal”>
<radiobutton
android:id=”@+id/btnman”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”男”
android:checked=”true”/>
<radiobutton
android:id=”@+id/btnwoman”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”女”/>
</radiogroup>
<button
android:id=”@+id/btnpost”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”提交”/>
</linearlayout>
获得选中的值:
这里有两种方法,
第一种是为radiobutton设置一个事件监听器setoncheckchangelistener
例子代码如下:
radiogroup radgroup = (radiogroup) findviewbyid(r.id.radiogroup);
//第一种获得单选按钮值的方法
//为radiogroup设置一个监听器:setoncheckedchanged()
radgroup.setoncheckedchangelistener(new oncheckedchangelistener() {
@override
public void oncheckedchanged(radiogroup group, int checkedid) {
radiobutton radbtn = (radiobutton) findviewbyid(checkedid);
toast.maketext(getapplicationcontext(), “按钮组值发生改变,你选了” + radbtn.gettext(), toast.length_long).show();
}
});
运行效果图:
ps:另外有一点要切记,要为每个radiobutton添加一个id,不然单选功能会生效!!!
第二种方法是通过单击其他按钮获取选中单选按钮的值,当然我们也可以直接获取,这个看需求~
例子代码如下:
button btnchange = (button) findviewbyid(r.id.btnpost);
radiogroup radgroup = (radiogroup) findviewbyid(r.id.radiogroup);
//为radiogroup设置一个监听器:setoncheckedchanged()
btnchange.setonclicklistener(new onclicklistener() {
@override
public void onclick(view v) {
for (int i = 0; i < radgroup.getchildcount(); i++) {
radiobutton rd = (radiobutton) radgroup.getchildat(i);
if (rd.ischecked()) {
toast.maketext(getapplicationcontext(), “点击提交按钮,获取你选择的是:” + rd.gettext(), toast.length_long).show();
break;
}
}
}
});
运行效果图:
代码解析: 这里我们为提交按钮设置了一个setonclicklistener事件监听器,每次点击的话遍历一次radiogroup判断哪个按钮被选中我们可以通过下述方法获得radiobutton的相关信息!
- getchildcount( )获得按钮组中的单选按钮的数目;
- getchinldat(i):根据索引值获取我们的单选按钮
- ischecked( ):判断按钮是否选中
2)checkbox(复选框)
如题复选框,即可以同时选中多个选项,至于获得选中的值,同样有两种方式: 1.为每个checkbox添加事件:
setoncheckedchangelistener 2.弄一个按钮,在点击后,对每个checkbox进行判断:ischecked();
运行效果图:
实现代码:
public class mainactivity extends appcompatactivity implements view.onclicklistener,compoundbutton.oncheckedchangelistener{
private checkbox cb_one;
private checkbox cb_two;
private checkbox cb_three;
private button btn_send;
@override
protected void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
setcontentview(r.layout.activity_main);
cb_one = (checkbox) findviewbyid(r.id.cb_one);
cb_two = (checkbox) findviewbyid(r.id.cb_two);
cb_three = (checkbox) findviewbyid(r.id.cb_three);
btn_send = (button) findviewbyid(r.id.btn_send);
cb_one.setoncheckedchangelistener(this);
cb_two.setoncheckedchangelistener(this);
cb_three.setoncheckedchangelistener(this);
btn_send.setonclicklistener(this);
}
@override
public void oncheckedchanged(compoundbutton compoundbutton, boolean b) {
if(compoundbutton.ischecked()) toast.maketext(this,compoundbutton.gettext().tostring(),toast.length_short).show();
}
@override
public void onclick(view view) {
string choose = “”;
if(cb_one.ischecked())choose += cb_one.gettext().tostring() + “”;
if(cb_two.ischecked())choose += cb_two.gettext().tostring() + “”;
if(cb_three.ischecked())choose += cb_three.gettext().tostring() + “”;
toast.maketext(this,choose,toast.length_short).show();
}
}
2.自定义点击效果
虽然5.0后的radiobutton和checkbox都比旧版本稍微好看了点,但是对于我们来说 可能还是不喜欢或者需求,需要自己点击效果!实现起来很简单,先编写一个自定义 的selctor资源,设置选中与没选中时的切换图片~!
实现效果图如下:
ps:这里素材的原因,有点小…
<?xml version=”1.0″ encoding=”utf-8″?>
<selector xmlns:android=”http://schemas.android.com/apk/res/android”>
<item
android:state_enabled=”true”
android:state_checked=”true”
android:drawable=”@mipmap/ic_checkbox_checked”/>
<item
android:state_enabled=”true”
android:state_checked=”false”
android:drawable=”@mipmap/ic_checkbox_normal” />
</selector>
写好后,我们有两种方法设置,也可以说一种吧!你看看就知道了~
①android:button属性设置为上述的selctor
android:button=”@drawable/rad_btn_selctor”
②在style中定义一个属性,然后通过android style属性设置,先往style添加下述代码:
<style name=”mycheckbox” parent=”@android:style/widget.compoundbutton.checkbox”>
<item name=”android:button”>@drawable/rad_btn_selctor</item>
</style>
然后布局那里:
style=”@style/mycheckbox”
3.改变文字与选择框的相对位置
这个实现起来也很简单,还记得我们之前学textview的时候用到的drawablexxx吗? 要控制选择框的位置,两部即可!设置:
step 1. android:button=”@null”
step 2. android:drawabletop=”@android:drawable/btn_radio”
当然我们可以把drawablexxx替换成自己喜欢的效果!
4.修改文字与选择框的距离
有时,我们可能需要调节文字与选择框之间的距离,让他们看起来稍微没那么挤,我们可以:
1.在xml代码中控制: 使用android:paddingxxx = “xxx” 来控制距离
2.在java代码中,稍微好一点,动态计算paddingleft!
示例代码如下:
rb.setbuttondrawable(r.drawable.rad_btn_selctor);
int rb_paddingleft = getresources().getdrawable(r.mipmap.ic_checkbox_checked).getintrinsicwidth()+5;
rb.setpadding(rb_paddingleft, 0, 0, 0);
本节小结:
好的,关于radiobutton和checkbox就讲到这里,如果有什么写得不对的,不好的,或者有好的建议欢迎指出 万分感激