ScrollView中的那些坑

最新推荐文章于 2021-09-26 14:27:40 发布
最新推荐文章于 2021-09-26 14:27:40 发布
阅读量2.4k 收藏 2
点赞数 1
分类专栏： android-develop
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wei_chong_chong/article/details/52192205
版权

用过ScrollView的都知道，它除了与ListView 等控件滑动冲突外还有一些坑需要注意：

坑1：有时候你发现用ScrollView包括的控件明明已经大于屏幕大小出界了，可是却不能滑动，这种情况好像是“ScrollView失效了”其实是这样的：出界的那个控件并没有完全出界，还是能看到一点的。这种情况ScrollView会认为，它内部的控件在一个屏幕中可以看完，不需要它出马了。所以你滑动时是没有滚动效果的。这种情况我一般会在最下面添加一个空的TextView（这样做的目的是让ScrollView认为还有一个控件在屏幕外面一点都看不到，必须滑动起来让它可以出现在屏幕中，这样ScrollView才会起作用）

坑2：ScrollView内部嵌套的控件只能是"一个"：如果有多个控件，那么必须要用一个LinearLayout或其他的容器包括起来，然后才能放到ScrollView中

0 and 1
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
DiscreteScrollView：可滚动的项列表，以当前元素为中心，并提供易于使用的API，用于炫酷的项动画
01-29
DiscreteScrollView 该库是基于RecyclerView的可滚动列表的实现，其中当前项目居中，并且可以通过滑动来更改。 它类似于ViewPager，但是您可以快速轻松地创建布局，在该布局中，与当前选定视图相邻的视图在屏幕上部分或完全可见。 Gradle 将此添加到您的依赖项块中。 compile 'com.yarolegovich:discrete-scrollview:1.5.1' 报告问题 如果您要报告问题，我将非常感谢您提供一些代码，我可以运行这些代码来查看问题。 这样可以最大程度地解决我的问题。 顺便说一句，在报告问题之前，请尝试用RecyclerView替换DiscreteScrollView。 如果问题仍然存在，则可能在您的代码中。 样品 请参阅以获取库用法的示例。 维基 一般 该库使用一个自定义的LayoutManager来调整项目在屏幕上的位置并处理滚动，但是它不会暴露给客户端代码。 所有公共API均可通过DiscreteScrollView类访问，该类是RecyclerView的简单后代。 如果您曾经使用过RecyclerView-您已经知道
Android ScrollView遇到的坑
JUN_LLLL的博客
08-29 511
1、ScrollView can host only one direct child ScrollView只能有一个子控件，子控件外面再套一层LinearLayout,注意只能是Linearlayout，布局中不能出现RelativeLayout。 2、嵌套ListView布局显示不全 主要是重写onMeasure方法，具体参考文章 public class ScrollListVie...
ScrollView所遇到的坑
冰糖的博客
02-07 477
ScrollView解决了因为内容过多而显示不下的窘境，而且在APP中的使用频率也非常高，本文记录使用ScrollView时所遇到的坑，不断更新。 问题一：如何让ScrollView自动向下滚动，向微信聊天一样 问题一在一些页面中，为了用户体验，我们需要把最新出现的内容及时显示出来，比如微信聊天，对方发来的新消息应该能在底部显示出来，而一句简单的代码就能达到这个效果：scrollView.fullS
ScrollView的坑
yufumatou的博客
07-05 364
用了那么久的ScrollView今天竟然遇到了一个棘手的坑，以至于我都不敢在使用这个控件了，可是今天突然找到解决方案了。 与坑背景：登录页面多个edittext条目纵向排列，为了兼容多分辨率机型需要在最外层嵌套ScrollView，当短屏显示不全时能够滑动显示。本来很常规的操作，可是意料之外的事情发生了，在4.4系统的oppo测试机上，当点击Edittext条目后弹出软件盘，可是收起软件盘后，被...
那些年踩过scroll-view的坑，scroll-view被完美替代
weixin_45439379的博客
01-27 3738
那些年踩过scroll-view的坑，scroll-view被完美替代 你敢说，微信小程序开发，没有被scroll-view坑过..... 文章目录那些年踩过scroll-view的坑，scroll-view被完美替代一、使用scroll-view常见的问题二、scroll-view详解三、常见使用四、替代方案总结 一、使用scroll-view常见的问题 scroll-view内部的第一个盒子添加margin-top属性会出现滚动条？ IOS scroll-view中的自定义组件fixed问题？
uniapp使用scroll-view，在iphone上，顶部底部上下拉，会产生抖动
qq_37698249的博客
09-26 1843
造成抖动的原因是因为在scroll-view上，添加了scroll-top属性（用作锚点定位） 改用生命周期onPageScroll，来实现滚动加载 锚点定位改用 uni.pageScrollTo({ scrollTop: 0, duration: 300 });
uniapp scroll-view防抖
weixin_45849330的博客
04-15 1684
<scroll-view @scroll="scroll" @scrolltolower="scrolltolower" :scroll-anchoring="true" scroll-y scroll-with-animation :scroll-top="scrollTop" class="wh"> </scroll-view> scrollTop: 0, old: { scrollTop: 0 }, // 滚动 scroll(e) { // this.scr
Android学习之ScrollView中的坑
将时光遗忘
07-10 1476
最近在做一个小程序，用到ScrollView的时候坑了我半天的时间。 问题描述：ScrollView中的内容不能完全显示 首先是一个跟这个问题无关的问题，布局中的fitsSystemWindows设为true为导致内容飘到状态栏后面去。 回到主题。新手，刚开始遇到这个问题，无从下手，只能靠搜索引擎。 先是有说是因为外层控件设置了margin，导致View下移。尝试把
Android中自定义ScrollView代码实例
09-03
主要介绍了Android中自定义ScrollView代码实例,本文直接给出实现代码,需要的朋友可以参考下
探讨:如何在ScrollView中嵌套ListView
09-05
本篇文章是对如何在ScrollView中嵌套ListView的解决方法进行了详细的分析介绍，需要的朋友参考下
scrollview下拉放大效果,弹回效果动画(基于手势,不导入第三方包)
02-25
scrollview下拉放大效果,手势,弹回效果动画(基于手势,不导入第三方包),自己搞的,欢迎提意见.
在android中ScrollView嵌套ScrollView解决方案
09-05
大家好，众所周知，android里两个相同方向的ScrollView是不能嵌套的，那要是有这样的需求怎么办,接下来为您介绍解决方法，感兴趣的朋友可以了解下
ScrollView中图片拉伸阻尼效果
12-06
该资源是一个自定义的ScrollView图片拉伸控件，拉伸时有阻尼效果显示，代码简单易懂，使用方便，可以快速的集成到项目中去
Android中使用ScrollView指定view的顶部悬停效果
08-30
在项目开发中遇到这样的需求，需要实现scrollview顶部的悬停效果，实现原理非常简单，下面小编通过本文给大家分享实例代码，需要的朋友参考下
神经网络与量子计算的交叉研究.pptx
04-19
神经网络与量子计算的交叉研究.pptx
非线性端口 MEMS 麦克风的 Simscape 模型.zip
04-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
用于超声成像和仿真的 MATLAB 工具箱.zip
最新发布
04-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
HFI高频注入仿真—matlab.zip
04-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
北京工商大学上网登陆版源码.zip
04-19
android 源码学习. 资料部分来源于合法的互联网渠道收集和整理，供大家学习参考与交流。本人不对所涉及的版权问题或内容负法律责任。如有侵权，请通知本人删除。感谢CSDN官方提供大家交流的平台
scrollview中横向排列
07-13
要在 ScrollView 中实现横向排列的内容，你可以使用 CSS 的 Flexbox 布局来实现。下面是一个示例代码，演示了如何在 ScrollView 中实现横向排列的内容： ```html <style> .scrollview-container { width: 300px; height: 200px; overflow-x: scroll; white-space: nowrap; } .scrollview-item { display: inline-block; width: 100px; height: 100px; background-color: gray; margin-right: 10px; } </style> <div class="scrollview-container"> <div class="scrollview-content"> <!-- 这里放置滚动内容 --> <!-- 可以是文本、图片或其他元素 --> <div class="scrollview-item"></div> <div class="scrollview-item"></div> <div class="scrollview-item"></div> <div class="scrollview-item"></div> <div class="scrollview-item"></div> <div class="scrollview-item"></div> </div> </div> ``` 在上述代码中，我们使用了 `.scrollview-container` 类来定义 ScrollView 的容器样式。通过设置容器的宽度和高度，并将 `overflow-x` 属性设置为 `scroll` 来启用横向滚动。另外，我们使用 `white-space: nowrap;` 来防止内容换行。 然后，我们使用 `.scrollview-item` 类来定义横向排列的内容项的样式。通过设置 `display: inline-block;` 来使内容项水平排列，并设置适当的宽度、高度、背景颜色和右侧间距。 在 `.scrollview-content` 内部，你可以添加多个横向排列的内容项，通过复制 `<div>` 元素并为其添加 `.scrollview-item` 类。 这样，你就可以在 ScrollView 中实现横向排列的内容了。根据需要，你可以根据样式类 `.scrollview-item` 来调整内容项的样式和尺寸。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值