Android原生实现分段选择

        六年前写的一个控件,一直没有时间总结,趁年底不怎么忙,整理一下之前写过的组件。供大家一起参考学习。废话不多说,先上图。

一、效果图

实现思路使用的是radioGroup加radiobutton组合方式。原理就是通过修改RadioButton 的background样式实现,radioGroup嵌套radiobutton已经实现单选互斥,故直接监听其选中监听处理数据就好。

dp_0.5:就是0.5dp的意思,自行替换成自己的值。

dp_15:代表15dp

二、布局代码

   采用的是RadioGroup嵌套RadioButton的方式。

  
        

            

            

            
        

三、样式代码

    a.day_checked样式



    
    

   a.1 day_chart_seleced样式



    
    
    

   a.2  day_chart_unseleced样式



    
    
    

b.week_checked样式



    
    

b.2 week_chart_seleced样式



    
    
    

b.3 week_chart_unseleced样式

         这个样式要特别做下说说明,因为“本周”那个控件位于组件的中部,所以边框样式会出现跟左右两边叠加的现象,从而造成边框过粗的视觉。为了解决这个问题,我采用的是layer-list层级布局,通过颜色覆盖的方式,影藏掉 “本周”那个控件的左右边框,来解决这一问题。下面是实现代码。



    
        
            
            
            
        
    
    
        
            
        
    

c. month_checked样式



    
    

  c.1 month_chart_seleced样式



    
    
    

  c.2 month_chart_unseleced样式



    
    
    

四、java代码

 由于使用了databinding双向绑定,故就不演示findviewbyid,如果没有使用databinding,自行去实现就好,只需在onCreate()中调用就好。想了下还是加上findviewbyid方式,就怕遇到啥都不懂的新手抱怨。

方法一 //findviewbyid调用方式:
 
 findviewbyid(R.id.rg_gender).setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int id) {
                switch (id) {
                    case R.id.rb_date_day:
                        Log.d("RadioGroup", "===天===");
                        break;
                    case R.id.rb_date_week:
                        Log.d("RadioGroup", "===周===");
                        break;
                    case R.id.rb_date_month:
                        Log.d("RadioGroup", "===月===");
                        break;
                }
            }
        });



方法二
//databindig调用方式
//绑定数据
        mDataBinding.rgDate.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int id) {
                switch (id) {
                    case R.id.rb_date_day:
                        Log.d("RadioGroup", "===天===");
                        break;
                    case R.id.rb_date_week:
                        Log.d("RadioGroup", "===周===");
                        break;
                    case R.id.rb_date_month:
                        Log.d("RadioGroup", "===月===");
                        break;
                }
            }
        });

给予新手的寄语

     对于新手来讲,开发总会遇到各种各样的问题,逐个解决就好,注意沟通协调。

你可能感兴趣的:(移动端,Android,android)