问题描述:
看完<HarmonyOS第一课>从简单的页面开始视频教程后开始自己动手实现UI,因为在敲代码的时候就看着竖屏的预览去做的,但是等做完后发现转为横屏时显示不全,而且无法滑动浏览整页信息,如下图,只有下面的list容器可以滑动浏览,无法拖动“李先生字样”
这条帖子有点水,适用小白中的小白,但是我相信一定有人跟我一样碰到过
问题定位及解决过程:
1.最好的定位办法当然是拿出官方的例程源码去对比,看看是否有哪个属性遗漏导致页面无法滑动,对比之后并没有发现问题,于是预览了源码页面发现官方源码也存在这个问题。。。。这不是纯纯浪费时间码,下次先预览对比件
2.代码对比走不通只能代码检视正向定位了,检查滑动组件scroll的插入位置,在build容器下,整个页面滑动,代码逻辑没问题
3.页面简单替换方便定位问题,直接简单粗暴查看组件位置和大小,这个时候才反应过来如果组件大小小于一页不会触发滑动
4.检查当前组件和父组件大小是否小于一页,果然,,,父组件height给的100%,修改百分比为数值后可以正常滑动,教训啊,有滑动需求的时候组件尺寸真的不能用百分比
求助问题:
页面尺寸不同的时候有什么办法可以自动转化这个数值呀,整个页面大小定义100%真的很好用,但是切换屏幕大小的时候就不合适了,有没有什么能锁定长宽比,width设置100%,长度按照竖屏长度的100%,在横屏的时候可以自动切换成数值呀,有大佬简单方法可以评论分享一下