小说阅读网站建设市场需求分析,免费做网站优化,网站开发要注意的漏洞,效果图官网六年前写的一个控件#xff0c;一直没有时间总结#xff0c;趁年底不怎么忙#xff0c;整理一下之前写过的组件。供大家一起参考学习。废话不多说#xff0c;先上图。
一、效果图 实现思路使用的是radioGroup加radiobutton组合方式。原理就是通过修改RadioButton 的backgr… 六年前写的一个控件一直没有时间总结趁年底不怎么忙整理一下之前写过的组件。供大家一起参考学习。废话不多说先上图。
一、效果图 实现思路使用的是radioGroup加radiobutton组合方式。原理就是通过修改RadioButton 的background样式实现radioGroup嵌套radiobutton已经实现单选互斥故直接监听其选中监听处理数据就好。
dp_0.5就是0.5dp的意思自行替换成自己的值。
dp_15代表15dp
二、布局代码 采用的是RadioGroup嵌套RadioButton的方式。 !-- 日期标题 --RadioGroupandroid:idid/rg_dateandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_marginRightdimen/dp_24android:layout_marginTopdimen/dp_15android:orientationhorizontalandroid:padding1dpRadioButtonandroid:idid/rb_date_dayandroid:layout_widthdimen/dp_34android:layout_heightdimen/dp_17android:backgrounddrawable/day_checkedandroid:buttonnullandroid:checkedtrueandroid:gravitycenterandroid:text今日android:textColorcolor/whiteandroid:textSizedimen/sp_10 /RadioButtonandroid:idid/rb_date_weekandroid:layout_widthdimen/dp_34android:layout_heightdimen/dp_17android:buttonnullandroid:backgrounddrawable/week_checkedandroid:text本周android:gravitycenterandroid:textColorcolor/whiteandroid:textSizedimen/sp_10 /RadioButtonandroid:idid/rb_date_monthandroid:layout_widthdimen/dp_34android:layout_heightdimen/dp_17android:gravitycenterandroid:backgrounddrawable/month_checkedandroid:buttonnullandroid:text本月android:textColorcolor/whiteandroid:textSizedimen/sp_10 //RadioGroup 三、样式代码 a.day_checked样式
?xml version1.0 encodingutf-8?
selector xmlns:androidhttp://schemas.android.com/apk/res/androiditem android:drawabledrawable/day_chart_seleced android:state_checkedtrue/itemitem android:drawabledrawable/day_chart_unseleced/item
/selectora.1 day_chart_seleced样式
?xml version1.0 encodingutf-8?
shape xmlns:androidhttp://schemas.android.com/apk/res/androidsolid android:color#ff2775de /strokeandroid:widthdimen/dp_0.5android:color#2775DE /cornersandroid:bottomLeftRadius5dpandroid:bottomRightRadius0dpandroid:topLeftRadius5dpandroid:topRightRadius0dp /
/shape a.2 day_chart_unseleced样式
?xml version1.0 encodingutf-8?
shape xmlns:androidhttp://schemas.android.com/apk/res/androidsolid android:color#06103A /strokeandroid:widthdimen/dp_0.5android:color#2775DE /cornersandroid:bottomLeftRadius5dpandroid:bottomRightRadius0dpandroid:topLeftRadius5dpandroid:topRightRadius0dp /
/shape
b.week_checked样式
?xml version1.0 encodingutf-8?
selector xmlns:androidhttp://schemas.android.com/apk/res/androiditem android:drawabledrawable/week_chart_seleced android:state_checkedtrue/itemitem android:drawabledrawable/week_chart_unseleced/item
/selectorb.2 week_chart_seleced样式
?xml version1.0 encodingutf-8?
shape xmlns:androidhttp://schemas.android.com/apk/res/androidsolid android:color#ff2775de /strokeandroid:widthdimen/dp_0.5android:color#2775DE /corners android:radiusdimen/dp_0 /
/shape
b.3 week_chart_unseleced样式 这个样式要特别做下说说明因为“本周”那个控件位于组件的中部所以边框样式会出现跟左右两边叠加的现象从而造成边框过粗的视觉。为了解决这个问题我采用的是layer-list层级布局通过颜色覆盖的方式影藏掉 “本周”那个控件的左右边框来解决这一问题。下面是实现代码。
?xml version1.0 encodingutf-8?
layer-list xmlns:androidhttp://schemas.android.com/apk/res/androiditemshapesolid android:color#06103A /strokeandroid:widthdimen/dp_0.5android:color#2775DE /corners android:radiusdimen/dp_0 //shape/itemitemandroid:bottomdimen/dp_0.5android:topdimen/dp_0.5shapestrokeandroid:widthdimen/dp_0.5android:color#06103A //shape/item
/layer-listc. month_checked样式
?xml version1.0 encodingutf-8?
selector xmlns:androidhttp://schemas.android.com/apk/res/androiditem android:drawabledrawable/month_chart_seleced android:state_checkedtrue/itemitem android:drawabledrawable/month_chart_unseleced/item
/selectorc.1 month_chart_seleced样式
?xml version1.0 encodingutf-8?
shape xmlns:androidhttp://schemas.android.com/apk/res/androidsolid android:color#ff2775de /strokeandroid:widthdimen/dp_0.5android:color#2775DE /cornersandroid:bottomLeftRadius0dpandroid:bottomRightRadius5dpandroid:topLeftRadius0dpandroid:topRightRadius5dp /
/shape c.2 month_chart_unseleced样式
?xml version1.0 encodingutf-8?
shape xmlns:androidhttp://schemas.android.com/apk/res/androidsolid android:color#06103A /strokeandroid:widthdimen/dp_0.5android:color#2775DE /cornersandroid:bottomLeftRadius0dpandroid:bottomRightRadius5dpandroid:topLeftRadius0dpandroid:topRightRadius5dp /
/shape
四、java代码 由于使用了databinding双向绑定,故就不演示findviewbyid如果没有使用databinding自行去实现就好只需在onCreate()中调用就好。想了下还是加上findviewbyid方式就怕遇到啥都不懂的新手抱怨。
方法一 //findviewbyid调用方式findviewbyid(R.id.rg_gender).setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {Overridepublic 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() {Overridepublic 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;}}});
给予新手的寄语 对于新手来讲开发总会遇到各种各样的问题逐个解决就好注意沟通协调。
