自定义控件RadioButton（实现5个fragmentActivity之间的切换）

最新推荐文章于 2022-11-06 14:03:19 发布
最新推荐文章于 2022-11-06 14:03:19 发布
阅读量1.3k 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cxq_leelen/article/details/54089247
版权 
1.创建一个主类WSHomeActivity继承了 FragmentActivity 
2.在引入的布局文件activity_home_ws来设置控件的布局
3.自定义控件RadioButton来实现（按钮+文字）的控件
4.在xml文件attrs中 <!-- 进行属性声明  格式（尺寸、参照） -->


效果图：


/**
 * 完善项目APP主页面 (用FragmentManager实现tab,不可滑动)
 */

public class WSHomeActivity extends FragmentActivity {
	private Context mContext;
	private RequestManager requestManager;
	private RadioGroup radioGroup;
	private CustomRadioButton rbRecord;
	private FragmentManager fragmentManager;
	private AppBaseFragment[] mTabs = new AppBaseFragment[5];
	// fragment
	private FragmentHomePage mFragmentHomePage = new FragmentHomePage();// 首页
	private FragmentMonitor mFragmentMonitor = new FragmentMonitor();// 监控
	private FragmentRecord mFragmentRecord = new FragmentRecord();// 记录
	private FragmentMall mFragmentMall = new FragmentMall();// 商城
	private FragmentMore mFragmentMore = new FragmentMore();// 更多
	private int selectTabIdx = 0;

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		mContext = this;
		initViews(savedInstanceState);
	}

	private void initViews(Bundle savedInstanceState) {
		setContentView(R.layout.activity_home_ws);
		radioGroup = (RadioGroup) findViewById(R.id.home_radioGroup);
		radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
			@Override
			public void onCheckedChanged(RadioGroup group, int checkedId) {
				switch (checkedId) {
				case R.id.home_tab_homePage:
					setTabSelection(0);
					break;
				case R.id.home_tab_monitor:
					setTabSelection(1);
					break;
				case R.id.home_tab_record:
					setTabSelection(2);
					break;
				case R.id.home_tab_mall:
					setTabSelection(3);
					break;
				case R.id.home_tab_more:
					setTabSelection(4);
					break;
				}
			}
		});

		radioGroup.check(R.id.home_tab_phone);

		rbRecord = (CustomRadioButton) findViewById(R.id.home_tab_record);
	}

	/**
	 * 选择tab
	 */
	private void setTabSelection(int index) {
		// 开启一个Fragment事务
		FragmentTransaction transaction = fragmentManager.beginTransaction();

		switch (index) {
		case 0:
			if (mTabs[index] == null) {
				mTabs[index] = mFragmentHomePage;
				transaction.add(R.id.fragment_container, mTabs[index]);
			}
			break;

		case 1:
			if (mTabs[index] == null) {
				mTabs[index] = mFragmentMonitor;
				transaction.add(R.id.fragment_container, mTabs[index]);
			}
			break;

		case 2:
			if (mTabs[index] == null) {
				mTabs[index] = mFragmentRecord;
				transaction.add(R.id.fragment_container, mTabs[index]);
			}
			break;

		case 3:
			if (mTabs[index] == null) {
				mTabs[index] = mFragmentMall;
				transaction.add(R.id.fragment_container, mTabs[index]);
			}
			break;

		case 4:
			if (mTabs[index] == null) {
				// mTabs[index] = mFragmentMore;
				mTabs[index] = mFragmentMore;
				transaction.add(R.id.fragment_container, mTabs[index]);
			}
			break;
		}

		// 先隐藏掉所有的Fragment，以防止有多个Fragment显示在界面上的情况
		hideFragments(transaction);
		transaction.show(mTabs[index]);
		transaction.commit();

		selectTabIdx = index;
	}

	/**
	 * 将所有的Fragment都置为隐藏状态。
	 * 
	 * @param transaction
	 *            用于对Fragment执行操作的事务
	 */
	private void hideFragments(FragmentTransaction transaction) {
		for (AppBaseFragment appBaseFragment : mTabs) {
			if (appBaseFragment != null) {
				transaction.hide(appBaseFragment);
			}
		}
	}
}



布局文件
activity_home_ws
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:leelen="http://schemas.android.com/apk/res/com.leelen.cloud"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/home_center_bg"
    android:orientation="vertical" >
    
    <!-- leelen地址为Manifest中的包名 -->
    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="@android:color/white" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="@color/divider1" />

    <RadioGroup
        android:id="@+id/home_radioGroup"
        android:layout_width="match_parent"
        android:layout_height="@dimen/home_tab_height"
        android:background="@color/home_tab_bg"
        android:gravity="center_vertical"
        android:orientation="horizontal" >

        <!-- 首页 -->
        <!-- 自定义一个按钮控件，图标+图标正下方为文字 -->
        <com.leelen.cloud.ui.CustomRadioButton
            android:id="@+id/home_tab_homePage"
            android:layout_width="0px"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:clickable="true"
            android:gravity="center"
            android:text="@string/homePage"
            android:textColor="@color/selector_txt_btn_1"
            android:textSize="@dimen/home_tab_textSize"
            leelen:drawableSize="@dimen/home_tab_drawableSize"
            leelen:drawableTop="@drawable/selector_tab_firstpage" />

        <!-- 监控 -->

        <com.leelen.cloud.ui.CustomRadioButton
            android:id="@+id/home_tab_monitor"
            android:layout_width="0px"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:clickable="true"
            android:gravity="center"
            android:text="@string/monitor"
            android:textColor="@color/selector_txt_btn_1"
            android:textSize="@dimen/home_tab_textSize"
            leelen:drawableSize="@dimen/home_tab_drawableSize"
            leelen:drawableTop="@drawable/selector_tab_monitor" />

        <!-- 记录 -->

        <com.leelen.cloud.ui.CustomRadioButton
            android:id="@+id/home_tab_record"
            android:layout_width="0px"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:clickable="true"
            android:gravity="center"
            android:text="@string/record"
            android:textColor="@color/selector_txt_btn_1"
            android:textSize="@dimen/home_tab_textSize"
            leelen:drawableSize="@dimen/home_tab_drawableSize"
            leelen:drawableTop="@drawable/selector_tab_record" />

        <!-- 商城 -->

        <com.leelen.cloud.ui.CustomRadioButton
            android:id="@+id/home_tab_mall"
            android:layout_width="0px"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:clickable="true"
            android:gravity="center"
            android:text="@string/mall"
            android:textColor="@color/selector_txt_btn_1"
            android:textSize="@dimen/home_tab_textSize"
            leelen:drawableSize="@dimen/home_tab_drawableSize"
            leelen:drawableTop="@drawable/selector_tab_mall" />

        <!-- 更多 -->

        <com.leelen.cloud.ui.CustomRadioButton
            android:id="@+id/home_tab_more"
            android:layout_width="0px"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:clickable="true"
            android:gravity="center"
            android:text="@string/more"
            android:textColor="@color/selector_txt_btn_1"
            android:textSize="@dimen/home_tab_textSize"
            leelen:drawableSize="@dimen/home_tab_drawableSize"
            leelen:drawableTop="@drawable/selector_tab_more" />
    </RadioGroup>

</LinearLayout>














自定义控件
CustomRadioButton
public class CustomRadioButton extends RadioButton {
    private int mDrawableSize;// xml文件中设置的大小
    private boolean showDot = false;

    public CustomRadioButton(Context context) {
        this(context, null, 0);
    }

    public CustomRadioButton(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public CustomRadioButton(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        Drawable drawableLeft = null, drawableTop = null, drawableRight = null, drawableBottom = null;
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CustomRadioButton);

        int n = a.getIndexCount();
        for (int i = 0; i < n; i++) {
            int attr = a.getIndex(i);
//            LogUtils.i("CustomRadioButton", "attr:" + attr);
            switch (attr) {
            case R.styleable.CustomRadioButton_drawableSize:
                mDrawableSize = a.getDimensionPixelSize(R.styleable.CustomRadioButton_drawableSize, 50);
//                LogUtils.i("CustomRadioButton", "mDrawableSize:" + mDrawableSize);
                break;
            case R.styleable.CustomRadioButton_drawableTop:
                drawableTop = a.getDrawable(attr);
                break;
            case R.styleable.CustomRadioButton_drawableRight:
                drawableRight = a.getDrawable(attr);
                break;
            case R.styleable.CustomRadioButton_drawableBottom:
                drawableBottom = a.getDrawable(attr);
                break;
            case R.styleable.CustomRadioButton_drawableLeft:
                drawableLeft = a.getDrawable(attr);
                break;
            default:
                break;
            }
        }
        a.recycle();

        setCompoundDrawablesWithIntrinsicBounds(drawableLeft, drawableTop, drawableRight, drawableBottom);

    }

    @Override
    public void setCompoundDrawablesWithIntrinsicBounds(Drawable left, Drawable top, Drawable right, Drawable bottom) {
        if (left != null) {
            left.setBounds(0, 0, mDrawableSize, mDrawableSize);
        }
        if (right != null) {
            right.setBounds(0, 0, mDrawableSize, mDrawableSize);
        }
        if (top != null) {
            top.setBounds(0, 0, mDrawableSize, mDrawableSize);
        }
        if (bottom != null) {
            bottom.setBounds(0, 0, mDrawableSize, mDrawableSize);
        }
        setCompoundDrawables(left, top, right, bottom);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        if (showDot) {
            Paint paint = new Paint();
            paint.setColor(Color.RED);
            paint.setAntiAlias(true);
            float radius = 10;
            float cx = getWidth() / 2 + 30;
            float cy = radius;
            canvas.drawCircle(cx, cy, radius, paint);
        }
    }

    public void setShowDot(boolean showDot) {
        this.showDot = showDot;
        postInvalidate();
    }
}












<!-- 进行属性声明  格式（尺寸、参照） -->

attrs
<?xml version="1.0" encoding="utf-8"?>
<resources>

    <!-- 进行属性声明  格式（尺寸、参照） -->
    <declare-styleable name="CustomRadioButton">
        <attr name="drawableSize" format="dimension" />
        <attr name="drawableTop" format="reference" />
        <attr name="drawableBottom" format="reference" />
        <attr name="drawableLeft" format="reference" />
        <attr name="drawableRight" format="reference" />
    </declare-styleable>
    
    <declare-styleable name="CheckImageButton">
        <attr name="checked" format="boolean" />
    </declare-styleable>

</resources>











                

        

        

    




    

      

        

            

              
                
                  cxq_leelen
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
安卓：ViewPager+Fragment+RadioButton实现底部菜单栏滑动切换

				
			

			

				

					01-03
				

			

		

		

			
				
ViewPager就是一个简单的页面切换组件，我们可以往里面填充多个View，然后我们可以左右滑动，从而切换不同的View，我们可以通过setPageTransformer()方法为我们的ViewPager> 设置切换时的动画效果。和ListView，...

			
		

	



                

              
                



	

		

			

				
					
android studio radiobutton单选按钮实现界面跳转备忘（两种方法）

				
			

			

				

					kim5659的博客
				

				

					10-06
					
					4518
					
				

			

		

		

			
				
单选按钮 radoibutton 界面跳转

			
		

	



                


  
              

                


	

		

			

				
					
RadioButton实现Fragment切换

				
			

			

				

					Giousa的博客
				

				

					04-29
					
					1251
					
				

			

		

		

			
				
需要实现效果大致如下：






RadioButton切换Fragment最大的好处莫过于界面效果变换非常稳定了。


布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_par

			
		

	





	

		

			

				
					
RadioButton和ViewPager实现页面切换效果

				
			

			

				

					wangwo1991的博客
				

				

					02-14
					
					2790
					
				

			

		

		

			
				
BaseFragmentActivity中包含几个Fragment滑动切换页面这种效果是很常见的效果，实现的方式也有很多，TabHost可以实现其效果，不过TabHost的实现方式相比于其他的方法有点复杂，所以TabHost 
基本放弃掉了，在这里用的是RadioButton和ViewPager的方式来实现的，android.support.v4.view.ViewPager本来就有滑动切换的效果，

			
		

	



		

			
		



	

		

			

				
					
android radiobutton切换,RadioGroup结合RadioButton使用切换Fragment片段

				
			

			

				

					weixin_42360733的博客
				

				

					05-30
					
					430
					
				

			

		

		

			
				
界面布局activity_lan_qiu，代码xml设置如下：android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical">android:layout_width="match_parent"android:layout_height="match_...

			
		

	





	

		

			

				
					
安卓APP常用界面切换RadioButton+fragment

				
			

			

				

					雨淋一整夜
				

				

					09-17
					
					1751
					
				

			

		

		

			
				
时隔多日，上次CSDN把我的草稿吞了后，一直筹划自己的网站写blog，但是各种原因，最终搁浅。
今天带来的是，界面切换RadioButton+fragment，类似QQ、淘宝、微信之类的主页界面切换。而且考虑到各种原因，可能不会太深入的剖析。
首先，我们新建一个项目，会直接生成一个ACTIVITY+layout。这时候我们无需做出任何改变，先删除菜单功能。添加双击返回键退出程序，代码如下：


			
		

	





	

		

			

				
					
Android控件RadioButton实现多选一功能

				
			

			

				

					08-29
				

			

		

		

			
				
 实现多选一功能主要有两种方法：一种是将多个RadioButton控件放在一个RadioGroup控件中，另一种是使用Java代码来实现RadioButton控件的单选功能。  方法一：使用RadioGroup控件   使用RadioGroup控件可以将多个...

			
		

	





	

		

			

				
					
fragment+radioButton实现底部菜单切换fragment的效果

				
			

			

				

					03-03
				

			

		

		

			
				
利用fragmentTransaction的show和hide实现fragment+radioButton 切换的简单示例

			
		

	





	

		

			

				
					
ViewPager、Fragment、RadioButton实现顶部切换Tab页面

				
			

			

				

					03-10
				

			

		

		

			
				
http://blog.csdn.net/richiezhu/article/details/50844110

			
		

	





	

		

			

				
					
Android入门第11天-Android中RadioButton的使用

				
			

			

				

					lifetragedy的专栏
				

				

					11-06
					
					1492
					
				

			

		

		

			
				
Android中RadioButton是如何使用的？以及它有什么注意事项？此篇以一个例子详尽解说。

			
		

	





	

		

			

				
					
android页面布局fragment五个按钮切换页面

				
			

			

				

					04-30
				

			

		

		

			
				
android页面布局fragment五个按钮切换页面

			
		

	





	

		

			

				
					
VIewPage+fragment+RadioGroup动态的添加RadioButton

				
			

			

				

					09-10
				

			

		

		

			
				
VIewPage+fragment+RadioGroup动态的添加RadioButton

			
		

	





	

		

			

				
					
RadioButton 切换到对应页面 & 数据请求&json数据解析 & 左侧菜单和主页面传递数据—Android项目实战—新闻APP02

				
			

			

				

					是非的Android学习之路 
				

				

					05-03
					
					556
					
				

			

		

		

			
				
新闻app内容
1. 根据 RadioButton 切换到对应页面
2. 主页面相关问题处理
3.软件层次介绍
4. 新闻中心数据请求&json数据解析
5. 给左侧菜单传递数据
6. 左侧菜单数据绑定&状态处理
7. 实现左侧菜单切换对应页面

			
		

	





	

		

			

				
					
ViewPager+RadioGroup+RadioButton实现滑动切换页面与点击按钮切换页面

				
			

			

				

					ykx_1448488568的博客
				

				

					09-13
					
					1674
					
				

			

		

		

			
				
一:效果图:



二:代码:

首先  根据我们有几个页面就设置几个Fragment,

主函数:


public class MainActivity extends AppCompatActivity {

    private ViewPager viewpager;
    private RadioButton one;
    private RadioButton two;
 ...

			
		

	





	

		

			

				
					
RadioButton的selector以及切换界面

				
			

			

				

					牛仔面包
				

				

					02-09
					
					1223
					
				

			

		

		

			
				
首先是RadioButton的背景selector
  左边的selector
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_checked="true">
        <shap

			
		

	





	

		

			

				
					
RadioButton    如何做到页面的显示和切换

				
			

			

				

					ss1573的博客
				

				

					12-09
					
					3697
					
				

			

		

		

			
				
RadioButton是一个按钮，是一组按钮，它的作用是用来切换的,
在实际的项目中，我们经常都是RadioButton和RadioGroup一起配合使用。RadioGroup是单选组合框，可以容纳多个RadioButton的容器。在没有RadioGroup的情况下，RadioButton可以全部都选中；当多个RadioButton被RadioGroup包含的情况下，RadioButton只可以

			
		

	





	

		

			

				
					
底部放5个RadioButton，点击切换不同的Fragment

				
			

			

				

					zhangsunxiang的专栏
				

				

					12-26
					
					1646
					
				

			

		

		

			
				
前言

       一般频繁切换Fragment会导致频繁的释放和创建，如果Fragment比较臃肿体验就非常不好了，这里分享一个方法。

正文

        一、应用场景  

              1、不使用ViewPager

              2、不能用replace来切换Fragment，会导致Fragment释放（调用onDestroyView

			
		

	





	

		

			

				
					
winform控件radioButton

					
最新发布

				
			

			

				

					09-07
				

			

		

		

			
				
Winform控件中的RadioButton是一种用于实现单选功能的控件。它适用于需要对两种以上的情况进行不同处理的场景。当需要在多个选项中选择一个时，我们可以使用RadioButton来实现单选功能。

RadioButton有一些常用的属性。其中，AutoCheck属性确定是否自动检查选中状态。如果设置为True，则点击RadioButton后自动选中；如果设置为False，则不能通过鼠标单击来实现选中。 Checked属性表示RadioButton的选中状态，True表示选中，False表示未选中。

另外，CheckAlign属性用于指定RadioButton的选中按钮在控件中的位置，默认是在左边，但也可以根据需求设置为右边。

总结来说，RadioButton是一种用于实现单选功能的Winform控件，适用于需要在多个选项中选择一个的场景。它具有AutoCheck、Checked和CheckAlign等属性，可以根据具体需求进行设置。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值