如何在整个屏幕上滚动表格视图

     2023-03-04     169

关键词:

【中文标题】如何在整个屏幕上滚动表格视图【英文标题】:How to scroll table view with the whole screen 【发布时间】:2019-05-21 15:59:47 【问题描述】:

我想在我的视图控制器中滚动并显示整个 table view

像这样,我希望collection view在滚动时向上移动,table view的内容将显示在整个屏幕上。

但我现在得到的是表格视图在表格视图部分内滚动,而集合视图没有向上移动。

这是我的视图控制器的层次结构,我在 Scroll View 中有 Collection ViewTable View

我检查了this post 和this post,但没有工作。

【问题讨论】:

【参考方案1】:

您可以在tableView's headerView中添加collectionView,而不是在controller'sview中单独添加collectionView

1.创建一个自定义UIView - HeaderView,其中将包含一个UICollectionView

class HeaderView: UIView 
    @IBOutlet weak var collectionView: UICollectionView!

    //Add collectionView dataSource and delegate methods here

2. 将上面创建的HeaderView 添加为tableView's headerView 在您的controller 中。

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate 
    @IBOutlet weak var tableView: UITableView!

    override func viewDidLoad() 
        super.viewDidLoad()
        //Here.....
        if let headerView = Bundle.main.loadNibNamed("HeaderView", owner: self, options: nil)?.first as? HeaderView 
            self.tableView.tableHeaderView = headerView
        
    

    //add UITableViewDataSource and UITableViewDelegate methods here...

故事板中 - 在 controller 中添加 tableView 并将其 - top, bottom, left and right constraints 固定到 controller's view

输出:

【讨论】:

嗨,但是这样我不能将集合视图单元格添加到标题视图 xib 并将 segue 添加到 didSelectItemAt 函数? 在单独的 xib 中创建 collectionViewCell,而不是使用 segue,您可以以编程方式导航。 对不起,我没有说清楚。我想点击不同的collectionViewCell 并推送到不同的ViewController。但是我不能在xib文件中使用self.navigationController?.pushViewController(desVC, animated: true)【参考方案2】:

您可以尝试将集合视图放在一个单元格中,并将该单元格作为表格视图中的第一行。

【讨论】:

如何在不像 Whatsapp 那样遮挡整个屏幕的情况下禁用表格视图?

】如何在不像Whatsapp那样遮挡整个屏幕的情况下禁用表格视图?【英文标题】:HowdoIdisableatableviewwithoutobscuringtheentirescreenlikeinWhatsapp?【发布时间】:2018-05-0314:16:37【问题描述】:如何禁用表格视图而不像在Whatsapp中那样遮挡整个... 查看详情

如何在不向用户显示视图的情况下捕获整个滚动视图的图片

】如何在不向用户显示视图的情况下捕获整个滚动视图的图片【英文标题】:Howtocapturepicturesofthewholescrollviewwithoutshowingtheviewtotheuser【发布时间】:2019-02-2712:08:45【问题描述】:我正在我的应用程序中实现打印功能,我希望将屏... 查看详情

如果在Android中占据整个屏幕,如何滚动和查看列表视图下方的元素?

】如果在Android中占据整个屏幕,如何滚动和查看列表视图下方的元素?【英文标题】:HowtoscrollandviewanelementbelowalistviewifittakesuptheentirescreeninAndroid?【发布时间】:2020-10-1610:18:52【问题描述】:我在我的布局结帐车的ListView如果用... 查看详情

表格视图在它上面的视图下滚动而不是它

...notwithit【发布时间】:2016-04-1915:46:17【问题描述】:我在屏幕顶部(导航栏下方)有一个视图。视图下方是表格视图。问题是当我向下滚动表格时,它会在屏幕顶部的视图下滚动。我希望顶部的视图与表格视图一起滚动。有人可... 查看详情

如何只滚动单元格而不是整个表格视图? [关闭]

】如何只滚动单元格而不是整个表格视图?[关闭]【英文标题】:Howtoscrollcellsonlyandnottheentiretableview?[closed]【发布时间】:2013-05-3007:55:12【问题描述】:如何禁用tableview滚动但允许单元格在部分内滚动,类似于iPad的路径如何处理... 查看详情

使用 UITableView 在 UITableView 上自动滚动 UIImageView

...图滚动时上下移动图像视图,以便表格视图最终可以占据整个屏 查看详情

如何在滚动视图中填充图像以填充屏幕?

】如何在滚动视图中填充图像以填充屏幕?【英文标题】:HowcanIfillimageinscrollviewtofillscreen?【发布时间】:2020-03-0418:20:24【问题描述】:我在玩滚动视图,但遇到了一个问题。我在Storyboard中创建了一个视图控制器。视图控制器包... 查看详情

如何向整个活动添加滚动视图?(代码片段)

...无法阅读整个描述,因为它很长并且低于我的屏幕边缘。如何让whoel事物可滚动?我的xml看起来像这样:<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:an 查看详情

内容超出了 ViewController 视图,如何通过滚动在屏幕上显示冗长的内容?

】内容超出了ViewController视图,如何通过滚动在屏幕上显示冗长的内容?【英文标题】:ThecontentexceedstheViewControllerview,Howcouldishowmylengthycontentsinscreenbyscrolling?【发布时间】:2017-06-2610:36:53【问题描述】:我有更多超过ViewController高... 查看详情

Swift - 找出哪个表格视图单元占据了大部分屏幕

...当您滚动表格视图时,您可以让一个表格视图单元格占据整个屏幕。或者您最多可以同时在应用程序的屏幕上看到2个表格视图单元格。我的问题是:有什 查看详情

如何防止表格视图滚动到视图后面?

】如何防止表格视图滚动到视图后面?【英文标题】:HowdoIpreventtableviewscrollingbehindaview?【发布时间】:2017-04-0718:19:51【问题描述】:在TableViewController中,我有一个带有消息的半透明覆盖视图。覆盖正确地显示在TableViewController上... 查看详情

是否可以使滚动视图不覆盖整个屏幕?

我想知道是否有可能创建一个不覆盖整个iOS屏幕的ScrollView。我创造了一种我想象的视觉渲染。答案对的,这是可能的。将UIScrollView类用于滚动内容视图superview,并手动或使用autolayout将其放在视图控制器的根视图中。任何方法的... 查看详情

如何使用具有不同滚动方向的多个collectionview滚动整个屏幕

】如何使用具有不同滚动方向的多个collectionview滚动整个屏幕【英文标题】:Howtoscrollwholescreenwithmultiplecollectionviewthathavedifferentscrolldirections【发布时间】:2018-04-0312:44:40【问题描述】:我想要两个像这样滚动的集合视图:thegoal我... 查看详情

通过整个屏幕移动文本视图

】通过整个屏幕移动文本视图【英文标题】:Movingtextviewthroughwholescreen【发布时间】:2012-05-2808:08:11【问题描述】:我开发了一个全屏显示时间的应用程序。小时、分钟和秒显示在屏幕中间。所以我的目标是,当我长按任何文本... 查看详情

在单元格内显示整个表格视图

...表大小[和行数,以及每行大小]根据显示的内容而变化。如何将单元格(包含表格)的自动调整大小属性与必须同时显示所有内容的表格相关联?目前 查看详情

表视图单元格仅在屏幕外时自动布局

】表视图单元格仅在屏幕外时自动布局【英文标题】:TableViewCellsonlyAutoLayoutwhenoffscreen【发布时间】:2014-10-0501:31:25【问题描述】:我正在使用AutoLayout,并且由于某种原因,一旦TableView加载:屏幕上的第一对表格视图单元格没有... 查看详情

如何使视图控制器可滚动?

】如何使视图控制器可滚动?【英文标题】:Howtomakeaviewcontrollerscrollable?【发布时间】:2012-07-2711:28:27【问题描述】:我有一个视图控制器,我在它上面解析来自服务器的数据并在屏幕上显示一篇文章。现在文章可以有从10个字... 查看详情

创建动画表格视图[关闭]

...看到的那样,单元格在被拖动后会精确地覆盖整个屏幕。如何实现?【问题讨论】:【参考方案1】:在滚动视图中,只需 查看详情