开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使父视图和子视图都可滚动

在前端开发中，要实现父视图和子视图都可滚动，可以采用以下几种方法：

使用CSS属性overflow：auto或overflow：scroll：通过给父视图和子视图添加overflow属性，并设置为auto或scroll，可以实现在内容溢出时显示滚动条，从而实现滚动效果。这种方法适用于简单的滚动需求。
使用JavaScript库：例如，可以使用iscroll.js、better-scroll等JavaScript库来实现更复杂的滚动效果。这些库提供了更多的滚动选项和功能，如下拉刷新、无限滚动等。
使用CSS属性position：fixed：如果父视图和子视图的高度固定，并且不需要滚动时，可以将父视图和子视图的position属性设置为fixed，这样它们就会固定在页面上，不会随页面滚动而滚动。
使用CSS属性flexbox布局：使用flexbox布局可以实现父视图和子视图的自适应布局，并且在内容溢出时自动显示滚动条。通过设置父视图的display属性为flex，子视图的flex属性为1，可以实现父视图和子视图都可滚动的效果。

以上是几种常见的实现父视图和子视图都可滚动的方法，具体选择哪种方法取决于具体的需求和场景。

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

腾讯云官网：https://cloud.tencent.com/
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai

相关搜索:同时为父视图和子视图制作动画当选择滚动视图子视图在子视图位置滚动时如何使此滚动视图可滚动？如何用子滚动视图滚动父列表视图，还有什么方法可以将父滚动停止到特定的级别？如果子视图采用整个父视图的宽度和高度，如何使FrameLayout父视图可点击？使集合视图向左和向右滚动如何使滚动视图动画化？如何使SwiftUI视图可滚动？AutoLayout:子视图超越父视图的界限如何在子视图中访问/修改父视图变量？如何模糊父视图，同时保持子视图不模糊如何使列表视图在滚动视图中可扩展如何使UIView作为滚动视图工作如何使回收器视图可滚动如何使BottomTabNavigator不覆盖滚动视图？Laravel 5.4在子视图之前呈现父视图 iOS:父视图覆盖的子视图的阴影如何在父视图上显示不断增长的子视图如何根据父视图的高度设置子视图的宽度？如何将子视图独立移动到父视图中？

相关搜索:

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

有帮助

没帮助

相关·内容

Android中文API——ScrollView

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

03

RecyclerView滚动到指定位置的一种姿势。

其实这个问题没有什么难度了，下面的两种方式都可以实现，但是效果可能并不是我想要的。

03

MyLayout&TangramKit 的重大升级!

MyLayout和TangramKit是一套基于frame之上的UI界面布局库的OC版本和Swift版本。目前最新版本升级为MyLayout1.7.0和TangramKit1.4.0。 ?OC1.7

02

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

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

01

掌握 ViewThatFits

在 iOS 16 中，SwiftUI 增加了一个新的自适应布局容器 ViewThatFits。正如其名称所示，它的作用是在给定的多个视图中找出最合适的视图并使用。对于大多数人来说，这是一个简单易用的容器。不过，本文打算对其进行彻底的剖析，包括规则细节、理想尺寸的含义、使用示例等。最后，我们将创建一个复刻版本的 ViewThatFits，以加深对其的认识和理解。

01

iOS开源界面布局库终于破3000star

经过几年的打磨和多次的重构，我的iOS开源界面布局库MyLayout的star数量终于在2018年8月6号破3000了！有图为证：

04

IOS开发之视图和视图控制器

视图(View), 视图控制器（ViewController）是IOS开发UI部分比较重要的东西。在学习视图这一块的东西的时候，感觉和Java Swing中的Panel差不多。在UIKit框架中都有一个UIWindow来容纳我们的View。应用程序中几乎全部的可视控件都是UIView以及UIView的子类的实例，并且UIWindow也是UIView的子类。UIWindow可以不借助于父类视图显示在屏幕上，其余的视图都需要添加到父视图中才能显示。窗口是用来显示视图的，下面我们将会结合着实例来具

07

iOS界面布局的核心以及TangramKit介绍

TangramKit是iOS系统下用Swift编写的第三方界面布局框架。他集成了iOS的AutoLayout和SizeClass以及Android的五大容器布局体系以及HTML/CSS中的float和flex-box的布局功能和思想，目的是为iOS开发人员提供一套功能强大、多屏幕灵活适配、简单易用的UI布局解决方案。Tangram的中文即七巧板的意思，取名的寓意表明这个布局库可以非常灵巧和简单的解决各种复杂界面布局问题。他的同胞框架：MyLayout是一套用objective-C实现的界面布局框架。二者的主体思想相同，实现原理则是通过扩展UIView的属性，以及重载layoutSubviews方法来完成界面布局，只不过在一些语法和属性设置上略有一些差异。可以这么说TangramKit是MyLayout布局库的一个升级版本。大家可以通过访问下面的github站点去下载最新的版本：

03

GeometryReader ：好东西还是坏东西？

GeometryReader 自 SwiftUI 诞生之初就存在，它在许多场景中扮演着重要的角色。然而，从一开始就有开发者对其持负面态度，认为应尽量避免使用。特别是在最近几次 SwiftUI 更新中新增了一些可以替代 GeometryReader 的 API 后，这种观点进一步加强。本文将对 GeometryReader 的“常见问题”进行剖析，看看它是否真的如此不堪，以及那些被批评为“不符预期”的表现，是否其实是因为开发者的“预期”本身存在问题。

07

Android视图绘制流程完全解析，带你一步步深入了解View(二)

在上一篇文章中，我带着大家一起剖析了一下LayoutInflater的工作原理，可以算是对View进行深入了解的第一步吧。那么本篇文章中，我们将继续对View进行深入探究，看一看它的绘制流程到底是什么

08

UIView layoutSubviews调用时机

1.init初始化的时候是不会触发的。但是调用initWiftFrame 并且参数fram不为0的时候会调用.换句话就是大小或者位置更改的时候调用。

02

浅汇－iOS UI布局

iOS中UI的布局是很重要的，而在前期开发中就要选定好布局的方法，因为这对整个工程乃至于后期的版本维护都有很重要的影响。本文从比较老的Frame到新生AutoLayout都进行了浅显的总结，希望对大家的UI布局学习有所帮助

02

Android下的Touch事件分发详解

在 Android 系统中，触摸事件的分发和处理是一个非常重要的部分。了解触摸事件的分发机制对于我们进行界面交互设计和优化具有重要意义。本文将详细介绍 Android 下的 Touch 事件分发机制，包括事件分发的过程、涉及的方法以及 ViewGroup 中事件分发的实现。

01

手把手教你读懂源码，View的绘制流程详细剖析

上一篇文章我们分析了View的加载流程，今天我们继续来深入学习View的绘制流程，接着上次的View绘制开始，同样使用的是Android 7.1源码。 1、回顾addView方法上篇文章从a

android之View绘制

Android系统的视图结构的设计也采用了组合模式，即View作为所有图形的基类，Viewgroup对View继承扩展为视图容器类，由此就得到了视图部分的基本结构--树形结构 View定义了绘图的基本

09

Android精通：View与ViewGroup，LinearLayout线性布局，RelativeLayout相对布局，ListView列表组件

对于Android应用程序中，所有用户界面元素都是由View和ViewGroup对象构建的。View是绘制在屏幕上能与用户进行交互的一个对象。而对于ViewGroup来说，则是一个用于存放其他View和ViewGroup对象的布局容器！

02

iOS 中的事件响应

iOS 中的事件响应者主要分为两类，分别为UIResponder及UIGestureRecognizer，其中UIControl是一种比较特殊的UIResponder，所以本文将事件响应者分为以下三种类型进行讨论。

01

安卓 View 和常见控件

很显然，我们可以用 View.getVisibility() 来检查一个它是否处于View.VISIBLE状态。这是最基本的检查，如果连这个方法得到的返回值都是View.INVISIBLE或者View.GONE 的话，那么它对用户肯定是不可见的。

01

【Android从零单排系列三十】《Android布局介绍——RelativeLayout》

小伙伴们，在上文中我们介绍了Android常见布局中的LinearLayout，本文我们继续盘点介绍Android开发中另一个常见的布局，相对布局RelativeLayout。

03

RunLoop总结：RunLoop的应用场景（三）滚动视图流畅性优化

今天要讲的RunLoop的应用场景可能太简单了，所以东西比较少。因为跟UITableView、UICollectionView等的滑动优化有关，就顺便总结一下会影响UITableView、UICollectionView等视图滑动流畅的因素。

04

SwiftUI 中布局的工作原理

在这个技术项目中，我们将探讨 SwiftUI 如何处理布局。有些事情已经解释过了，有些可能是你自己弄明白的，但更多的是你在这一点上想当然的事情，所以我希望一个详细的探索能真正为 SwiftUI 的工作方式提供一些启示。

02

【iOS 开发】从 setNeedsLayout 说起

本文从 setNeedsLayout 这个方法说起，分享与其相关的 UIKit 视图交互、使用场景等内容。

01

开源UI界面布局框架MyLayout1.9发布

MyLayout是一套功能全面的iOS开源UI界面布局框架。它囊括了前端所有流行的界面布局技术和解决方案，同时具有如下七大特点：

01

【Android开发基础系列】Layout布局专题

在 Android 中视图组是集合若干个控件在一起的元素，ViewGroup 有两种用法，一种是像普通的控件一样使用(如网页视图、旋转按钮、文本切换器、图像切换器、单选按钮组等)，另一种是作为布局容器使用(各种布局)。

02

iOS AutoLayout全解

AutoLayout简介 Autolayout是一种全新的布局技术，专门用来布局UI界面的，用来取代Frame布局在遇见屏幕尺寸多重多样的问题。Autolayout自iOS 6开始引入，但是由于X

06

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

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

02

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

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

03

iOS界面布局之一——使用autoresizing进行动态布局

autoresizing是iOS中传统的界面自动布局方式，通过它，当父视图frame变换时，子视图会自动的做出相应的调整。

02

iOS的MyLayout布局系列-流式布局MyFlowLayout

在我的CSDN博客中的几篇文章分别介绍MyLayout布局体系中的视图从一个方向依次排列的线性布局(MyLinearLayout)、视图层叠且停靠于父布局视图某个位置的框架布局(MyFrameLayout)、视图之间通过约束和依赖实现布局的相对布局(MyRelativeLayout)、以及多列多行排列的表格布局(MyTableLayout)、以及本文将要介绍的流式布局(MyFlowLayout)这5种布局体系。这些视图布局的方式都有一些统一的特征，都要求必须将子视图放入到一个特殊的视图中去，我们称这些特殊的视图为布局视图(Layout View)。这些布局视图都有一个共同的基类：基础布局视图(MyBaseLayout)。同时我们还为视图建立了很多扩展的属性来进行位置和尺寸的设置，以及我们还专门建立了服务某些布局视图的视图扩展属性。在这些扩展属性中：用于定位视图位置的类是MyLayoutPos类，这个类可以用来决定视图的上、下、左、右、水平居中、垂直居中六个方位的具体值；而用于决定视图尺寸的类是MyLayoutSize类，这个类可以用来决定视图的高度和宽度的具体值；用于决定视图排列布局方向的是枚举MyLayoutViewOrientation类型，方位类型定义了垂直和水平两个方位；用于决定视图停靠区域的MyGravity枚举类型，枚举类型定义了14种停靠的区域类型，这里要分清楚的是MyGravity和MyLayoutPos的区别，前者是用来描述某个具体的方位，而后者则是用来某个方位的具体位置；用于描述子视图和布局视图四周内边距的padding属性，这个属性只用于布局视图；用于描述布局视图的尺寸大小由子视图整体包裹的wrapContentWidth,wrapContentHeight的属性；用于描述苹果各种屏幕尺寸适配的MySizeClass定义，以及具体的实现类MyLayoutSizeClass类。这些属性和类共同构建了出了一套完整的iOS界面布局系统。下面是这个套界面布局体系的类结构图：

03

SwiftUI 布局 —— 尺寸（上）

在 SwiftUI 中，尺寸这一布局中极为重要的概念，似乎变得有些神秘。无论是设置尺寸还是获取尺寸都不是那么地符合直觉。本文将从布局的角度入手，为你揭开盖在 SwiftUI 尺寸概念上面纱，了解并掌握 SwiftUI 中众多尺寸的含义与用法；并通过创建符合 Layout 协议的 frame 和 fixedSize 视图修饰器的复制品，让你对 SwiftUI 的布局机制有更加深入地理解。

02

CSS中的float定位技术在iOS上的实现

几乎所有会WEB前端开发的同学都知道CSS中有一个float属性用于实现HTML元素的浮动定位展示。float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围。不过在 CSS 中，任何元素都可以浮动，假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。浮动布局主要用于那些图文环绕以及实现一些界面不规则排列的场景，并且浮动定位技术在WEB前端开发中应用的非常普遍。

02

SwiftUI 布局协议 - Part 1

今年 SwiftUI 新增最好的功能之一必须是布局协议。它不但让我们参与到布局过程中，而且也给了我们一个很好的机会去更好的理解布局在 SwiftUI 中的作用。

01

Android中View绘制流程详细介绍

Window即窗口，这个概念在AndroidFramework中的实现为android.view.Window这个抽象类，这个抽象类是对Android系统中的窗口的抽象。在介绍这个类之前，我们先来看看究竟什么是窗口呢？

02

View绘制流程

1. View 树的绘图流程当 Activity 接收到焦点的时候，它会被请求绘制布局,该请求由 Android framework 处理.绘制是从根节点开始，对布局树进行 measure 和 dr

05

翻译_iOS视图编程指南(View Programming Guide for iOS)之视图和窗口体系

前些日子，我发布一个苹果官方文档的翻译，之后就有不少同学朋友问我：翻译苹果官方文档能做什么，开发过程用到的时候很少,浪费时间，还又没什么用。今天，刚好有时间，就在此申明一下翻译苹果官方文档的实质作用：

04

用AutoLayout实现分页滚动

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

04

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

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

04

UIview

序：本文翻译自苹果官方文档，自己想系统的了解每个控件的官方解释。只翻译了部分，详情见官方文档。

01

屏幕宽高不够，滚动视图ScrollView来凑

前面几期学习了ProgressBar系列组件、ViewAnimator系列组件、Picker系列组件和时间日期系列组件，接下来几期继续来学习常见的其他组件。一、ScrollView概述从前面的学习有的同学可能已经发现，当拥有很多内容时屏幕显示不完，显示不全的部分完全看不见。但是在实际项目里面，很多内容都不止一个屏幕宽度或高度，那怎么办呢？那就需要本节学习的ScrollView来完成。在默认情况下，ScrollView只是为其他组件添加垂直滚动条，如果应用需要添加水平滚动条，则可

06

layoutSubviews 调用

学习了一下UIView的setNeedsDisplay和setNeedsLayout方法。首先两个方法都是异步执行的。而setNeedsDisplay会调用自动调用drawRect方法，这样可以拿到UIGraphicsGetCurrentContext，就可以画画了。而setNeedsLayout会默认调用layoutSubViews，就可以处理子视图中的一些数据。宗上所诉，setNeedsDisplay方便绘图，而layoutSubViews方便出来数据。 \

05

Android中的视图焦点Focus的详细介绍

在非触摸屏设备中接收事件和处理响应的控件是具有焦点(Focused)的控件。一个窗口中一个时间内只能有一个具有焦点的控件。在早期具有滚轮设备的android系统中以及现在的智能TV电视应用中视图的焦点控制就非常重要了。而在触摸设备上通常默认情况下只有EditText控件才具有焦点，而我们通常会遇到的一个问题就是当进入一个具有EditText的界面时键盘就会自动弹出，而且有时候可能无法消失，但需求可能是进入时不弹出键盘。而这些所有的东西都是和视图的焦点有关，因此本文的重点就是介绍视图的焦点属性和方法，get到这些技术点后你就可以完全控制和使用这些特性了。

02

自定义View(九)-View的工作原理- View的layout()和draw()

上一节我们将View的测量流程理的差不多了，这篇我们来看下View的剩下的2大流程layout(布局)和draw(绘制)。相对测量来说，布局与绘制就简单了许多，所以我们将这的两大流程放在一起讲解。

02

iOS UIButton 点击无响应的解决办法

在日常开发中我们经常和按钮打交道，但是有时候会碰到比较难处理的问题，就是按钮不响应点击事件，这时候我们需要从下面几方面排查

01

iOS视图编程指南(View Programming Guide for iOS)(译)

官方最新：View Programming Guide for iOS 介绍关于窗口和视图在iOS中，你可以使用窗口和视图将你应用的内容呈现在屏幕上。窗口本身是不具备呈现可视化内容的功能的，但它可以用作装有应用视图的容器。视图可以规定在窗口的某一部分显示特定的内容。例如，你可能需要显示图片、文本、图形或者一些组合的视图。同时，你也可以使用视图去组织和管理其他的视图。概览每一个应用都至少有一个窗口和视图用以呈现内容，UIKit和其他的系统框架会提供一些预定义的视图用来呈现内容，这些视图从简单的按钮、文

04

iOS的MyLayout布局体系--浮动布局MyFloatLayout

在MyLayout的6大布局中，每种布局都有不同的应用场景。且每种布局的子视图的约束机制不一样：线性布局MyLinearLayout、表格布局MyTableLayout、流式布局MyFlowLayout、浮动布局MyFloatLayout这四种布局的子视图之间的约束是通过添加到父布局的先后顺序来决定的；框架布局MyFrameLayout中的子视图则只跟父布局视图有关，而跟添加的先后顺序无关；相对布局中MyRelativeLayout的子视图则是通过设置视图之间的依赖关系来建立约束的，而跟添加的先后顺序无关。即便如此，同一种界面功能在一些情况下都可以用任何一种布局来实现。在这些布局中相对布局因为是通过设定视图之间的依赖来建立一种布局约束，因此我们可以用他来构造一些复杂且无规律的界面布局，但其缺点则是太过于依赖约束，导致当界面调整时需要重新设定视图之间的依赖关系(iOS的AutoLayout其实就是一种相对布局的实现，布局时需要设置太多的约束，这也是我一直诟病AutoLayout的原因)。那么是否可以有一种方法不设置视图之间的依赖而来实现一些复杂的界面布局呢？这也就是我们推出浮动布局MyFloatLayout的原因。

03

UIView不可不知的秘密

前言： 1、在Mac OS中NSWindow的父类是NSResponder，而在iOS中UIWindow的父类是UIView。程序一般只有一个窗口但是会又很多视图。 2、UIView的作用：描画和动画，视图负责对其所属的矩形区域描画、布局和子视图管理、事件处理、可以接收触摸事件、事件信息的载体等等。我在前面详细介绍了setNeedsDisplay ， setNeedsLayout和layoutIfNeeded 详情请点击。下面介绍的是view添加以及删除时所触发的方法 // 当视图添加子视图

09

技术分享 | 想做App测试就一定要了解的App结构

APK 是 Android Package 的缩写，其实就是 Android 的安装包。通过将 APK 文件直接传到 Android 模拟器或 Android 手机中执行即可安装。

02

Laravel框架中Blade模板的用法示例

简介 Blade它不像其他流行的 PHP 模板引擎那样限制你在视图中使用原生的 PHP 代码，事实上它就是把 Blade 视图编译成原生的 PHP 代码并缓存起来。缓存会在 Blade 视图改变时而改变，这意味着 Blade 并没有给你的应用添加编译的负担。Blade 视图文件使用 .blade.php 后缀，一般情况下都被存储在 resources/views 目录。

02

禁止子视图响应父视图的点击事件

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

01

Flutter布局基础——Column竖直布局

Column-是竖直方向布局子视图的Widget，和Row相似，如果想要子视图充满，可使用Expanded把子视图包括起来。

05

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭