开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

FAB按钮不显示在嵌套滚动视图上

FAB按钮是指浮动操作按钮（Floating Action Button），它是一种常见的用户界面元素，通常用于展示主要操作或常用功能。FAB按钮通常位于屏幕的底部右下角，具有圆形的外观和醒目的图标。

在嵌套滚动视图中，FAB按钮可能会出现不显示的问题。这是因为嵌套滚动视图通常具有自己的滚动行为，当滚动视图滚动时，FAB按钮可能会被遮挡或隐藏。

解决这个问题的一种常见方法是使用适当的布局和属性设置。以下是一些可能的解决方案：

使用CoordinatorLayout布局：CoordinatorLayout是Android Support库中提供的一个特殊布局，它可以帮助处理FAB按钮在滚动视图中的显示问题。将FAB按钮放置在CoordinatorLayout中，并使用合适的布局属性，如app:layout_anchor和app:layout_anchorGravity，可以确保FAB按钮正确显示在滚动视图上方。
设置滚动行为：对于嵌套滚动视图，可以使用app:layout_behavior属性来设置FAB按钮的滚动行为。例如，可以将app:layout_behavior="@string/appbar_scrolling_view_behavior"应用于滚动视图，以确保FAB按钮正确响应滚动事件。
调整滚动视图的布局：如果FAB按钮仍然无法显示在滚动视图上方，可能需要调整滚动视图的布局。可以尝试将FAB按钮放置在滚动视图之外的布局中，并使用合适的布局属性，如android:layout_alignParentBottom和android:layout_alignParentRight，以确保FAB按钮始终显示在滚动视图上方。

总结起来，解决FAB按钮不显示在嵌套滚动视图上的问题需要使用适当的布局和属性设置，如使用CoordinatorLayout布局、设置滚动行为和调整滚动视图的布局。通过这些方法，可以确保FAB按钮在滚动视图中正确显示，并提供良好的用户体验。

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

腾讯云移动开发服务：https://cloud.tencent.com/product/mss
腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
腾讯云音视频服务：https://cloud.tencent.com/product/tcvs
腾讯云人工智能服务：https://cloud.tencent.com/product/ai
腾讯云物联网服务：https://cloud.tencent.com/product/iotexplorer
腾讯云存储服务：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
腾讯云元宇宙服务：https://cloud.tencent.com/product/tmu

相关搜索:Fab栏不显示在嵌套滚动视图上在回收器视图上隐藏浮动操作按钮(FAB)单击在视口中显示元素(机车滚动)在我的滚动视图上显示视图如何让简单按钮(插件)按钮显示在地图上？iOS 4.3在滚动视图上不显示标签在滚动视图上显示最后一个文本裁剪后在滚动视图上显示更新的图像始终在父div的视口中显示高度滚动条在listView上显示图像而不滚动？嵌套的正文滚动正文显示在headerSliverBuilder后面单选按钮不显示在嵌套离子列表中 FAB (浮动操作按钮)在GX16 u11的画布上不显示浮动动作按钮滚动时隐藏和显示在滚动视图android？滚动条CSS按钮不显示在macOS上？Swift -子视图上的按钮，用于在父视图中显示方向在显示导航时便出现了视控栏按钮没有出现，为什么在swift 滚动显示在bootstrap导航栏中折叠的按钮附近在R中的单叶地图上单击按钮时显示和隐藏Datatable 如何根据按钮点击在同一视图上显示两种类型的json

相关搜索:

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

有帮助

没帮助

相关·内容

在Swift中创建可缩放的图像视图

没有什么比完美的图片更能让你的应用程序熠熠生辉，但如果你想让你的应用程序用户真正参与并与图片互动呢？也许他们想放大、平移、掌握这些图像？

02

详解android特性之CoordinatorLayout用法探析实例

当我在AS上新建一个module时，系统默认的最外层布局不再是我们熟悉的五大布局中的一种，而是一个全新的布局：CoordinatorLayout。它是Material风格的重要组件, 作为布局的顶层控件，协调(Coordinate)其他组件, 实现联动。

04

【Hybrid开发高级系列】ReactNative(七) —— RN组件专题

animating bool型显示指示器(true，默认的)还是隐藏它(false)；

04

探索 Android Design Support Library v28 新增内容

作者：TonnyL 链接：https://www.jianshu.com/p/e9357355ccf7 著作权归作者所有，欢迎投稿 Android Support Library v28 版本最近被宣布推出 -- 在当前的 alpha 版本中, 我们又有了一系列令人兴奋的新组件. 在这篇文章中, 我想要看看以 Material 视图组件形式添加进入 Support Library 的新增部分. Material Button Material Button 是一个小部件, 可用于在你的应用程序的用户界面中

02

点击状态栏回到顶部

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/51330401

01

效果类似于label从下往上滑（采用uiTableView实现）

首先附上效果图进行描述一下：效果就是类似于是一个竖直方向的滚动视图并且方向是从下往上并且能够一直这样循环下去。代码“ // // ViewController.m // demo滚动视图

05

最新iOS设计规范四｜3大界面要素：视图(Views)

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。

03

【IOS开发基础系列】UIScrollView专题

在滚动过程当中，其实是在修改原点坐标。当手指触摸后,scroll view会暂时拦截触摸事件,使用一个计时器。假如在计时器到点后没有发生手指移动事件，那么scroll view 发送 tracking events 到被点击的subview。假如在计时器到点前发生了移动事件，那么 scroll view 取消tracking 自己发生滚动。

03

Java Swing JScrollPane -（滚动面板）

支持水平和垂直滚动视图。文本区域、表格等需要显示较多数据而空间又有限时，通常使用 JScrollPane 进行包裹以实现滚动显示。

02

CoordinatorLayout与滚动的处理

本博文专门讲解和CoordinatorLayout相关的知识点，这也是Design Support Library中最重要与最难的部分。

02

CoordinatorLayout使用全解析

CoordinatorLayout是在 Google IO/15 大会发布的，遵循Material 风格，包含在 support Library中，结合AppbarLayout, CollapsingToolbarLayout等可产生各种炫酷的效果，本篇博客就将介绍CoordinatorLayout的各种酷炫效果。

02

UIScrollView

UIScrollView UIScrollView全部API学习。 //1.设定滚定条的样式 typedef NS_ENUM(NSInteger, UIScrollViewIndicatorStyle) { UIScrollViewIndicatorStyleDefault, // black with white border. good against any background 黑白边框 UIScrollViewIndicatorStyleBlack, // black only. small

06

【Android从零单排系列二十六】《Android视图控件——ScrollView》

小伙伴们，在上文中我们介绍了Android视图组件RecyclerView，本文我们继续盘点，介绍一下视图控件的ScrollView。

02

UITableView在Flutter中是什么？

前面我们学习了文本、图片和按钮这些基本元素，这些基本元素需要进行排列组合，才能构成我们看到的UI视图。那么，当这些基本元素的排列布局超过屏幕显示尺寸（即超过一屏）时，我们就需要引入列表控件来展示视图的完整内容，并根据元素的多少进行自适应滚动展示。

01

iOS开发之多图片无缝滚动组件封装与使用

经常有园友会问"博主，有没有图片无限滚动的Demo呀？"，正儿八经的图片滚动的Demo我这儿还真没有，今天呢就封装一个可以在项目中直接使用的图片轮播。没看过其他iOS图片无限轮播的代码，也不了解他们的原理，我今天封装这个图片无限轮播是借鉴Web前端中的做法，因为之前写Web前端的时候，实现幻灯片就是这么做的，今天就在iPhone上搞搞。下面的东西是自己写的了，关于轮播的东西这个开源项目也是相当不错的https://github.com/nicklockwood/iCarousel ,感兴趣的可以看一下

09

[ISUX译]iOS 9人机界面指南(四)：UI元素（上） - 腾讯ISUX

文章索引 4.1.1 状态栏 4.1.2 导航栏 4.1.3 工具栏 4.1.4 工具栏与导航标准按钮 4.1.5 标签栏 4.1.6 标签栏标准图标 4.1.7 搜索栏 4.1.8 范围栏 4.2.1 活动 4.2.2 活动视图控制器 4.2.3 集合视图 4.2.4 容器视图控制器 4.2.5 图片视图 4.2.6 地图视图 4.2.7 页面视图控制器 4.2.8 浮出层 4.2.9 滚动视图(Scroll View) 4.2.10 分栏视图控制器 4.2.11 表格视图 4.2.12 文本视图 4.2

05

零基础入门 23： UGUI ScrollView

今天要分享的内容，是近期内关于UGUI的最后一篇，UGUI里的滚动视图ScrollView，后期的内容会根据项目实用的功能组件进行分享。

02

让你的布局滚动起来—ScrollView

通过两天的”实战“，今天我们稍微放松一下脚步，让大家喘口气歇一会儿，我们今天为大家带来的控件，解决了太多在项目中遇到的适配问题，如果你已经碰到了这种问题，就紧跟我们的脚步吧~

03

绝对想尝试的创意 Android 库，你关注了吗？| 码云周刊第 43 期

码云项目推荐随着 Android 开发走向成熟，每天都会涌现出各种各样与 Android 相关的开发工具，但是我们每天使用的各类库总是不可或缺的。这里，小编向大家推荐一些目前码云上比较具有创意的

09

小程序开发基础-scroll-view 可滚动视图区域

查看官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/

04

Android开发笔记（一百三十五）应用栏布局AppBarLayout

Android5.0推出工具栏Toolbar用来替代ActionBar，灵活性和易用性大大增强，有关Toolbar的详细介绍参见《Android开发笔记（一百一十九）工具栏Toolbar》。可是仅仅使用Toolbar的话，还是有些呆板，比如说Toolbar固定占据着页面顶端，既不能跟着主体页面移上去，也不会跟着主体页面拉下来。为了让App页面更加生动活泼，势必要求Toolbar在某些特定的场景上移或者下拉，如此才能满足酷炫的页面特效需要。那么Android5.0也同时给出了相应的解决方案，即推出MaterialDesign库，通过该库中的AppBarLayout控件，对Toolbar加以包装，从而实现顶部工具栏的动态变化效果。 AppBarLayout其实继承自LinearLayout，所以具备LinearLayout的所有属性与方法。对于大家关心的额外功能，则主要有以下几点： 1、支持响应主体页面的滑动行为，即在主体页面上移或者下拉时，AppBarLayout能够捕捉到主体页面的滚动操作； 2、AppBarLayout捕捉到滚动操作之后，还要通知头部控件（通常是Toolbar），告诉头部控件你要怎么滚，是爱咋咋滚，还是满大街滚；具体到实现上，要在工程中做以下修改： 1、添加几个库的支持，包括appcompat-v7库（Toolbar需要）、design库（AppBarLayout需要）、recyclerview库（主页面的RecyclerView需要）； 2、布局文件的根布局采用android.support.design.widget.CoordinatorLayout，因为design库的动态效果都依赖于该控件； 3、CoordinatorLayout节点要添加命名空间声明xmlns:app="http://schemas.android.com/apk/res-auto"； 4、使用android.support.design.widget.AppBarLayout节点包裹Toobar； 5、Toobar节点添加滚动属性app:layout_scrollFlags="scroll|enterAlways"，声明工具栏的滚动行为标志； 6、演示页面的主体页面使用RecyclerView控件，并给该控件节点添加行为属性app:layout_behavior="@string/appbar_scrolling_view_behavior"，表示通知AppBarLayout捕捉RecyclerView的滚动操作。下面是AppBarLayout结合RecyclerView实现的工具栏向上滚动效果截图：

04

ios入门之界面基础

学习移动app开发，我们常常从讲解基本的控件开始，如UILabel、UISearchBar、UIButton、UITextField等等。在实现一个简单的ios 应用之前，我们首先来看ios开发中一些基本的概念。视图控制器（View Controllers）视图控制器是MVC（Modl-View-Controller）模式的逻辑部分。按照字面意思，这个控制器能够控制某个视图。 UIViewController 苹果极力推崇MVC这种开发模式，并且帮我们实现了一个叫做UIViewController的控制

08

iOS开发常用之网络

表相关与的TabBar SWTableViewCell - 国内开源作者，带很多手势的表单元格。 MCSwipeTableViewCell - 带很多手势的表单元格。 TMQuiltView - 瀑布流。 XRWaterfallLayout - 超简单的瀑布流实现，实现说明。 WaterfallFlowDemo - 一个简单的UICollectionView瀑布流布局演示demo。 XLForm - 很多表格类的表，写法更高冷一点，推荐使用。 Eureka.swift - Eur

01

weex-20-scroller组件

scroll-direction 值为horizontal 水平滚动,值为vertical 垂直滚动

02

手把手小程序开发【3-小程序组件】】

小程序的前端界面，都是有相关的组件组成的。小程序组件的概念和HTML标签类似，虽然名称、属性和Html标签不太一样，但是实现效果和写法是类似的。

01

问题——持续更新

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/48552831

02

『教程』微信小程序--图片相关问题合辑

最近有注意到，很多同学在社区求助图片上传、加载、效果处理等相关的问题，这期专程做这样一个汇总供大家学习参考。图片上传相关文章微信小程序多张图片上传功能微信小程序开发(二)图片上传微信小程序上传一或多张图片微信小程序实现选择图片九宫格带预览 ETL：微信小程序之图片上传微信小程序wx.previewImage预览图片微信小程序之预览图片小程序开发：上传图片到腾讯云 .NET开发微信小程序-上传图片到服务器微信小程序本地图片处理--按屏幕尺寸插入图片 [微信小程序]上传图片到阿里云OSS Py

如何在 SwiftUI 中创建悬浮操作按钮

悬浮操作按钮（Floating Action Button, FAB）是一种在 Android 和 Material Design 中使用的 UI 元素。它用于触发特定屏幕的主要操作。

03

React Native之ScrollView控件详解

概述 ScrollView在Android和ios原生开发中都比较常见，是一个滚动视图控件。在RN开发中，系统也给我们提供了这么一个控件。不过在RN开发中，使用ScrollView必须有一个确定的高度才能正常工作，因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器（通过滚动操作）。所以，要给一个ScrollView确定一个高度的话，要么直接给它设置高度（不建议），要么确定所有的父容器都已经绑定了高度。在视图栈的任意一个位置忘记使用{flex:1}都会导致错误。 Scroll

07

写给初学者的Jetpack Compose教程，Lazy Layout

经过前面4篇文章的学习，相信大家都已经成功入门了Compose编程。不仅了解了Compose的核心编程理念（声明式UI），而且已经可以使用Compose编写一些简单的小程序了。

01

速读原著-Android应用开发入门教程(作为简单容器使用的视图组)

单选按钮组（RadioButton）是一组逻辑上相关的按钮，它们之中只能有一个被选中，单选按钮通常单选按钮被设计成圆形的外观。因此需要一个类将各个单选按钮包含在一起。

01

零基础入门 19： UGUI ScrollBar

通常在实际项目中，对ScrollBar的应用非常简单，主要用于配合TableView或者ScrollView来进行使用，下一节我们将说明一下Unity里的ScrollView即滚动视图。这篇先来说一下ScrollBar这个组件，也为下一张做一个铺垫。

02

深入了解 SwiftUI 5 中 ScrollView 的新功能

为可滚动容器的内容或滚动指示器（Scroll Indicator）添加外边距（Margin）。

02

用AutoLayout实现分页滚动

UIScrollView的pagingEnabled属性用于控制是否按分页进行滚动。在一些应用中会应用到这一个特性，最典型的就是手机桌面的应用图标列表。这些界面中往往每一页功能都比较独立，系统也提供了UIPageViewController来实现这种分页滚动的功能。实现分页滚动的UI实现一般是最外层一个UIScrollView。然后UIScrollView里面是一个总体的容器视图containerView。容器视图添加N个页视图，对于水平分页滚动来说容器视图的高度和滚动视图一样，而宽度则是滚动视图的宽度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致，对于垂直分页滚动来说容器视图的宽度和滚动视图一样，而高度则是滚动视图的高度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致。每个页视图中在添加各自的条目视图。整体效果图如下：

04

UIScrollView的一步步实现1 简介1.1 工作原理1.2 UIScrollView常见的几个重要控件1.3 UIScrollView常见的重要属性1.4 手工代码实现拖动2 三个重要属性的进

1 简介 UIScrollView 是负责滚动的视图。苹果最强大的地方就在于其良好的UI展示，和UE体验。如果不会很好的使用UIScrollView，就等于丧失了苹果一般的法力。移动设备的屏幕大小是极其有限的，因此直接展示在用户眼前的内容也相当有限。当展示的内容较多，超出一个屏幕时，用户可通过滚动手势来查看屏幕以外的内容。普通的 UIView 不具备滚动功能，不能显示过多的内容。 UIScrollView是一个能够滚动的视图控件，可以用来展示大量的内容，并且可以通过滚动查看所有的内容 1.1 工作原理

06

Android开发笔记（三十五）页面布局视图

布局视图有五类，分别是线性布局LinearLayout、相对布局RelativeLayout、框架布局FrameLayout、绝对布局AbsoluteLayout、表格布局TableLayout。其中最常用的是LinearLayout，它适用于包括简单布局在内的多数情况；其次常用的是RelativeLayout，它适用于一些复杂布局，主要是对相对位置要求较多的情况；再次就是FrameLayout，它一般用于需要叠加展示的场合，比如说给整个页面设置一个背景布局等等。AbsoluteLayout和TableLayout实际中很少用，基本不用关心。另外还有纵向滚动视图ScrollView，以及横向滚动视图HorizontalScrollView，其作用顾名思义便是让它们的子视图可以在某个方向上滚动罢了。

03

iOS学习笔记——滚动视图（scrollView）

滚动视图：在根视图中添加UIScrollViewDelegate协议，声明一些对象属性

01

Android中文API——ScrollView

Android中文翻译组：http://androidbox.sinaapp.com/

03

微信小程序基本组件概述

为了更好的理解微信小程序，本文90%文字描述来源于官网的介绍。官网原链接https://mp.weixin.qq.com/debug/wxadoc/dev/component/?t=20161222

Ios常用第三方框架（二）

图表 PNChart - 国内开源作者，动态的图表。 swift-linechart - 功能完整、实用的折线图组件。使用方便，参数配置简单。是不可多得的优质组件--swift。 ios-charts - 一款优秀 Android 图表开源库 MPAndroidChart 的 Swift 语言实现版（支持 Objective-C 和 Swift 调用）。缺省提供的示例代码为 Objective-C。 TEAChart - xhacker/TEAChart 一个简洁的 iOS 图表库，支持柱状图、饼图

06

移动跨平台框架ReactNative滚动视图ScrollView【17】

低头一族的我们，每天花大把大把的时间拉啊拉啊。当屏幕的内容超过一屏时，我们很熟练的往上拉一点就可以看到剩下的内容了，这时候右边还会滚动条告诉我们这是可以往上拉的。

02

iOS开发UIScrollView使用详解原

@property(nonatomic)CGPoint contentOffset;

03

【Android从零单排系列二十七】《Android视图控件——HorizontalScrollView》

小伙伴们，在上文中我们介绍了Android视图组件ScrollView，本文我们继续盘点，介绍一下视图控件的HorizontalScrollView。

01

一个简单的图片浏览器

❝实现拖拽图片到窗口显示，如果图片过大会出现滚动条，让看图片更方便。 ❞ 实现使用QLabel显示图片。使用QScrollArea实现图片过大时的滚动视图。拖拽图片到窗口重写dragEnter

04

Material Design初露锋芒之复杂视图轻松实现

许多程序员有这样的疑问：现有的知识能满足工作需要了，为什么还要费劲去学习Material Design？那么我可以告诉你，Material Design大大节约了UI上的开发时间，而学会她(满足日常使用)只需花一点点功夫。

02

微信小程序|scroll-view组件

小程序的视图容器组件分为五个组件，分别是view组件、scroll-view组件、swiper组件、movable组件与cover组件，如图2.1。这里介绍scroll-view组件的用法。

02

swift - 带进度的无限轮播barnerswift - 带进度的无限轮播barner

swift版本的带进度的无限轮播头部bar。 HRCycleView基于UICollectionView来实现。功能包含：支持单张图片支持带进度条样式支持持续时间自定义支持本地图片显示，网路

02

微信小程序开发（常用标签用法-第一篇）

官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/text.html

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭