Android RecyclerView Item使用动画被遮挡，ClipChildren也无效的坑

朴灿烈づ我的快乐病毒、 2022-06-03 09:48 361阅读 0赞

更新：**clipChildren这个属性需要设置在该View的祖父布局上**，也就是父布局的父布局。也就是说如果一个View想要超出父布局，需要在其**祖父布局**上设置`android:clipChildren="false"`（而不是父布局）

如图  
![70][]

布局文件如下

<?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/grandfather" android:layout_width="match_parent" android:layout_height="match_parent" android:clipChildren="false" android:background="#2fb">
    
        <FrameLayout android:id="@+id/father" android:layout_width="match_parent" android:layout_height="match_parent" android:clipChildren="false" android:layout_margin="50dp" android:background="#eb6">
    
            <FrameLayout android:id="@+id/son" android:layout_width="200dp" android:layout_height="200dp" android:layout_marginLeft="-20dp" android:layout_marginTop="20dp" android:background="#000">
    
                <View android:layout_marginLeft="-10dp" android:id="@+id/grandson" android:layout_width="60dp" android:layout_height="60dp" android:layout_gravity="left|center_vertical" android:background="#84f" />
            </FrameLayout>
        </FrameLayout>
    </FrameLayout>

图中从下到上有4层布局，绿色的Framelayout，橙色的Framelayout，黑色的Framelayout，以及紫色的View，我们分别把他们命名为祖父，父亲，儿子，孙子。  
我们想要实现图中的效果，也就是孙子超出儿子显示，那么就需要在父亲布局加上属性`android:clipChildren="false"`。这样就保证了孙子可以超出儿子显示。但是由于儿子和孙子都是父亲的子布局，要超出父亲布局，还需要在祖父布局上设置`android:clipChildren="false"`，否则儿子和孙子布局都会被父布局所裁剪。这样就完成了图中的效果。

> 错误的原文：  
> 在做一个动画效果，当RecyclerView的Item获取焦点就要放大。  
> 但是做出来的实际效果是，当Item获取焦点之后，是放大了不假，但是超出父布局的那部分被截掉了。  
> ![SouthEast][]  
> ![这里写图片描述][SouthEast 1]
> 
> 其实问题的关键就是，RecyclerView的父布局指定了高度，而item也指定了高度，而父布局的高度不足以包住item。在这种情况下，即使设置了clipchidren也无效。所以只要将父布局的高度增大到足够包裹下放大后的item即可。

[70]: /images/20220603/432ff5bb72e544e4b13a811e98bdeae0.png
[SouthEast]: /images/20220603/5620e63c35314cb2a50c9d7058f9ccda.png
[SouthEast 1]: /images/20220603/75a3e36205074c29adefbbab6349ce5e.png