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

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

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

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

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

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

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

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

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

android scrollview嵌套listview计算高度问题

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

2.3K60
  • 解决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.4K50

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

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

    1.6K10

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

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

    1K20

    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.

    12910

    padding实现图片等比例自适应

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

    2.8K10

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

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

    33110

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

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

    48600

    使用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 背景图片高度 = 背景图片宽度 / 图片文件宽度与高度比值

    22620

    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与布局   使用百分比单位构建固定比例布局结构: ?

    95570

    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以上。

    1.1K10

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

    使用弹性布局 使用百分比 避免写死宽度和高度 添加滚动条 使用 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 是一个百分比,是相对于其宽度而言 缺点计算困难。如果我们要根据设计草案定义元素宽度和高度,必须将其转换为百分比单位。

    22320

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

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

    23.2K31

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

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

    70860

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

    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.4K90
    领券