首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

android使用flutterListView实现滚动列表示例代码

如果在 web 开发时,是需要容器加上样式 overflow: auto; 要想用 Flutter 实现,其实也是很简单,因为 Flutter 为我们提供了 ListView 组件。...ListView 主要有以下几种使用方式 ListView ListView.builder ListView.separated ListView.custom ListView ListView 是最简单直接方式...跟 ListView 不同点在于,这是懒加载,假如有 1000 个列表,初始渲染时并不会所有都渲染,而只会特定数量 item ,这对于性能和用户体验来说,是很好提升。...SliverChildListDelegate 接收跟 ListView 一样 children ,而 SliverChildBuilderDelegate 接收跟 ListView.builder...正常来说,前面三个已经可以满足我们日常使用需求了,无需自定义。 总结,上面主要讨论了 ListView 几个构造函数及用法,讨论如何实现常见滚动列表。

1.7K40
您找到你想要的搜索结果了吗?
是的
没有找到

Android开发(14) 可以横向滚动ListView(固定列头)

概述 由于项目需要,我们需要一个 可以横向滚动,又可以竖向滚动 表格。而且又要考虑大数据量(行)展示视图。经过几天研究终于搞定,做了一个演示。 效果图: !...设计图 第一列,是固定,比如我们第一列一般显示编号序号 其它列,可滚动 在其它列滚动时,列头(header)也随之滚动 ? 思路 上下滚动直接使用 listView来实现。...ListView每行(row)分为 两部分,不滚动和可滚动区域。比如本demo第一列,就是静态。而后面的所有列都是可以滚动。 2.2....捕获 数据行 区 控件(该控件其实就是ListView控件 )OnTouch事件,不处理,同样分发给 “列头里滚动部分控件”。...每次 滚动后,都通知给 观察者。观察者再通知给它订阅者(那些需要同时滚动行里面的 滚动控件)。 3.4. 当ListView创建行时,让这些行都订阅 上一步 观察者。

1.7K00

《Flutter》-- 6.高级组件

如果一个可滚动组件支持Sliver模型,那么该滚动可以将子组件分成多个部分,只有当子组件出现在口中时才会去构建它。...6.1.3 SingleChildScrollView组件 是一个只能包含单一子组件滚动组件,其作用类似于iOSUIScrollView组件或AndroidScrollView组件。...6.2 列表组件 6.2.1 ListView ListView,即列表组件,作用类似于AndroidRecyclerView或ListView。...childrenDelegate: SliverChildListDelegate(_items), ) ) ); } } 示例效果: 如果滚动图中出现列表嵌套场景...分层渲染可以降低视图渲染带来性能开销。 无论是创建组合组件还是创建自绘组件,首先需要考虑如何将复杂布局简化,把大问题拆分成若干小问题。

10.5K20

初识ListView

一、了解ListViewAndroid开发中,ListView是比较常用控件,它以列表形式显示具体内容,并且能够根据数据长度自适应显示。...如果该属性设置为 true,将会显示滚动图标,并允许用户拖动该滚动图标进行快速滚动 android:listSelector setSelector(int) 指定被选中列表项上绘制 Drawable...总会自动滚动到底端 先从比较简单子类ListView使用方法开始学习,使用ListView主要有以下两种方式。...关于Module作用不是很理解,这里不再重复讲解了,建议回头再去看一遍之前内容:掌握Android Studio项目结构 可以发现新建listviewsample与app目录结构完全相同...ListView,并通过android:entries指定了列表项数组, 该ListView还通过android:divider改变了列表项之间分隔条。

1.5K50

Android隐藏Listview和RecyclerView 滑动边界阴影,去除滚动条加分隔线等

1、Listview属性设置,虽然我现在经常用RecyclerView,很少用Listview了,但是还是顺便写一下,以便巩固一下知识,万一以后需要呢。...android:overScrollFooter="@android:color/transparent" android:overScrollHeader="@android:color/transparent...overScrollFooter可不写,此处写了是引用透明色) <ListView android:id="@+id/lv_listview" android:layout_width="match_parent...android:divider="#ff0000" 可以是颜色和图片 android:dividerHeight="1px" 要显示分隔线,分隔线高度必须大于0 android:headerDividersEnabled..." 设置滚动条不显示,当然ScroollView 也同样有用 2、RecyclerView属性设置 和ListView一样,记住 android:overScrollMode="never" 即可

84230

Flutter | 滚动组件,ListView,GridVIew等

滚动组件 当组件内容超过当前显示口(ViewPort)时,如果没有特殊处理,Flutter 就会提示 Overflow 错误,为此,Flutter 提供了多种可滚动组件,用于显示列表和长布局; 可滚动组件都直接或间接包含一个...是 IOS 风格滚动条,如果你是用是 Scrollbar,那么在 IOS 平台会自动切换为 CupertinoScrollbar ViewPort 口 在很多布局中都有 ViewPort 概念...,在 Flutter 中,术语 ViewPort (口) ,如无特别说明,则是指一个 Widget 实际显示区域; 例如,一个 ListView 显示区域高度是 800 像素,虽然其列表项总高度可能远远超过...由于可滚动组件默认方向一般都是沿垂直方向,所以默认情况下主轴就是指垂直方向,水平方向同理 SingleChildScrollView SingleChildScrollView 类似于 Android...,所以如果预计口可能包含超出屏幕尺寸太多内容时,那么使用 SingleChildScrollView 将会非常昂贵(性能差),此时应该使用一些支持 Sliver 延时加载滚动组件,如 ListView

8.4K20

Flutter SingleChildScrollView 滚动控件

Flutter中SingleChildScrollView类似于AndroidScrollView,它只能接收一个子组件。...需要注意是,通常SingleChildScrollView只应在期望内容不会超过屏幕太多时使用,这是因为SingleChildScrollView不支持基于Sliver延迟实例化模型,所以如果预计口可能包含超出屏幕尺寸太多内容时...,那么使用SingleChildScrollView将会非常昂贵(性能差),此时应该使用一些支持Sliver延迟加载滚动组件,如ListView。...为此,Flutter中提出一个Sliver(中文为”薄片“意思)概念,如果一个可滚动组件支持Sliver模型,那么该滚动可以将子组件分成好多个”薄片“(Sliver),只有当Sliver出现在口中时才会去构建它...可滚动组件中有很多都支持基于Sliver延迟构建模型,如ListView、GridView,但是也有不支持该模型,如SingleChildScrollView。

4.9K00

Android仿QQ空间顶部条背景变化效果

那么我们要自定义View是哪一个,明显是样式变化ListView,因为它长和普通ListView不一样,“谁家ListView顶个黑色矩形做头部” ①自定义View代码段——核心代码段 package...* 拿到ListView滚动事件 * 拿到高度变化 * 根据高度变化,设置顶部条背景 * powered by Cpf.com. */ public class ScrollChangeHeadView...} 本段代码是核心代码段:我们在这段代码里做了最关键三件事: 1)拿到在自定义View内部拿到ListView滚动事件; 2)在滚动事件里面拿到矩形头部高度变化; 3)根据矩形头部高度变化...LinerLayout,作为顶部条装载容器,放入一个TextView,用于显示顶部条文字。...Material Design设计奖获得者)应用程序(笔者用是最新版本),其顶部条变化,我们也可以运用上面的方法,进行实现,效果是顶部条随滚动事件发生而出现或者隐藏。

66550

AndroidListView和RecyclerView基本用法

Android 5.0 版本之前,为了方便显示多行数据,形如QQ聊天信息主界面,最常用选择无非是ListView控件,但是ListView控件本身就有很大局限性和效率问题(相对于RecyclerView...控件)来说,比如说ListView只能竖向滚动显示数据,不能横向滚动显示数据,在一些特殊需求中,ListView就无能为力了。...在Android5.0版本之后,Android官方推出了一个新控件:RecyclerView ,完全解耦设计使得RecyclerView比起ListView灵活了太多,应用场合也非常广泛。...这里我用android studio IDE 个人感觉android studio 相比eclipse在android开放方面好,不过android studio 对电脑性能要求更加高。...那么接下来如何显示横向滚动View呢,其实很简单:只需要在RecyclerViewActivity中加一句代码: linearLayoutManager.setOrientation(

1.1K50

Android之路(持续更新总结~)

Android之路 android设置文字过期废弃中划线 使用release包查看打印日志 Android studioGradle里面不能打.aar包 抽奖转盘 抽完奖之后设置转盘回到原点 dialog...Android按钮文本字母大小写问题 ListView ListView属性 ListView示例(附详解+源码) android设置文字过期废弃中划线 textView.getPaint().setFlags...名称) Android studioGradle里面不能打.aar包 在Settings里面把下列内容取消勾选即可 抽奖转盘 抽完奖之后设置转盘回到原点 抽完奖之后设置转盘回到原点 FrameLayout...="false" ListView ListView属性 android:divider="@null" :不显示分割线 android:dividerHeight="5dp" :指定分割线android...:scrollbars="none" :隐藏滚动ListView示例(附详解+源码)

43530

Flutter ListView 列表控件

ListView是最常用滚动组件之一,它可以沿一个方向线性排布所有子组件,并且它也支持基于Sliver延迟构建模型。...Flutter中ListViewAndroidListView具有同等功能。...shrinkWrap 是否根据子组件总高度来设置ListView高度,默认为false 。当ListView在一个无边界(滚动方向上)容器中时,shrinkWrap必须为true。...addAutomaticKeepAlives 是否将列表项(子控件)包裹在AutomaticKeepAlive组件中,包含之后列表项滑出口时它也不会被GC。...可滚动组件构造函数如果需要一个列表项Builder,那么通过该构造函数构建滚动组件通常就是支持基于Sliver懒加载模型,反之则不支持,其他可滚动组件亦是如此。

3K20

Android双向滑动菜单完全解析,教你如何一分钟实现双向滑动特效

但是如果内容布局LinearLayout里面加入了一个ListView,而这个ListView又充满了整个LinearLayout,这个时候LinearLayout将不可能再被touch到了,这个时候我们就需要将...="fill_parent" android:background="#e9e9e9" > <ListView android:id="@+id..." android:scrollbars="none" android:cacheColorHint="#00000000" > </ListView...左侧菜单和右侧菜单中都只是简单地放入了一个TextView用于显示一段文字,内容布局中放入了一个ListView。注意要让左侧菜单和父布局左边缘对齐,右侧菜单和父布局右边缘对齐。...*/ private BidirSlidingLayout bidirSldingLayout; /** * 在内容布局上显示ListView */ private ListView

2.3K60
领券