开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Zebble: ScrollView高度的百分比值不起作用

Zebble是一种跨平台移动应用开发框架，它基于C#语言和Xamarin技术，可以用于快速构建高性能的移动应用程序。Zebble提供了丰富的UI组件和功能，使开发者能够轻松创建各种复杂的移动应用。

ScrollView是Zebble框架中的一个UI组件，用于显示可滚动的内容。在使用ScrollView时，有时候设置高度的百分比值可能不起作用的原因可能是由于布局或其他因素导致的。

为了解决这个问题，可以尝试以下几种方法：

使用其他布局组件：尝试使用其他布局组件，如StackLayout或Grid，来替代ScrollView，并设置其高度的百分比值。这样可以避免ScrollView可能存在的问题。
使用固定高度值：如果百分比值不起作用，可以尝试使用固定的像素值来设置ScrollView的高度。这样可以确保ScrollView始终具有固定的高度。
检查布局和容器：确保ScrollView的父容器和布局设置正确，并且没有其他因素干扰了高度的百分比值的生效。

总结起来，如果在Zebble框架中使用ScrollView时，高度的百分比值不起作用，可以尝试使用其他布局组件、固定高度值或检查布局和容器设置，以解决这个问题。

腾讯云相关产品和产品介绍链接地址：

腾讯云移动应用开发平台：https://cloud.tencent.com/product/madp
腾讯云移动推送：https://cloud.tencent.com/product/tpns
腾讯云移动直播：https://cloud.tencent.com/product/mlvb
腾讯云移动分析：https://cloud.tencent.com/product/mta
腾讯云移动测试：https://cloud.tencent.com/product/mst

相关搜索:AutoLayout不起作用的ScrollView ConstraintLayout中的ScrollView不起作用 Div容器高度百分比不起作用 ScrollView中的网格高度问题 ScrollView内容的动态高度不起作用 WebDataRocks高度不起作用的百分比以编程方式扩展ScrollView的高度在swiftUI中填充scrollView的高度增加MPAndroidChart的百分比值大小如何在Android中设置ScrollView的高度？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

关于margin-top的百分比值

周末朋友发出江湖救急的消息，说他有个莫名其妙的bug搞不定了，于是我让他把bug的代码发过来看看。...; margin-left:-50px; 看出区别了吧，区别就在于，margin是负的具体像素，定位是百分比。...关键就是这里 Percentages: refer to width of containing block 也就是说，只要margin的值是百分比，那么，他的基数就只会是父容器的宽度，比如父容器宽...100PX，那么margin-top：50% 就是50px，无论父容器高是多少，都跟’margin-top’, ‘margin-bottom’的百分比值无关。...需要注意的是，绝对定位的元素margin-top的百分比值低版本webkit下和其他浏览器表现不一，这个可以自己写几个demo试试看吧……..

1.2K9 0

android scrollview嵌套listview计算高度的问题

ScrollView中只能放一个控件，一般都放LinearLayout，orientation属性值为vertical。在LinearLayout中放需要呈现的内容。...但是为啥在scrollview中嵌套listview会出现只显示第一条listitem的高度呢，原因是：scrollview的ontach方法的滚动事件消费处理，ListView控件的高度设定问题从谷歌那里找到的...ScrollView嵌套ListView只显示一行的解决办法相信很多人都遇到过，然后大部分都是用这位博主的办法解决的吧刚开始我也是用这个办法解决的，首先感谢这位哥的大私奉献，贴上地址 http:/...; } 这个代码让控件去计算Listview自己的高度然后设置这个Listview的高度但是这个代码里面有一个问题，就是这个当你的ListView里面有多行的TextView...方法，我们就可以测量字体的总宽度除与去掉边距的屏幕的大小，就可以算出文字要几行来显示，然后测量字体的高度*行数可以得到字体的总高度，然后在加上上下边距就是TextView真正的高度，然后setMeasuredDimension

2.3K6 0

解决Scrollview 嵌套recyclerview不能显示，高度不正常的问题

我们先看一个效果，问题说的就是中间的Grid效果在Scrollview 嵌套recyclerview显示问题，在Android Api 24是好的，不过在5,1,1版本（api 22）缺出现了问题最近项目中...，有一个商品详情页面，页面有好几个网格页面，大家说，我们大可以用GridView去做，但是需要方的要求是，我们的网格的中间的线怎么做呢，对于GridView，我们知道我们可以这是一个背景，然后用verticalSpacing...来做，这也算一个方法吧，但是对于Line线的计算是一个问题，有很多的计算逻辑，这样对代码的美观就造成了破坏，且看一段之前的代码： private void computeCompanyGridViewHeight...以前在ScrollView中嵌套嵌套ListView，无法正确的计算ListView的大小，现在我们在ScrollView中嵌套嵌套RecycleView的时候，也出现了计算不出高度的问题，于是有人想到我们是不是可以自己实现一个重写一个继承自...RecycleView的类，重写OmMeasure，呵呵，但是实际上这是不行的，RecycleView是具体的一个控件，不相同与我们的ListView，这里参照之前网上的解决方案，我们可以继承自GridManager

3.3K5 0

【震惊】padding-top的百分比值参考对象竟是父级元素的宽度

padding 属性用于设置元素的内边距，其值可以是length、inherit，当然也可以是百分比。...题目须知：页面中有一个元素A，请实现以下需求：元素A在页面内水平、垂直居中；元素A距离页面左右的间距为10px，元素A的宽度随页面宽度变大而变大；设置元素A的高度始终为宽度的一半；只要是对CSS...那如何能设置让元素A的高度始终为宽度的一半呢？上代码~ 页面布局：要考虑DOM的结构和CSS的样式 <!...方法实现了设置元素的高度为宽度的1/2 此时内心是否有些窃喜，又搞定了一个问题，饱含自信(傲娇)的目光看向了面试官。...探究padding-top的秘密当padding-top的值为百分比时，参考的对象是父级元素的宽度这句话圈起来，是重点，要考~ <!

1.5K1 0

css笔记 - 张鑫旭css课程笔记之 vertical-align 篇

但是，设置为百分比值时，元素的vertical-align最终计算值是相对于行高line-height计算的。...比如，一个父元素的line-height:0;那么子元素设置vertical-align:100%;那么最终就是0*100% 缺点：兼容性问题 - ie6/7下，vertical-align百分比值不支持小数...二、vertical-align起作用的前提（display值对垂直对齐的影响）有时候设置vertical-align会发现根本不起作用，第一个原因：是因为vertical-align只能应用于inline...1. vertical-align的百分比值是相对于line-height的值计算的。...毕竟vertical-align不能改变元素的高度。

2K2 0

MJRefresh 源码解析

设置header高度通过重写prepare方法来设置header的高度： - (void)prepare { [super prepare]; // 设置用于在NSUserDefaults...CGFloat normal2pullingOffsetY = happenOffsetY - self.mj_h;// -64 - 54 = -118 //下拉的百分比：下拉的距离与...header高度的比值 CGFloat pullingPercent = (happenOffsetY - offsetY) / self.mj_h; if (self.scrollView.isDragging...) { //记录当前下拉的百分比 self.pullingPercent = pullingPercent; if (self.state == MJRefreshStateIdle...而每一层的子类，根据自身的职责，分别按照自己的方式来实现这三个方法： MJRefreshHeader: 负责header的高度和调整header自身在外部的位置。

1.1K2 0

【移动端网页布局】移动端网页布局基础概念 ⑥ ( 背景图像缩放 | 不等比例拉伸 - 同时设置宽高值 | 等比例拉伸 - 设置宽度 cover contain 值 )

可设置的值 : 像素长度 : 单位像素 px ; 百分比长度 : 百分比是相对于父容器你的百分比 ; cover 值 : 等比例拉伸背景图像 , 使得背景图片完全覆盖背景区域 , 图片的部分内容可能显示不全...: 只设置宽度像素值 : 宽度设置为 500 像素 , 高度根据该宽度等比例缩放 ; background-size: 500px; 只设置宽度百分比值 : 宽度占父容器的 100% , 高度根据该宽度等比例缩放...的像素值 / 百分比值如果为盒子模型同时设置了宽度和高度像素值 , 则图片的宽度和高度分别进行拉伸 , 以达到样式中定义的宽高值 , 宽高不会等比例拉伸 ; /...的百分比值 : <!...像素值 / 百分比值代码示例 : 设置宽度百分比值 : <!

1K2 0

jQuery 一个简单基于文档高度百分比的进度条 | 2BROEAR 笔记栈

jQuery 一个简单基于文档高度百分比的进度条笔记点 scrollTop 的最大值+(window).height()=(“html”).height(); 也就是滑到底部后，这个scrollTop...与整体页面高度相差一个屏幕高！...y轴的值（WTF）就等于当前文档高度（curDocH）- 当前窗口高度（curWinH），需要注意的是：滚动条默认从当前窗口底部开始计算到页面底部的滚动距离代码思路 function pagePercentage.../curDocH)*100), //滚动时当前窗口高度相对于当前文档高度的百分比 curHtmlH = $("html").height(), //.....pagePer = (((curSt+60)/WTF)*100).toFixed(2); //curSt+60是为了兼容移动端浏览器的url地址栏高度不一致造成进度条走不满bug.

1221 0

CSS 中的各种单位

百分比 css 中的百分比是一种相对值，使用百分比的关键是找到它的参照物。属性参照 width & height 宽和高在使用百分比值时，其参照一般都是父元素的 content 的宽和高。...margin & padding margin 和 padding，其任意方向的百分比值，参照都是包含块的宽度。...border-radius 为一个元素的border-radius定义的百分比值，参照物是这个元素自身的尺寸。...left和right是参照包含块的宽度，bottom和top是参照包含块的高度。...vh 和 vm 也是相对长度，不过其参照是显示窗口的宽度或高度，一般来说 100 vh = viewport 的高度，100vm = viewport 的宽度。

7702 0

padding实现图片等比例自适应

一、CSS百分比padding都是相对宽度计算的在默认的水平文档流方向下，CSS margin和padding属性的垂直方向的百分比值都是相对于宽度计算的，这个和top, bottom等属性的百分比值不一样...可以看到随着宽度的变化，总会有部分图片区域（宽度或高度）无法显示，并不是完美的做法。...高度也跟着一起变大；图片宽度小了，高度也跟着一起变小。...然而这种技巧有一个非常不好的体验问题，那就是随着页面加载的进行，图片占据的高度会有一个从0到计算高度的图片变化，视觉上会有明显的元素跳动，代码层面会有布局重计算。...对于这种图片宽度100%容器，高度按比例的场景，padding-bottom的百分比值大小就是图片元素的高宽比，就这么简单。

2.7K1 0

字节前端都知道的CSS包含块规则

你是否曾对CSS中的百分比单位非常疑惑？是否简单认为百分比的基准值就是所在元素的宽高？本文将从包含块角度帮助大家理解记忆百分比单位的计算规则，便于巧妙运用包含块规则解决实际开发中的布局问题！...二、百分比值计算规则 CSS中例如width、height、padding等属性在设置百分比值时，浏览器会动态计算实际的像素值，百分比的计算基数就是该元素的包含块对应的实际属性值。...包含块的heightheight、top、bottom 例如计算当前元素的百分比值的height属性则其值为：包含块height值 * 当前元素height百分比值三、包含块原理的应用场景自己之前一直有个误区...那么看看下面这个问题之前团队里大佬洪岩问：“如何实现一个高度是自适应宽度3倍的图片？”...1/3; // width/height 宽高比 } aspect-ratio 实现方法2: 巧用包含块规则（padding和width属性百分比值的计算基数是包含块的宽度）+ 背景图实现 <div

3231 0

7个Web前端程序员必须会用CSS技巧

1、元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时，其是相对父元素的宽度width的而不是我们想象的高度height；举个例子：其实出现这种现象...，我们可以巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）在这里小编建了一个前端学习交流扣扣群：132667127，我自己整理的最新的前端资料和高级开发教程，如果有想需要的...，可以加群一起学习交流当然该元素高度上的百分比是相对其父元素高度的百分比的，min-height及max-height也适用这条规律。...2、含有定位属性的元素，其top、bottom单位为百分比时，该百分比是相对于父元素的高度的。同理，left、right则是相对于父元素的宽度的。...这一点，我昨天在查资料写这篇文章—最全面的元素水平垂直居中方法汇总的时候就发现有个大牛也理解错了—-CSS布局奇淫技巧之–各种居中里面的第八点。 3、边框宽度不允许使用百分比值这点就不解释了。

4770 0

CSS深入理解学习笔记之padding

1、padding与容器尺寸之间的关系对于block水平元素：①padding值暴走，一定会影响尺寸；②width非auto，padding影响尺寸；③width为auto或box-sizing为border-box...2、padding负值和百分比值　　关于padding负值：padding不支持任何形式的负值。　　关于padding百分比值：padding百分比均是相对于宽度计算的。　　...inline水平元素的padding百分比值：①同样相对于宽度计算；②默认的高度宽度细节有差异；③padding会断行。...3、标签元素的内置padding 　　ol/ul列表：ol/li元素内置padding-left，但是单位是px不是em，例如chrome浏览器下是40px，所以字号很小间距就会很大，字号很大序号就会爬出容器...正因为如此，我们在做按钮的时候多用标签去模拟按钮 ? 4、padding与图形绘制 ? 5、padding与布局　　使用百分比单位构建固定比例布局结构： ?

9437 0

css新单位vw,vh在响应式设计中的应用

考虑到未来响应式设计的开发，如果你需要，浏览器的高度也可以基于百分比值调整。...但使用基于百分比值并不总是相对于浏览器窗口的大小定义的最佳方式，比如字体大小不会随着你窗口改变而改变，如今css3引入的新单位明确解决这一问题。...View Demo css3引入的”vw”和”vh”基于宽度/高度相对于窗口大小，”vw”=”view width”, “vh”=”view height”; 以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小...: 5vw; /* 宽度为窗口50%，字体大小为窗口的5% */ } .demo4 { width: 10vw; height: 50vh; /* 宽度为窗口10%，容器高度为窗口的50%...目前这款css3的应用支持所有主流浏览器，IE必须10以上。

1K1 0

使用background-size引发的思考

属性的值设为百分比时，表示以父元素的百分比来设置背景图像的宽度和高度，如果只设置一个值，则第二个值会被设置为 “auto”，通过这段W3C上的介绍可知background-size: 50%是background-size...，背景图片的高度为父元素高度的50%，通过测试发现我被打脸了，最后得出的结论是background-size: 50% 50%表示的是背景图片的宽度为父元素宽度的50%，背景图片的高度为父元素高度的50%...没错，background-size: 50% auto表示背景图片的宽度为父元素宽度的50%，背景图片的高度是根据背景图片的宽度与高度的比值计算得来的计算设置了background-size: 50%...，为了比较直观，我在图片上标记了一些数值，点击此处查看代码通过上图可知父元素的宽度 = 500px 父元素的高度 = 400px 图片文件的宽度与高度的比值 = 图片文件的宽度 / 图片文件的高度...= 128px / 96px = 1.33 背景图片的宽度 = 父元素的宽度 X 50% = 500px X 50% = 250px 背景图片的高度 = 背景图片的宽度 / 图片文件的宽度与高度的比值

2052 0

每个高级前端工程师都应该知道的前端布局

使用弹性布局使用百分比避免写死宽度和高度添加滚动条使用 rem 3.移动终端的常用宽度和高度垂直屏幕的常见宽高比：1:2, 2:3, 3:4, 3:5, 5:8, 9:16 横向屏幕的常见宽高比...等属性，它们都依赖于父组件的宽度和高度（margin 和 padding 都可以使用百分比值的形式，但这与通常的想法有点不同，不同之处在于 margin-top, margin-bottom, padding-top..., and padding-bottom 的百分比值不是指容器的高度，而是指父容器的宽度）。...如果为子元素的顶部和底部设置了百分比，它将相对于父元素的高度，并直接进行非静态定位（默认定位）。同样，如果为子元素的左侧和右侧设置了百分比，它将与父元素宽度的直接非静态定位（默认定位）相对应。...border-radius 是一个百分比，是相对于其宽度而言的缺点计算困难。如果我们要根据设计草案定义元素的宽度和高度，必须将其转换为百分比单位。

2162 0

5种方法完美解决android软键盘挡住输入框方法详解

这样操作太繁琐了，对于用户体验不大好； 2) adjustResize的使用，需要界面本身可显示的窗口内容能调整，可结合scrollview使用；方法二：在界面最外层布局包裹ScrollView 1...3､ScrollView+adjustResize 我们前面说过adjustResize的使用必须界面布局高度是可变的，如最外层套个ScrollView或是界面可收缩的，才起作用。...，情况类似于ScrollView+adjustPan，只能滑动部分，通过Inspect Layout也可以看到，界面可用高度是整个屏幕高度，并不会进行调整高度。...即使设置adjustResize，也不起作用。 2) 如果是类似于注册界面或是登录界面，键盘会挡住输入框下面的登录按钮。...方法四：适配键盘高度变化情况，当键盘弹起时，让界面整体上移；键盘收起，让界面整体下移此方法主要是通过在需要移动的控件外套一层scrollView，同时最布局最外层使用自定义view监听键盘弹出状态，计算键盘高度

22.1K3 1

可视化格式模型-定位系统

偏移量是包含块宽度（对于’left’和’right’）或高度（对于’top’ 和’bottom’）的百分比。...对于’top’和’bottom’，如果包含块的高度没有显式指定（即它取决于内容的高度），百分比值将解释为’auto’。 auto 该值的效果取决于与之相关的属性中的哪一个也设置了’auto’。...详细的内容请参见绝对定位，非替换元素的宽度和高度一节。后续会跟大家分享。初始值：‘auto’ 适用于：定位的元素，即 position特性的值为非 ‘static’的值。...可否继承：否百分比值：百分比值基于包含块的高度(top, bottom)或者宽度(left, right) 计算值：对于position:relative 参见相对定位(后续会介绍)；对于position...:static 取值auto；其他情况，如果值为长度，取相应的绝对长度，如果标值为百分比，取指定的值，否则，取auto。

6996 0

你不知道的css(三)

1.border border-width不支持百分比 2.单位ex（相对字体和字号的单位）利用ex使图标居中 .icon{ display: inline-block; width...height: 1ex; background: url() no-repeat center } 此时调节字体大小，图标都会居中 3.line-height line-height就是内联元素的完全高度...；是替换元素前一个空白幽灵节点的高度；块级元素无影响 line-height有数值，百分比值，长度值（em），都是相对于font-size计算得来，如果是数值，子元素继承的就是这个数值，而如果是其他，那么子元素继承的就是计算得来的值

2933 0

小程序 - 效果处理之技巧合集(更新中...)

1 wxml 2 1 <scroll-view class="<em>scrollview</em>-style" scroll-y bindscroll="wrapScroll" bindscrolltolower...11 12 13 css 14 15 1 .scrollview-style { 16 2 background: #fff; 17 3 position: absolute...scroll-view必须有高度设置，但是又不能设置百分比时，高度值不能适配所有机型手机的问题：假如我顶部需要固定定位一个元素，下边是可以滚动的页面。...但是这种做法，scroll-view必须设置一个明确的高度，能想到的是，高度值用rpx，可以解决部分安卓和ios机型的适配问题。但是换了个别特殊机型后，那个高度明显就会出问题。...解决方法有两种: 1.百分比 2.换结构百分比的方法就是：整个屏幕page给100%的高度，，顶部的定位条占一定的百分比的高度，而scroll-view占剩下的百分比的高度。

1.4K9 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭