Android自定义RadioGroup实现单选完整示例

简介:

MainActivity如下:

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. package cc.testradiogroup;  
  2.   
  3. import android.os.Bundle;  
  4. import android.widget.RadioButton;  
  5. import android.widget.RadioGroup;  
  6. import android.widget.RadioGroup.OnCheckedChangeListener;  
  7. import android.app.Activity;  
  8. /** 
  9.  * Demo描述: 
  10.  * 利用自定义RadioGroup实现单选 
  11.  * 
  12.  * 参考资料: 
  13.  * 1 http://blog.csdn.net/xiaanming 
  14.  * 2 http://bbs.51cto.com/thread-954128-1.html 
  15.  *  
  16.  *   Thank you very much 
  17.  */  
  18. public class MainActivity extends Activity {  
  19.     private RadioGroup mRadioGroup;   
  20.     @Override  
  21.     protected void onCreate(Bundle savedInstanceState) {  
  22.         super.onCreate(savedInstanceState);  
  23.         setContentView(R.layout.main);  
  24.         init();  
  25.     }  
  26.     
  27.     private void init(){  
  28.         mRadioGroup=(RadioGroup) findViewById(R.id.radioGroup);  
  29.         mRadioGroup.setOnCheckedChangeListener(new RadioButtonOnCheckedChangeListenerImpl());  
  30.     }  
  31.       
  32.     // 监听单选的变化  
  33.     private class RadioButtonOnCheckedChangeListenerImpl implements OnCheckedChangeListener {  
  34.         @Override  
  35.         public void onCheckedChanged(RadioGroup group, int checkedId) {  
  36.             RadioButton rb = (RadioButton) findViewById(group.getCheckedRadioButtonId());  
  37.             String currentSelected = rb.getText().toString();  
  38.             System.out.println("现在选中是:" + currentSelected);  
  39.         }  
  40.     }  
  41.   
  42. }  


main.xml如下:

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <!-- 步骤如下: -->  
  3. <!--1: android:button="@null" 去掉自带的图标   -->  
  4. <!--2:android:drawableRight="@drawable/line" 在文字的右边设置图片-->  
  5. <!--3: android:drawablePadding="10dip" 图片与文字间的距离-->  
  6. <!--4:android:layout_marginLeft="-17dip" 每个RadioButton距离左边缘或者距其左RadioButton的距离-->  
  7. <LinearLayout   
  8.     xmlns:android="http://schemas.android.com/apk/res/android"  
  9.     android:layout_width="fill_parent"  
  10.     android:layout_height="fill_parent"  
  11.     android:orientation="vertical"  
  12.     android:gravity="center_horizontal" >  
  13.   
  14.     <TextView  
  15.         android:layout_width="wrap_content"  
  16.         android:layout_height="wrap_content"  
  17.         android:textSize="15sp"  
  18.         android:text="测试自定义的RadioGroup来实现单选功能" >  
  19.     </TextView>  
  20.   
  21.     <RadioGroup  
  22.         android:id="@+id/radioGroup"  
  23.         android:layout_width="wrap_content"  
  24.         android:layout_height="wrap_content"  
  25.         android:orientation="horizontal"  
  26.         android:background="@drawable/bg" >  
  27.   
  28.         <RadioButton  
  29.             android:id="@+id/cai"  
  30.             android:layout_width="wrap_content"  
  31.             android:layout_height="wrap_content"  
  32.             android:layout_marginLeft="-17dip"  
  33.             android:checked="true"  
  34.             android:button="@null"  
  35.             android:drawableRight="@drawable/line"  
  36.             android:drawablePadding="10dip"  
  37.             android:text="菜"  
  38.             android:textColor="@drawable/text_selector" >  
  39.         </RadioButton>  
  40.   
  41.         <RadioButton  
  42.             android:id="@+id/tang"  
  43.             android:layout_width="wrap_content"  
  44.             android:layout_height="wrap_content"  
  45.              android:layout_marginLeft="-15dip"  
  46.             android:button="@null"  
  47.             android:drawableRight="@drawable/line"  
  48.             android:drawablePadding="10dip"  
  49.             android:text="汤"   
  50.             android:textColor="@drawable/text_selector">  
  51.         </RadioButton>  
  52.           
  53.         <RadioButton  
  54.             android:id="@+id/zhushi"  
  55.             android:layout_width="wrap_content"  
  56.             android:layout_height="wrap_content"  
  57.              android:layout_marginLeft="-15dip"  
  58.             android:button="@null"  
  59.             android:drawableRight="@drawable/line"  
  60.             android:drawablePadding="10dip"  
  61.             android:text="主   食"  
  62.             android:textColor="@drawable/text_selector" >  
  63.         </RadioButton>  
  64.           
  65.         <RadioButton  
  66.             android:id="@+id/zhou"  
  67.             android:layout_width="wrap_content"  
  68.             android:layout_height="wrap_content"  
  69.              android:layout_marginLeft="-15dip"  
  70.             android:button="@null"  
  71.             android:drawableRight="@drawable/line"  
  72.             android:drawablePadding="15dip"  
  73.             android:text="粥"  
  74.             android:textColor="@drawable/text_selector" >  
  75.         </RadioButton>  
  76.     </RadioGroup>  
  77.   
  78. </LinearLayout>  

text_selector.xml如下:

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android" >  
  3.       <item android:color="#ffffff" android:state_checked="true"/>  
  4.       <item android:color="#000000"/>  
  5. </selector>  
相关文章
|
27天前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图:从零到英雄
【10月更文挑战第42天】 在安卓的世界里,自定义视图是一块画布,让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门,通过深入浅出的方式,让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤,以及如何优化你的视图以提高性能和兼容性。准备好了吗?让我们开始这段创造性的旅程吧!
23 1
|
2月前
|
Android开发 开发者
安卓应用开发中的自定义视图
【9月更文挑战第37天】在安卓开发的海洋中,自定义视图犹如一座座小岛,等待着勇敢的探索者去发现其独特之处。本文将带领你踏上这段旅程,从浅滩走向深海,逐步揭开自定义视图的神秘面纱。
43 3
|
2月前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中,自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View,包括设计理念、实现步骤以及性能优化技巧,帮助开发者打造流畅且富有创意的用户界面。
94 0
|
1月前
|
搜索推荐 前端开发 Android开发
安卓应用开发中的自定义视图实现
【10月更文挑战第30天】在安卓开发的海洋中,自定义视图是那抹不可或缺的亮色,它为应用界面的个性化和交互体验的提升提供了无限可能。本文将深入探讨如何在安卓平台创建自定义视图,并展示如何通过代码实现这一过程。我们将从基础出发,逐步引导你理解自定义视图的核心概念,然后通过一个实际的代码示例,详细讲解如何将理论应用于实践,最终实现一个美观且具有良好用户体验的自定义控件。无论你是想提高自己的开发技能,还是仅仅出于对安卓开发的兴趣,这篇文章都将为你提供价值。
|
1月前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域,自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View,以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理,进而探索内存和布局优化技巧,最终实现既美观又高效的安卓界面。
37 5
|
2月前
|
存储 前端开发 测试技术
Android kotlin MVVM 架构简单示例入门
Android kotlin MVVM 架构简单示例入门
36 1
|
2月前
|
XML 前端开发 Java
安卓应用开发中的自定义View组件
【10月更文挑战第5天】自定义View是安卓应用开发的一块基石,它为开发者提供了无限的可能。通过掌握其原理和实现方法,可以创造出既美观又实用的用户界面。本文将引导你了解自定义View的创建过程,包括绘制技巧、事件处理以及性能优化等关键步骤。
|
3月前
|
Android开发 开发者
安卓开发中的自定义视图:从入门到精通
【9月更文挑战第19天】在安卓开发的广阔天地中,自定义视图是一块充满魔力的土地。它不仅仅是代码的堆砌,更是艺术与科技的完美结合。通过掌握自定义视图,开发者能够打破常规,创造出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战应用,一步步展示如何用代码绘出心中的蓝图。无论你是初学者还是有经验的开发者,这篇文章都将为你打开一扇通往创意和效率的大门。让我们一起探索自定义视图的秘密,将你的应用打造成一件艺术品吧!
67 10