Android 底部导航栏中间凸起、动态配置替换底部导航栏Tab图标(按钮、标签)的实现方案

https://blog.csdn.net/u011733020/article/details/59111618



标签:底部导航栏中间凸起、动态配置底部导航、底部导航中间大圆圈

类似 京东 淘宝 等app,在一些节假日的时候,首页UI 一般都是配置的节日气息很浓重,这类的实现一般是不需要发版,思路是 由后台直接配置,第一次开启App后台下载,在下次打开时 直接展示下载的图标。

思路分析 一般默认 一套普通图标平日展示使用, 后台下载一套新的图标,固定时间段展示使用。

比如 淘宝

假设下面这个是节日展示的底部导航

实现原理:

1.开启应用 ,后台下载活动图标。

2.下次打开应用,检测是否要展示。

3.底部导航实现,这里以RadioButton 为例, RadioButton 自带选中和默认 两种状态,所以只要我们将下载下来的图标做成selector选择器设置给RadioButton , 我们就可以实现替换图标的需求。

实现分析细节补充:

1. 启动页 请求后台图标接口,判断后台下载图标。

2.启动时, 检测下载图标是否完整,一定要下载完全,如果不完整,则展示出现问题,需要重新下载。

3.如果已经下载到本地,并且校验符合条件,则  加载本地图标生成Drawable,然后设置给Selector,然后将Selector 添加到 相应的RadioButton 上面。

圖片的下載比較容易,不做介紹,只介紹生成select部分:

//代碼生成Selector

StateListDrawable drawable = new StateListDrawable();

drawableDefault = new BitmapDrawable(bitmap);

drawableChecked);= new BitmapDrawable(bitmap);

drawable.addState(new int[]{android.R.attr.state_checked},

                drawableChecked);

drawable.addState(new int[]{ - android.R.attr.state_checked},

                drawableDefault);

// 將生成的Selector 添加到RadioButton 上面

drawable.setBounds(0,0,DimenUtil.dipToPx(context,30),DimenUtil.dipToPx(context,30));

radioButton.setCompoundDrawables(null,drawable,null,null);

下面是效果展示:

你可能感兴趣的:(Android 底部导航栏中间凸起、动态配置替换底部导航栏Tab图标(按钮、标签)的实现方案)