icode icode
首页
  • Android学习

    • 📁基础内容
    • 📺AndroidCore
    • 🎨Android-UI
    • 🏖️Components
    • 📊Fragment
    • 🔗网络操作
    • 🔏异步机制
    • 📦数据存储
    • 🗃️Gradle
  • 学习笔记

    • 『框架』笔记
    • 『Kotlin』笔记
    • 《Vue》笔记
    • 《Git》学习笔记
    • 『Bug踩坑记录』
  • ListView
  • RecyclerView
  • ViewPager
  • Java笔记

    • 🟠JavaSE
    • 🟢JavaWeb
    • 🔴JavaEE
    • ⚪JavaTopic
    • 🍳设计模式
  • 计算机基础

    • 📌计算机网络
    • 🔍数据结构
    • 📦数据库
    • 💻OS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
  • 关于

    • 📫关于我
  • 收藏

    • 网站
    • 资源
    • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

iqqcode

保持对技术的探索实践与热爱
首页
  • Android学习

    • 📁基础内容
    • 📺AndroidCore
    • 🎨Android-UI
    • 🏖️Components
    • 📊Fragment
    • 🔗网络操作
    • 🔏异步机制
    • 📦数据存储
    • 🗃️Gradle
  • 学习笔记

    • 『框架』笔记
    • 『Kotlin』笔记
    • 《Vue》笔记
    • 《Git》学习笔记
    • 『Bug踩坑记录』
  • ListView
  • RecyclerView
  • ViewPager
  • Java笔记

    • 🟠JavaSE
    • 🟢JavaWeb
    • 🔴JavaEE
    • ⚪JavaTopic
    • 🍳设计模式
  • 计算机基础

    • 📌计算机网络
    • 🔍数据结构
    • 📦数据库
    • 💻OS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
  • 关于

    • 📫关于我
  • 收藏

    • 网站
    • 资源
    • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 基础内容

  • AndroidCore

  • Android UI

  • Components

    • ListView

    • RecyclerView

    • ViewPager

      • ViewPager基础
      • 用ViewPager偏移看到下一页部分内容
      • 结合TabLayout使用
      • ViewPager注意事项
      • androidclipChildren属性
        • 概述
          • 布局
          • 总结
    • TabLayout

  • Fragment

  • 网络操作

  • 异步机制

  • 数据存储

  • 学习笔记

  • 自定义View

  • View事件体系

  • Android
  • Components
  • ViewPager
iqqcode
2021-06-17
目录

androidclipChildren属性

在说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"
  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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43



# 概述

android:clipChildren:字面意思是裁剪子视图。用来定义一个子视图的绘制是否可以超出边界。默认值为true,表示不超出边界,设置为false时,表示允许子视图超出边界。

一布局三张图了解clipChildren的使用

# 布局

img

**### **图一:根布局属性android:clipChildren="false", 中间ImageView的属性为android:layout_gravity="bottom" **

img

图二:将根布局属性android:clipChildren="false"去掉

img

图三:将第三个ImageView的属性android:layout_gravity="bottom"

img

# 总结

  1. android:clipChildren必须设置在根布局
  2. 中间ImageView设置属性android:layout_gravity=bottom,是从底部向上绘制该子View
编辑 (opens new window)
上次更新: 2022/03/27, 22:58:50
ViewPager注意事项
TabLayout使用详解

← ViewPager注意事项 TabLayout使用详解→

最近更新
01
匿名内部类
10-08
02
函数式接口
10-08
03
ARouter-Kotlin踩坑
10-05
更多文章>
Theme by Vdoing | Copyright © 2021-2023 iqqcode | MIT License | 备案号-京ICP备2021028793号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×