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

最新推荐文章于 2019-11-25 18:59:27 发布
最新推荐文章于 2019-11-25 18:59:27 发布
阅读量1.3k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/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>










                

        

    

    
  



    



                



	

		

			

				
					
Fragment实现RadioButton切换

				
			

			

				

					南笙西默夕的博客
				

				

					01-06
					
					817
					
				

			

		

		

			
				
Fragment实现RadioButton切换







 





main布局文件中的布局：
FrameLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="9.5"
    android:id="@

			
		

	



                

            
              



	

		

			

				
					
Android ViewPager+RadioGroup 自定义控件示例

				
			

			

				

					12-07
				

			

		

		

			
				
本示例旨在教你如何将这些组件结合使用，创建一个自定义控件，以实现上部导航和主页面导航的功能。以下是关于这三个组件的详细解释以及如何在实际项目中进行集成。  1. **ViewPager**：`ViewPager`是Android支持库中...

			
		

	



              


  
              

                


	

		

			

				
					
RadioButton实现Fragment切换

				
			

			

				

					04-29
				

			

		

		

			
				
RadioButton实现Fragment切换

			
		

	





	

		

			

				
					
fragment和radiobutton

				
			

			

				

					qq_39914866的博客
				

				

					10-26
					
					378
					
				

			

		

		

			
				
public class Main2Activity extends AppCompatActivity implements View.OnClickListener {
    private RadioButton zuixin;
    private RadioButton zhuanlan;
    private RadioButton remen;
    private Radi

			
		

	



		

			
		



	

		

			

				
					
Android自定义控件：ViewPager+RadioGroup实现示例

				
			

			

				

					
				

			

		

		

			
				
在Android开发中，ViewPager和RadioGroup是两个常用的UI组件，而自定义控件则意味着将这两个组件按照特定的需求结合起来，以实现更加丰富和个性化的用户交互体验。  #### 描述解读  描述中的"简单实用的实现上部导航...

			
		

	





	

		

			

				
					
RadioButton控制Fragment切换动画的实现

				
			

			

				

					
				

			

		

		

			
				
这通常是在Activity中实现的，可以通过设置RadioGroup的onCheckedChangeListener监听器，在RadioButton被选中时触发Fragment的切换，并应用动画效果。  ```java RadioGroup radioGroup = findViewById(R.id....

			
		

	





	

		

			

				
					
自定义Android RadioButton图标与组合控件应用

				
			

			

				

					
				

			

		

		

			
				
4. **程序代码中的状态管理**：在Activity或Fragment中编写相应的代码来监听RadioButton的选中状态变化，并作出响应。 5. **考虑大小和可访问性**：自定义图标时要注意图标的尺寸和色彩对比度，以确保不同屏幕和...

			
		

	





	

		

			

				
					
viewPager和Radiobutton以及适配器加载fragment

				
			

			

				

					04-19
				

			

		

		

			
				
这种控件常用于实现选项卡式界面，因为用户只能选择一个选项，与`ViewPager`结合使用时，可以作为页面之间的导航。  当`RadioButton`与`ViewPager`一起使用时，每个RadioButton对应`ViewPager`中的一个页面。例如，...

			
		

	





	

		

			

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

				
			

			

				

					03-03
				

			

		

		

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

			
		

	





	

		

			

				
					
RadioButton ＋ Fragment 实现选显卡功能

				
			

			

				

					06-16
				

			

		

		

			
				
此为示例代码，如有疑问到以下博客留言：http://blog.youkuaiyun.com/dbs1215/article/details/46517193

			
		

	





	

		

			

				
					
RadioButton和ViewPager实现页面切换效果

				
			

			

				

					wangwo1991的博客
				

				

					02-14
					
					2889
					
				

			

		

		

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

			
		

	





	

		

			

				
					
RadioButton_Fragment切换

				
			

			

				

					jie的博客
				

				

					05-03
					
					346
					
				

			

		

		

			
				
1、布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:l

			
		

	





	

		

			

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

				
			

			

				

					zhangsunxiang的专栏
				

				

					12-26
					
					1694
					
				

			

		

		

			
				
前言

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

正文

        一、应用场景  

              1、不使用ViewPager

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

			
		

	





	

		

			

				
					
RadioButton+FragMent

				
			

			

				

					fsfsa的博客
				

				

					11-25
					
					265
					
				

			

		

		

			
				
布局






			
		

	





	

		

			

				
					
模仿网易云课堂的底部导航栏切换—RadioButton+Fragment

				
			

			

				

					莫负青春取自惭
				

				

					06-08
					
					1471
					
				

			

		

		

			
				
模仿网易云课堂的底部导航栏切换，也类似微信等，使用的是RadioButton+Fragment 
就是這样的，点击每个按钮，中间内容切换到对应的Fragement显示不同的内容 先把四个RadioButton布局写好 
activity_main_bottom.xml:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值