羊皮书APP(Android版)开发系列(二十四)不常用但是很有用的两个属性:clipToPadding 和 clipChildren

1. clipToPadding

属性解释:

  • clipToPadding默认为true,当clipToPadding为true时,表示布局不能绘制到padding区域。当clipToPadding为false时,表示布局能够被绘制到padding区域。

提出问题:

  • 当我们为ListView、ScrollView、GridView设置了paddingTop或paddingBottom的时候,我们发现当滑动到顶部和底部的时候,默认情况下padding/margin在滑动中一直存在,view总是不能滑动到最底部和最顶部,看起来很别扭。

问题原因:

  • 由于默认情况下,clipToPadding为true,导致布局不能滑动到最顶部或最底部,很多人平时很少会关注这个属性。

解决办法:

  • 在布局ListView、ScrollView、GridView中将clipToPadding设置为false即可。

2. clipChildren

属性解释:

  • 定义一个孩子是否仅限于画里面的界限。clipChildren默认为true,表示孩子不能绘制到padding区域,即仅能绘制在padding内部。clipChildren为false时,表示孩子可以绘制到padding区域。

提出问题:

  • 类似微信未读消息的布局中,设置的角标总是在布局的内部,也就是在其父页面的内部,达不到微信的效果。

问题原因:

  • clipChildren默认是true,导致子布局不能绘制到父布局的外面。

解决办法:

  • 将clipChildren设置为false,这样子布局就可以绘制到父布局的外面,就能达到预计的效果。

案例

1426596831861410.png

添加clipToPadding后

添加clipToPadding前

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Rindew的iOS技术分享

iOS 自定义相机页面

我们今天先来说说第一种。也就是类似我文章头部的这种界面怎么画出来。额~这时候还是给心急的上个Demo吧。在文中,顺便说下我碰到的两个问题:拍摄页灰色透明遮罩绘制...

47110
来自专栏十月梦想

移动端适配之百分比适配

前面简单了了解了一下移动端,包括移动端的设备独立像素,物理像素,渲染像素以及像素比(DPR)等相关知识!接下来简单介绍一个比较简单的移动端适配方案!

17430
来自专栏别先生

HTML+CSS小实战案例

HTML+CSS小实战案例 登录界面的美化,综合最近所学进行练习 网页设计先布局,搭建好大框架,然后进行填充,完成页面布局 1 <html> 2 <head...

86390
来自专栏腾讯IVWEB团队的专栏

为元素添加边框,你有多少种好办法?

相信大家在做项目的过程中会经常遇到这样的一个需求,鼠标 hover 到某个元素的时候为这个元素添加边框,这个简单的需求仅需注意添加边框后不会对原有的位置造成布局...

19800
来自专栏IMWeb前端团队

为元素添加边框,你有多少种好办法?

背景 相信大家在做项目的过程中会经常遇到这样的一个需求,鼠标hover到某个元素的时候为这个元素添加边框,这个简单的需求仅需注意添加边框后不会对原有的位置造成...

23770
来自专栏前端说吧

CSS3-实现单选框radio的小动画

30930
来自专栏图像识别与深度学习

《Android》Lesson11-UI布局

23680
来自专栏marsggbo

这是对position讲解最通俗易懂的版本了。

position 为了制作更多复杂的布局,我们需要讨论下 position 属性。它有一大堆的值,名字还都特抽象,别提有多难记了。让我们先一个个的过一遍,不过你...

27360
来自专栏进步博客

CSS表格布局实践

如何实现上图所示效果:左右两列的列宽由列内最宽单元格的宽度决定,进度条列占据剩余空间。(兼容到IE8就好了)

13830
来自专栏地方网络工作室的专栏

CSS3 做一个有闪光效果的进度条

CSS3 做一个有闪光效果的进度条 今天刚入职的小前端看到一个进度条的效果,想要实现,但是不知道如何下手,于是,我写了一个demo给它看下。 最终效果:CSS3...

28880

扫码关注云+社区

领取腾讯云代金券