clipToPadding和clipChildren,处理超出父view的子view

clipToPadding

有时候需要在listview里设置一个padding值,布局如下所示

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#2262"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        android:paddingTop="16dp" >
    </ListView>

</LinearLayout>

结果如下图



可以发现滚动时顶部16dp的padding是永远滚不到的,这样看起来比较奇怪,怎么解决?
只要在ListView里加入一行代码,就可以解决问题

  android:clipToPadding="false"

clipChildren

在说clipChildren属性之前首先看一个效果图:



为了做出这种效果图你能想到的方式是什么呢?用RelativeLayout?还是.......
其实很简单,只要用了这个神奇的属性后这个效果很容易就可以实现,下面是注意点:

  1. 只需在根节点设置android:clipChildren为false即可,默认为true,注意:一定是在布局文件的根节点设置,否则不起作用
  2. 可以通过android:layout_gravity控制超出的部分如何显示
  3. android:clipChildren的意思:是否限制子View在其范围内,我们将其值设置为false后那么当子控件的高度高于父控件时也会完全显示,而不会被压缩
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:clipChildren="false">  
  
    <LinearLayout  
        android:layout_width="match_parent"  
        android:layout_height="48dip"  
        android:background="#B0C4DE"  
        android:orientation="horizontal"   
        android:layout_alignParentBottom="true">  
  
        <ImageView  
            android:layout_width="0dip"  
            android:layout_height="fill_parent"  
            android:layout_weight="1.0"  
            android:scaleType="fitCenter"  
            android:src="@drawable/ic_launcher" />  
  
        <ImageView  
            android:layout_width="0dip"  
            android:layout_height="fill_parent"  
            android:layout_weight="1.0"  
            android:scaleType="fitCenter"  
            android:src="@drawable/ic_launcher" />  
  
        <ImageView  
            android:layout_width="0dip"  
            android:layout_height="70dip"  
            android:layout_gravity="bottom"  
            android:layout_weight="1.0"  
            android:scaleType="fitCenter"  
            android:src="@drawable/ic_launcher" />  
  
        <ImageView  
            android:layout_width="0dip"  
            android:layout_height="fill_parent"  
            android:layout_weight="1.0"  
            android:scaleType="fitCenter"  
            android:src="@drawable/ic_launcher" />  
  
        <ImageView  
            android:layout_width="0dip"  
            android:layout_height="fill_parent"  
            android:layout_weight="1.0"  
            android:scaleType="fitCenter"  
            android:src="@drawable/ic_launcher" />  
    </LinearLayout>  
  
</RelativeLayout>  
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,600评论 25 709
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,909评论 0 17
  • 问答 dom对象的innerText和innerHTML有什么区别?innerText是一个可写属性,返回元素内包...
    嘿菠萝阅读 3,434评论 0 0
  • mysql配置 本文用于个人记录,仅作参考 系统版本 windows7 mysql版本 5.7.16 客户端Nav...
    牵着毛驴看世界阅读 3,047评论 0 0

友情链接更多精彩内容