颤动容器高度不是从ListView子级继承

。

颤动容器（ShimmerContainer）是一种用于展示加载状态的UI效果的组件。它通常用于在数据加载过程中展示一个闪烁的动画，以提示用户数据正在加载中。

在ListView中使用颤动容器时，容器的高度不会从ListView的子级继承。这意味着，如果将颤动容器作为ListView的子级，并希望容器的高度与ListView的行高一致，需要手动设置容器的高度。

为了实现这一目的，可以通过以下步骤进行操作：

确定ListView的行高：根据设计需求或UI规范，确定ListView的行高。
设置颤动容器的高度：根据ListView的行高，手动设置颤动容器的高度。可以使用具体数值或百分比来设置高度，具体取决于布局需求。
将颤动容器作为ListView的子级：将设置了高度的颤动容器作为ListView的子级，以便在每个列表项中展示加载状态。

需要注意的是，颤动容器的高度设置应该与ListView的行高保持一致，以确保加载状态的动画效果能够正确展示。此外，还可以根据具体需求对颤动容器进行自定义样式和动画效果的调整。

腾讯云相关产品中，可以使用腾讯云移动应用分析（MTA）来监测和分析移动应用的用户行为和性能数据。MTA提供了丰富的数据分析功能，帮助开发者更好地了解用户行为和应用性能，从而优化应用体验。

腾讯云移动应用分析产品介绍链接地址：https://cloud.tencent.com/product/mta

相关·内容

Flutte部件目录-基本部件（一）

没有子组件的容器尽可能大，除非传入的约束是无限的。在这种情况下，他们尽可能小，有子组件的容器将自己的尺寸扩大到他们的孩子大小，构造函数的宽度，高度和constraints参数将覆盖这些。...如果部件没有子且没有alignment(对齐)，但是提供了高度，宽度或constraints(约束)，那么基于给定这些约束和父对象的约束相结合容器会尝试尽可能小。...如果小部件没有孩子，没有高度，没有宽度，没有约束，也没有对齐，但父级提供有界的约束，则Container展开以适应父级提供的约束。...如果部件有alignment，并且父级提供了有界限的约束，那么容器会尝试展开以适合父级，然后根据alignment将该子级定位到其自身内。...如果mainAxisSize属性为MainAxisSize.min，那么Column的高度就是子级高度的总和（受传入约束条件的影响）。

7.5K2 0

我奶奶都能懂的UI绘制流程（下）！

这就涉及到与或非操作了，这玩意儿不是给人看的，这句话没毛病，他们是给计算机看、以及程序员看的，程序员真的不是人。从或("|")操作开始，在这里是用来将mode与size结合起来。 ?...1.如果是具体的>0点值，就直接将这个值赋给子View，并将类型设置为MeasureSpec.EXACTLY； 2.如果是LayoutParams.MATCH_PARENT，则将值设置为父容器的大小，类型为...最后看下绘制子View，这是个空方法，留给后人继承。 ? 我们一般不会和他打招呼，draw更多的是应用在自定义View中，也就是说只要重写onDraw()方法即可。...在heightMode 为MeasureSpec.UNSPECIFIED时，ListView的高度竟然就只测量第一个childView的高度！...至于解决方法的话，重写ListView或者ScrollView都可以，是不是感觉思路很清晰？

66110 0

学习WPF——WPF布局——了解布局容器

WPF布局工作内部原理 WPF渲染布局时主要执行了两个工作：测量和排列测量阶段，容器遍历所有子元素，并询问子元素所期望的尺寸排列阶段，容器在合适的位置放置子元素，并设置元素的最终尺寸这是一个递归的过程...，界面中任何一个容器元素都会被遍历到 WPF布局容器的继承机制 ?...DispatcherObject WPF应用程序使用单线程亲和模型（STA：Single-Thread Affinity），这意味着整个用户界面都为单个线程拥有，同时也意味着从另一个线程与用户界面元素交互是不安全的...是所有布局元素的基类，所有布局元素都派生自此类型，它用于放置和排列WPF元素，这个抽象类只包含三个公共属性：Background、Children、IsItemHost（IsItemHost标志着控件是不是类似...TreeView、ListView这样的控件）布局属性布局容器内的子元素对自身的大小、位置有一定的决定权子元素可以设置自身的布局属性来调整自己的位置和大小 HorizontalAlignment

2.3K5 0

Flutter | 滚动组件，ListView，GridVIew等

的值；这里的长度指的是方向上子组件的长度，也就是说滚动的是垂直方向，则 itemnExtent 代表子组件的高度；如果是水平方向，则是子组件的宽度。...在 ListView 中指定 itemExtent 比让子组件自己决定吱声的长度会更有效，因为指定后，滚动系统可以提前知道列表的长度，而无需每次构建子组件是都去计算一下，尤其是在滚动位置频繁变化时（滚动系统需要频繁去计算列表的高度...当 ListView 在一个无边界(滚动方向上)的容器中时， shrinkWrap 必须为 true addAutomaticKeepAlives：该属性表示是否将列表项（子组件）包裹在 AutomaticKeepAlive...这种方式只适合有少量的子组件的情况，因为这种需要将所有 children 都提前创建好（这需要大量的工作），而不是等子 widget 真正显示的时候在创建，也就是说默认构造函数构建的 ListView...复制代码意思是 ListView 的高度无法确定，所以解决的办法就是给 ListView 设置边界，我们可以使用 SizedBox 指定具体的高度： children: [ Text("商品列表"

8.5K2 0

Flutter 卡片选择器

用户可以从左向右或从右向左滑动卡。特定卡上的信息将有所不同。该演示视频展示了如何在颤动中创建卡选择器。它显示了flutter应用程序中使用card_selector软件包的卡选择器的工作方式。...另外，我们将添加mainCardWidth表示列表中第一个元素的宽度，mainCardHeight表示列表中第一个元素的高度，onChanged表示要在更改后的卡片上执行的回调。...在里面，添加一个容器并从json文件中添加颜色。他的子属性添加了Stack（），**并在内部添加了图像。我们将添加一个列小部件，在内部添加卡的详细信息，例如银行名称，类型，编号和分支。...我们将返回ListView.builder（），**在其中添加itemCount和itemBuilder。在itemBuilder中，如果索引等于零，则返回列小部件。...在此小部件中，从json文件添加余额。另外，我们将从json文件中添加金额，模式，时间。

7.4K2 0

腾讯开源超实用的UI轮子库，我是轮子搬运工

支持以下特性：控制子 View 之间的垂直/水平间距。控制子 View 的水平对齐方向（左对齐/居中/右对齐）。限制子 View 的个数或行数。...QMUIGroupListView 通用的列表，常用于 App 的设置界面，注意其父类不是 ListView 而是 LinearLayout，所以一般要配合 ScrollView 使用。...QMUIWrapContentListView 支持高度值为 wrap_content 的 ListView，解决原生 ListView 在设置高度为 wrap_content 时高度计算错误的 bug...QMUIStickySectionLayout 支持二级结构的列表的折叠与展开；支持滚动时悬浮当前 section header; 支持在section list 或 section item list...提供多个常用的 View 相关工具方法，如对 View 设置单个方向的 padding、从 ViewStub 中获取一个 View、判断 ListView 是否已经滚动到底部等等。

4.8K3 0

深入浅出 RecyclerView

在ListView中设置 divider 非常简单，只需要在 XML 文件中设置就可以了，同时还可以设置 divider 高度。...Adapter工作原理首先是适配器，适配器的作用都是类似的，用于提供每个 item 视图，并返回给RecyclerView 作为其子布局添加到内部。...这主要是因为 RecyclerView 内部的缓存结构并不是像 ListView 那样去缓存一个 View，而是直接缓存一个 ViewHolder ，在 ViewHolder 的内部又持有了一个 View...RecyclerView 的内部维护了一个二级缓存，滑出界面的 ViewHolder 会暂时放到 cache 结构中，而从 cache 结构中移除的 ViewHolder，则会放到一个叫做RecycledViewPool...但是有一点，在 RecycledView 内部的这个第二级缓存池RecycledViewPool 是可以被多个 RecyclerView 共用的，这一点比起直接缓存 View 的 ListView 就要高明了很多

1.7K6 0

Flutter ListView 列表控件

ListView是最常用的可滚动组件之一，它可以沿一个方向线性排布所有子组件，并且它也支持基于Sliver的延迟构建模型。...ListView通用属性值含义 itemExtent 每个子控件的高度。指定itemExtent的值比不指定（自适应高度）会更高效。...shrinkWrap 是否根据子组件的总高度来设置ListView的高度，默认为false 。当ListView在一个无边界(滚动方向上)的容器中时，shrinkWrap必须为true。...这种方式适合只有少量的子组件的情况，因为这种方式需要将所有children都提前创建好（这需要做大量工作），而不是等到子widget真正显示的时候再创建，也就是说通过默认构造函数构建的ListView没有应用基于...该实例可以获取到ListView的index，并根据index返回对应的Widget。适用于高度自定义ListView的情况下使用。

3.1K2 0

第128期：Flutter的flex布局组件（row 和 column）

如果我们有几个组件，并且希望在空间不足的时候有个滚动效果，那么我们就可以考虑使用ListView组件。 Row组件类有这么几个属性： children：要进行布局的子组件。...如果设置的交叉轴属性为stretch,则改用与传入最大高度匹配的紧密垂直约束。根据弹性系数在具有非零弹性系数（例如，展开的弹性系数）的子级之间划分剩余的水平空间。...例如，弹性系数为2.0的子级将获得的水平空间量是弹性系数为1.0的子级的两倍。...当传入的组件没有具体的垂直约束边界（高度）时，我们可能会遇到各种问题，比如：我们不用Expanded组件对Cloumn组件进行包裹，而Cloumn组件中的内容超出了容器本身的限制。...根据弹性系数在具有非零弹性系数（的子级之间划分剩余的垂直空间。例如，弹性系数为2.0的子级将获得两倍于弹性系数为1.0的子级的垂直空间量。

1.3K2 0

UITableView在Flutter中是什么？

不过，这种创建方式要求提前将所有子Widget一次性创建好，而不是等到他们真正在屏幕上显示的时候才会创建，所以有一个很明显的缺点，就是性能不好。因此，这种方式仅适用于列表中含有少量元素的场景。...因为如果这个参数为null，ListView会动态地根据子Widget创建完成的结果，决定自身的视图高度，以及子Widget在ListView中的相对位置。...如果提前设置好itemExtent，ListView则可以计算好每一个列表项元素的相对位置，以及自身的视图高度，省去了无谓的计算。...因此，在ListView中，指定itemExtent比让子Widget自己决定自身高度会更有效。运行这个示例，效果如下： ? 可能你已经发现了，我们的列表还缺少分割线。...与ScrollController不同的是，NotificationListener是一个Widget，为了监听滚动类型的事件，我们需要将NotificationListener添加为ListView的父容器

5.6K1 0

Android高频面试专题 - 提升篇（三）事件分发机制

常见场景就是ListView中Item内部有一个Button，我们让ACTION_DOWN落在这个Button上，然后上下滑动，此时MOVE事件就会被ListView拦截，那么Button就会收到ACTION_CANCEL...继承而来。...FrameLayout，FrameLayout呢又继承自ViewGroup， //所以作为一个ViewGroup，DecorView继续向其子View派发事件，其流程我在文章的开头就已经给了...，网上的博客都只告诉你，事件分发从Activity开始，原来并不是从Activity开始的。...内部拦截法：指父容器不拦截任何事件，而将所有的事件都传递给子容器，如果子容器需要此事件就直接消耗，否则就交由父容器进行处理。

2.4K4 2

Android开发之漫漫长途 XV——RecyclerView

除了上述场景外，RecyclerView强制使用了ViewHolder模式，我们知道ListView使用ViewHolder来进行性能优化，但是这不是必须得，但是在RecyclerView中是必须的，另外...相比于ListView，RecyclerView的回收机制更为完善 Recycler是RecyclerView回收机制的实现类，他实现了四级缓存： mAttachedScrap: 缓存在屏幕上的ViewHolder...中我们就知道了再简单的View也至少需要两次Layout,在ListView中通过把屏幕的子View detach并加入mActivieViews，以避免重复添加item并可通过attach提高性能，那么在...RecyclerView中，它的做法与ListView十分类似，RecyclerView也是通过detach子View，并把子View对应的ViewHolder加入其1级缓存mAttachedScrap...下篇预告下篇呢，也是一篇干货，上面两篇文章，我们的数据都是虚拟的，静态的，而实际开发中数据通常都是从服务器动态获得的，这也产生了一系列问题，如列表的下拉刷新以及上拉加载、ListVIew异步获取图片显示错位等等问题

2.3K2 0

Flutter技术与实战(4)

但如果提前设置好 itemExtent，ListView 则可以提前计算好每一个列表项元素的相对位置，以及自身的视图高度，省去了无谓的计算。...因此，在 ListView 中，指定 itemExtent 比让子 Widget 自己决定自身高度会更高效。...的父容器，从而捕获 ListView 中的通知。...* Row 的宽度为屏幕宽度，Column 的高度为屏幕高度。...Theme 是一个单子 Widget 容器，与 MaterialApp 类似的，我们可以通过设置其 data 属性，对其子 Widget 进行样式定制：如果我们不想继承任何 App 全局的颜色或字体样式

10.8K2 0

Flutter开发-可滚动组件

长度”是指滚动方向上子组件的长度，也就是说如果滚动方向是垂直方向，则itemExtent代表子组件的高度；如果滚动方向为水平方向，则itemExtent就代表子组件的宽度。...（滚动系统需要频繁去计算列表高度）。...当ListView在一个无边界(滚动方向上)的容器中时，shrinkWrap必须为true。...是不行的，因为它们本身是可滚动组件而并不是Sliver！...extends StatelessWidget { @override Widget build(BuildContext context) { //因为本路由没有使用Scaffold，为了让子级

4.5K2 0

cocos2dx-lua各种容器的使用

在cocos2dx-lua开发中，经常用到容器。下面就介绍在开发中会用到的4种容器：ListView,scrollView,tableView,pageView 1....ListView （列表容器）使用 local MainScene = class("MainScene", cc.load("mvc").ViewBase) function MainScene:...onCreate() -- 测试ListView --[[ 注: 1.子节点如果是RichText，或是文本信息。...设置setVerticalSpace()，高度间隔。adjustToRealHeight(),自适应高度。...2.设置子节点的锚点信息，否则高度不对称 ]]-- self.listView = ccui.ListView:create(); self.listView:setPosition

9522 0

轻松又酷炫地实现弹幕效果——手把手教学

但我想自己从设计模式、实现原理来考虑、设计，从而也可以更深刻地理解适配器模式和ListView的原理，如果您想使用RecyclerView来实现，可以自己试试。...使用时可以自己定义实体类，继承自DanmuModel ，也可以不继承，只要能区分不同类型就可以：因为自己稍后的adapter中没有像ListView的Adapter一样定义了获取item类型的方法，所以就在...不是的！在显示弹幕的时候会，会创建大量的View对象，如果不做处理，很容易造成内存溢出，所以我们要进行缓存优化： A、首先创建了map集合 ?...首先要有这样一个思路，在适配器中抽取出方法，返回itemView的高度，在弹幕View中根据弹幕绘制区域高度，除以itemView的高度，算出合理的弹幕行数（这里大家也理解了为什么在写适配器的时候要定义...G、子线程计算时间，发送消息，handler处理view平移 ?

1.1K2 0

从0系统学Android--3.6 RecyclerView

() onCreateViewHolder() 从方法名也很容易可以得出，是用来创建 ViewHolder 的，把此方法内创建的 ViewHolder 通过 return 返回。...是不是很简单啊。来看一下效果。你可以看到和网格布局没有什么区别啊，不要着急那是因为我们数据的原因，导致了所有的子项高度都一样看上去就和网络布局没有什么区别了。下面我们来改变数据。...当然如果你的子项布局的宽度设置成很小，那么就不会缩小了，效果就是子View 和子 View 之间有很大的空隙，导致不美观。...一般做法就是将子View 的宽度设置为 match_parent 然后设置 margin 来让子项之间互留一点间距。...其实不是这样的，ListView 的点击事件上的处理并不是那么好，setOnItemClickListener() 方法注册的只是子项的点击事件，如果我想点击子线里面的某一个按钮，通过这种方式就没法直接实现了

8432 0

Flutter开发-容器类组件

前言容器类Widget和布局类Widget都作用于其子Widget，不同的是：布局类Widget一般都需要接收一个widget数组（children），他们直接或间接继承自（或包含）MultiChildRenderObjectWidget...；而容器类Widget一般只需要接收一个子Widget（child），他们直接或间接继承自（或包含）SingleChildRenderObjectWidget。...例如，如果你想让子组件的最小高度是80像素，你可以使用const BoxConstraints(minHeight: 80.0)作为子组件的约束。...我们实现一个最小高度为50，宽度尽可能大的红色容器。...double height, //容器的高度 BoxConstraints constraints, //容器大小的限制条件 this.margin,//容器外补白，不属于decoration

3.6K2 0

关于Div的宽度与高度的100%设定

这个100%是从哪里得到的从哪里继承的？今天我们的话题就是有关div高度100%的问题！...div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。...你设div的高度为100%,那么它是和什么地方相对为100%? 前面总得有个容器说明他的高度是多少。这样的话div才能按比例100%继承上一级的高度。...可惜的是浏览器一般默认解释为内容的高度，而不是100%。...100%，即整行；但是高度并不是100%，而仅仅是一行而已。

3.8K2 0

基于 HTML5 的工业互联网云平台监控机房 U 位顶

前言机柜 U 位管理是一项突破性创新技术--继承了 RFID 标签（电子标签）的优点的同时，完全解决了 RFID 技术（非接触式的自动识别技术）在机房 U 位资产监控场应用景中的四大缺陷，采用工业互联网云平台监控机房...U 位的方法，具有高可靠性、高准确性、精准定位、免维护的特点，满足了 U 位级实时监控、智能运维闭环管理的需求。...getView() 返回的底层 div 元素添加到页面的 DOM 元素中，这里需要注意的是，当父容器大小变化时，如果父容器是 BorderPane 和 SplitView 等这些HT预定义的容器组件，则...实现了添加和编辑机柜的两个功能，删除机柜的功能实现上非常容易，只要将节点从拓扑图和树上移除即可： handleRemoveRack: function(){// 在拓扑图上删除机柜，并删除树上此机柜对应的节点...= self.listView, gv = self.gv, dm = gv.dm(),// 获取数据容器 target = gv.sm().ld(),

1.5K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云