美文网首页技术二三
PercentLayout 百分比布局记录

PercentLayout 百分比布局记录

作者: chendroid | 来源:发表于2017-09-14 13:22 被阅读21次

PercentLayout

百分比布局,控制子view 在布局文件占用的大小,多适配方案的一种比较好的选择。

拥有的属性:

  • layout_widthPercentlayout_heightPercent

    宽、高 占比

  • layout_marginPercent

    支持margin,设置边距,该控件相对于父控件的边距,使用起来更方便。

  • layout_marginStartPercentlayout_marginEndPercent

    距离开始和结束的位置

  • layout_aspectRatio

    用于显示宽高比例,很有用处,当指定了宽或高的一边的长度或百分比后,会自动计算另一边的长度;
    例如当宽是match_percent时,可指定宽高比,便不需要考虑屏幕的适配问题;

    注:layout_aspectRatio的数值可超过100%,例如150%。

需注意的地方

  • 目前有两种PercentLayout--->PercentRelativeLayoutPercentFrameLayout两种。

    在第一个参考里,详细说了具体的实现,及PercentLayoutHelper的作用

    • 将现有的组件支持百分比控制 child view 的宽和高
    • fetchWidthAndHeight()方法
    • adjustChildren()
  • 需要设置宽高占比时,需要同时设置android:layout_width="0dp" android:layout_height="0dp"

  • 有时父view最大能提供的空间小于控件需要的空间,会给测量结构的高两位加上相应的状态表示MEASURED_STATE_TOO_SMALL, 会调用handleMeasuredStateTooSmall()处理,将宽和高重新按照wrap_content来测量。

写在最后

PercentLayout适用于在项目中适配多种机型问题,可对标准屏进行百分比布局,然后测试其他屏幕的时候,对特殊屏幕(会出现问题)进行特殊处理。

参考链接:percentLayout的原理及扩展

有错误,请指出,谢谢您!

相关文章

  • PercentLayout 百分比布局记录

    PercentLayout 百分比布局,控制子view 在布局文件占用的大小,多适配方案的一种比较好的选择。 拥有...

  • Android百分比布局:PercentLayout

    天了噜,Android布局还能这么玩?两天没更新了,感觉整个人都不帅了。赶紧奉上神器压压惊,此处应该有支烟。今天的...

  • 百分比布局(percentlayout)的使用

    先添加如下依赖: 主要属性如下,注意这些属性没有代码提示功能,要自己输入,我的android studio是这样的...

  • 前端布局种类

    1、流式布局(百分比布局) 2、flex布局(百分比布局) 3、rem布局(百分比布局)

  • 响应式布局

    弹性布局 浮动+百分比布局 Flex布局 悬浮+百分比布局 浮动+百分比布局好处 网页内容宽度自适应 多设备都适用...

  • Android:百分比布局 布局嵌套 Log Toast

    添加依赖 implementation 'androidx.percentlayout:percentlayout...

  • 流式布局

    流式布局(百分比布局) 流式布局就是百分比布局,也称为非固定像素布局 通过将盒子的宽度设置成百分比,从而根据屏幕的...

  • 移动端布局

    1.百分比布局 百分比布局, 也叫流式布局效果: 宽度自适应,高度固定。 2.Flex布局 Flex布局/弹性布局...

  • 响应式页面开发

    布局方式 固定布局 流式布局:流式布局是以百分比作为单位的,我们要牢记如下公式:百分比宽度 = 目标元素宽度 / ...

  • CSS真的很麻烦,把CSS语法学会了,提升你的编码能力还是绰绰有

    css3画热咖啡 css自适应布局方案 一、百分比布局宽度百分比,高度px布局 二、rem布局①自定义rem尺寸 ...

网友评论

    本文标题:PercentLayout 百分比布局记录

    本文链接:https://www.haomeiwen.com/subject/wthdsxtx.html