16 Mar 2017

android:clipXXX的用法和注意

android:clipXXX的用法和注意

android:clipChildren 说明

这个是一个比较神奇的属性,从字面上我们就可以知道这个属性可以实现一些很酷的效果 我们先看下官方说明:

官方说明

大致意思是说,这个属性可以让你的子view绘制的时候超过父组件的限定大小,这个是什么效果呢.大致是这个样子吧

效果

原图出自

我第一次看到这个的时候:卧槽,居然可以这样玩,终于可以不用RelativeLayout来实现了!!

android:clipChildren 的坑

看了官方说明后,很简单嘛,就一个属性,直接在父组件上加个android:clipChildren=”false”不就万事大吉了吗,哪里来的坑???

我们先来试试

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >


   <LinearLayout
       android:clipChildren="false"
       android:layout_width="match_parent"
       android:layout_height="200dp">
      <ImageView
          android:src="@drawable/dva"
          android:scaleType="fitXY"
          android:layout_width="match_parent"
          android:layout_height="510dp"/>

   </LinearLayout>
</android.support.constraint.ConstraintLayout>

(原图510dp正好显示完全) 效果图: 这里写图片描述

咦???为毛没有效果??为什么还是截断了??

我们试试把属性丢到爷爷组件那边去.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipChildren="false"
    >


   <LinearLayout

       android:layout_width="match_parent"
       android:layout_height="200dp">
      <ImageView
          android:src="@drawable/dva"
          android:scaleType="fitXY"
          android:layout_width="match_parent"
          android:layout_height="510dp"/>

   </LinearLayout>
</android.support.constraint.ConstraintLayout>

这里写图片描述

咦!!!怎么又可以了,经过实践测试下,我们知道了,其实要这个属性生效,必须要把他放到爷爷组件中才行. 其实这个很好理解,假如是放父组件中就可以实现绘制可以超过父组件的范围,那你如果直接放在了根view中,岂不是要突破手机屏幕了?

总结:把android:clipChildren放到爷爷组件中就可以实现绘制超越父组件范围的效果

android:clipToPadding 说明

这个一会再更,吃饭了

Tags:
Stats:
0 comments