仿淘宝Android实现底部导航栏图标溢出效果-clipChildren属性

1.clipChildren和clipPadding说明

• clipChildren用来定义他的子控件是否要在他应有的边界内进行绘制。 默认情况下，clipChild被设置为true。 也就是不允许进行扩展绘制。
• clipToPadding用来定义ViewGroup是否允许在padding中绘制。默认情况下，cliptopadding被设置为ture， 也就是把padding中的值都进行裁切了。

还有该功能是android第一个版本就已经提供的方法， 所有可以跨任意android版本使用；

这两个属性联合起来能干什么呢？用来做一些类似于心形放大等点击特效非常合适， 不用去更改布局， 只需加入这两个属相，并引入动画效果就完成了；

注意事项：

• 只需在根节点设置android:clipChildren为false即可，默认为true，注意：一定是在布局文件的根节点设置，否则不起作用；
• 可以通过android:layout_gravity控制超出的部分如何显示；
• android:clipChildren的意思：是否限制子View在其范围内，我们将其值设置为false后那么当子控件的高度高于父控件时也会完全显示,而不会被压缩；

父视图设置android:clipChildren、android:clipPadding和不设置的效果如下：

​​

2.实例讲解

最近在写一个需求，要求点击底部栏的按钮，要能让图标放大，且要超出底部栏，实现一种越界的效果，效果如下:

 

 

 

2.1引入TabLayout库

在 android.surport.v4/v7项目中TabLayout在app_module对应的build.gradle中的引用如下：

    //TabLayout
    compile 'com.android.support:design:27.1.1'
    compile 'com.android.support:support-v4:27.1.1'

在androidx项目中TabLayout