单选按钮

1. 单选按钮(RadioButton)的基本概念

2. RadioGroup和RadioButton

3. OnClickedListener和OnClickedChangeListener监听器

 

1. 单选按钮(RadioButton)的基本概念

        一组单选按钮只能被选中一个

     

 

2. RadioGroup和RadioButton

        <TextView   />                                 表示既是开始又是结束

        <RadioGroup>   </RadioGroup>        里面可以增加子标签

    fragment_main.xml

 1 <LinearLayout 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:orientation="vertical"
 6     android:paddingBottom="@dimen/activity_vertical_margin"
 7     android:paddingLeft="@dimen/activity_horizontal_margin"
 8     android:paddingRight="@dimen/activity_horizontal_margin"
 9     android:paddingTop="@dimen/activity_vertical_margin"
10     tools:context="first.pack.MainActivity$PlaceholderFragment" >
11 
12     <RadioGroup
13         android:id="@+id/radioGroup"
14         android:layout_width="wrap_content"
15         android:layout_height="wrap_content"
16         android:orientation="horizontal">
17         
18         <RadioButton
19             android:id="@+id/femaleButtonId"
20             android:layout_width="wrap_content"
21             android:layout_height="wrap_content"
22             android:text="female"/>
23         
24         <RadioButton
25             android:id="@+id/maleButtonId"
26             android:layout_width="wrap_content"
27             android:layout_height="wrap_content"
28             android:text="male"/>
29     </RadioGroup>
30 
31 </LinearLayout>

      MainActivity.java

 1 public static class PlaceholderFragment extends Fragment {
 2 
 3         private RadioGroup radioGroup;
 4         private RadioButton femaleButton;
 5         private RadioButton maleButton;
 6         
 7         public PlaceholderFragment() {
 8         }
 9 
10         @Override
11         public View onCreateView(LayoutInflater inflater, ViewGroup container,
12                 Bundle savedInstanceState) {
13             View rootView = inflater.inflate(R.layout.fragment_main, container, false);
14             
15             radioGroup = (RadioGroup)rootView.findViewById(R.id.radioGroup);
16             femaleButton = (RadioButton)rootView.findViewById(R.id.femaleButtonId);
17             maleButton = (RadioButton)rootView.findViewById(R.id.maleButtonId);
18             
19             RadioGroupListener listener = new RadioGroupListener();
20             radioGroup.setOnCheckedChangeListener(listener);
21             
22             return rootView;
23         }
24         
25         class RadioGroupListener implements OnCheckedChangeListener{
26 
27             @Override
28             public void onCheckedChanged(RadioGroup group, int checkedId) {
29                 // TODO Auto-generated method stub
30                 if(checkedId == femaleButton.getId()){
31                     Log.i("tag","选中了female");
32                 }
33                 else if(checkedId == maleButton.getId()){
34                     Log.i("tag","选中了male");
35                 }
36             }           
37         }
38     }   

     分别选中female和male, 一个group里面只能选中一个

    

     输出为:

        

 

 

转载于:https://www.cnblogs.com/iMirror/p/3775651.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在uniapp中,可以使用radio组件来实现单选按钮的功能。可以通过给radio组件绑定一个value属性来确定每个单选按钮的值,然后使用v-for指令来遍历一个数组,将数组中的每个元素作为单选按钮的选项。当单选按钮被点击时,可以通过@change事件来触发一个方法,该方法可以获取到选中的单选按钮的值。[2] 在代码中,可以使用radio-group组件来包裹一组单选按钮,通过@change事件来监听单选按钮的变化。在方法中,可以通过e.detail.value来获取选中的单选按钮的值,然后将其赋值给一个变量,以便在其他地方使用。[2] 另外,还可以使用label标签来包裹radio组件,这样点击label区域就可以触发单选按钮的选中效果。可以通过给label标签绑定@click事件来触发一个方法,该方法可以改变radio组件的状态。[1] 总结起来,uniapp中实现单选按钮的步骤如下: 1. 使用radio-group组件包裹一组单选按钮,通过v-for指令遍历一个数组,将数组中的每个元素作为单选按钮的选项。 2. 给每个radio组件绑定一个value属性,确定每个单选按钮的值。 3. 使用@change事件监听单选按钮的变化,通过e.detail.value获取选中的单选按钮的值。 4. 在方法中,将选中的值赋值给一个变量,以便在其他地方使用。 5. 可以使用label标签来包裹radio组件,通过@click事件触发一个方法,改变radio组件的状态。[1][2][3]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值