当前位置: 首页 > 软件库 > Web应用开发 > 网页组件 >

vlayout

LayoutManager 定制化布局方案
授权协议 MIT
开发语言 Java
所属分类 Web应用开发、 网页组件
软件类型 开源软件
地区 国产
投 递 者 孟昆
操作系统 跨平台
开源组织 阿里巴巴
适用人群 未知
 软件概览

VirtualLayout是一个针对RecyclerView的LayoutManager扩展, 主要提供一整套布局方案和布局间的组件复用的问题。

设计思路

通过定制化的LayoutManager,接管整个RecyclerView的布局逻辑;LayoutManager管理了一系列LayoutHelper,LayoutHelper负责具体布局逻辑实现的地方;每一个LayoutHelper负责页面某一个范围内的组件布局;不同的LayoutHelper可以做不同的布局逻辑,因此可以在一个RecyclerView页面里提供异构的布局结构,这就能比系统自带的LinearLayoutManager、GridLayoutManager等提供更加丰富的能力。同时支持扩展LayoutHelper来提供更多的布局能力。

主要功能

  • 默认通用布局实现,解耦所有的View和布局之间的关系: Linear, Grid, 吸顶, 浮动, 固定位置等。

    • LinearLayoutHelper: 线性布局

    • GridLayoutHelper: Grid布局, 支持横向的colspan

    • FixLayoutHelper: 固定布局,始终在屏幕固定位置显示

    • ScrollFixLayoutHelper: 固定布局,但之后当页面滑动到该图片区域才显示, 可以用来做返回顶部或其他书签等

    • FloatLayoutHelper: 浮动布局,可以固定显示在屏幕上,但用户可以拖拽其位置

    • ColumnLayoutHelper: 栏格布局,都布局在一排,可以配置不同列之间的宽度比值

    • SingleLayoutHelper: 通栏布局,只会显示一个组件View

    • OnePlusNLayoutHelper: 一拖N布局,可以配置1-5个子元素

    • StickyLayoutHelper: stikcy布局, 可以配置吸顶或者吸底

    • StaggeredGridLayoutHelper: 瀑布流布局,可配置间隔高度/宽度

  • 上述默认实现里可以大致分为两类:一是非fix类型布局,像线性、Grid、栏格等,它们的特点是布局在整个页面流里,随页面滚动而滚动;另一类就是fix类型的布局,它们的子节点往往不随页面滚动而滚动。

  • 所有除布局外的组件复用,VirtualLayout将用来管理大的模块布局组合,扩展了RecyclerView,使得同一RecyclerView内的组件可以复用,减少View的创建和销毁过程。

  • 阿里VLayout学习笔记(Kotlin) VLayout中LayoutHelper分类(辅助Adapter实现RecyclerView的Item各种类型的布局方式) LinearLayoutHelper: 线性布局 GridLayoutHelper: Grid布局, 支持横向的colspan FixLayoutHelper: 固定布局,始终在屏幕固定位置显示 ScrollFixLayoutHel

  • 概述 最近看了下VLayout,它主要用在超复杂界面布局,感觉确实比较好用,VirtualLayout是一个针对RecyclerView的LayoutManager扩展, 主要提供一整套布局方案和布局间的组件复用的问题。阿里开源出来的,先放官网地址:https://github.com/alibaba/vlayout VLayout简介 vlayout全称VirtualLayout,它是一个针对R

  • vlayout全称是VirtualLayout,是一个针对RecyclerView的LayoutManager扩展。是阿里最近开源的一个库,主要提供一整套布局方案和布局间的组件复用的问题。 使用 导入依赖 compile (‘com.alibaba.android:vlayout:1.0.4@aar’) { transitive = true } 2.初始化VirtualLayoutManager

  • vlayout是阿里的一个开源ui框架,是一个实现多样的item的列表的神器,相信大多数开发者对于vlayout内部的实现原理不太了解。本篇文章就和大家一起探讨下valyout的内部原理:   用过vlayout的同学都知道他的主要几个关键类,首先是各种layoutHelper的实现类,VirtualLayoutManager,DelegateAdapter  阅读过RecycleView源码的同

  • 做作业的时候发现,当vlayout和SmartRefreshLayout和一起的时候刷新数数据会出现什么 adpter cannot be cast to 另一个adpter。反正一个个瞎试验到底是什么地方出错了,最后发现好像是,如果当vlayout里面的delegateAdapter里面的存放了三个以上的adapter,当采用下拉刷新和上拉刷新的时候就会出问题。而且刷新的时候要将总的delega

  • 感谢答复,首先addAdapter和setAdapter我都试过了,结果都不行。 我debug了下,结果如下: 1、我们的adapter和layoutHelper是一一对应的,里面的itemCount都是1,就一个自定义的布局文件,布局里面的多个元素没有在vlayout的框架中区分。 2、假如我们一页有12条数据,获取更多数据成功后,新增了12个adapter和layoutHelper,这个数据是

 相关资料
  • Web设计师注定要处理很多未知的东西,如访问者使用哪一种浏览器,访问者的显示器尺寸是多少,等等。但是,设计师面临的最大问题,可能是要针对不同的显示器尺寸来创建引人入胜的设计。 针对这个问题,提出了三种基本的布局类型,分别是固定布局、流式布局和弹性布局。那到底是选择固定布局,还是流动布局,还是弹性布局?这个问题已经困扰了网页设计师们很多年了。最后的选择往往取决于需求,应该是哪种布局更适合,而不是哪种

  • 了解 CSS 中属性的值及其特性, 透彻分析问题和需求才可以选择和设计最适合的布局解决方案。 居中布局 水平居中 子元素于父元素水平居中且其(子元素与父元素)宽度均可变。 inline-block + text-align <div class="parent"> <div class="child">Demo</div> </div> <style> .child { disp

  • 直方图布局可以用来表示数据分布,通过将离散数据点分组归纳到箱子里。使用实例详见bl.ock 3048450。 d3.layout.histogram() 使用默认值访问器、范围函数和箱函数,构建新的直方图函数。默认条件下,直方图函数返回值为频率。返回布局对象既是一个对象,也是一个函数。即: 可以像调用其他函数一样调用该布局,并且布局有额外的方法改变自身行为。和D3中的其他类一样,布局遵循方法链模式

  • 本文向大家介绍vue 实现 rem 布局或vw 布局的方法,包括了vue 实现 rem 布局或vw 布局的方法的使用技巧和注意事项,需要的朋友参考一下 一、实现 rem 布局 移动端 方法一、在 index.html 或者 main.js 中添加以下代码: 之后,在写 css 时,只要将 px 单位替换成 rem,这里设置的比例是 100px=1rem,例如,宽度为 100px 时,可以直接写成

  • 但是,在Log4JV2中,PatternLayout类被设置为“final”,整个体系结构也被更改。似乎不再有一种简单的方法来拦截/覆盖对PatternLayout对象的调用。我查看了Apache文档,但没有太多信息。 我检查了这个问题和这个问题,但都没有太多的帮助。 我意识到这是一个非常“一般”的问题,但是有没有人知道在Log4j V2中实现这一点的简单方法,或者对此有什么建议?

  • 有没有办法为不同的日志级别打印不同的布局?例如: 记录器。警告(“消息”);打印如下内容:2016-06-20 13:34:41245 INFO(main:)Message and for logger。信息(“消息2”);仅打印:消息2 有可能做到吗?定义一个布局以警告其他布局以获取信息 log4j.properties

  • 我正在使用PreferenceActivity设置我的应用程序。我想添加一个新的首选项,允许用户选择一个图标。对于这个任务,我想使用ListPreference,但我也想在列表中显示图标。 我尝试自定义List首选项以使用自定义布局,但问题是一旦我这样做了,列表项就不可单击(它确实显示了我的自定义布局并使用当前选择的默认值)。 我在不同的模拟器版本和银河S2上测试了它。当按下项目时,我可以看到一些