是否可以实现可扩展的表头视图?

     2023-03-10     62

关键词:

【中文标题】是否可以实现可扩展的表头视图?【英文标题】:Is it possible to achieve expandable table header view? 【发布时间】:2020-05-18 12:17:11 【问题描述】:

我已经实现了带有可扩展部分的表格视图,即用户选择的部分将具有该特定类别的项目数。对于封闭部分,将有 0 个项目。

现在为了更好的 UI 目的,我想实现以下类型的具有可扩展标题视图的表格视图?在这张图片中,我们可以看到该部分看起来像一个组,其中包含带有圆角和边框的项目。按照默认的UITableView,这种行为是不可能的。如果有人已经实施,请给出一些建议是否可行。

【问题讨论】:

你不能用部分和行来实现吗? 行总是在节之后开始。就我而言,部分的背景正在扩大。例如,查看“品牌”和“学习技能”标题视图 UI 之间的区别。 那么在这种情况下我会怎么做才能在桌子里面放桌子 那么,如何定义table view的高度? 外层还是内层?你有 2 个正确的数据集 【参考方案1】:
struct WrapperObject 
    var header : HeaderObject
    var listObject : [ObjectDetail]


struct HeaderObject 
    var id : String
    var isOpen : Bool


struct ObjectDetail 
    var id : String
    var detailInfo : String

在您的 VC 或数据源中。创造 : private var internalData : [WrapperObject]

设置数据后,在UITableView的delegate中

extension ViewController : UITableViewDelegate 
    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? 
            // TODO : Custom your own view
            // have a callback to set property isOpen =  true or false to the internalData.
            return UIView()
        
    

extension ViewController : UITableViewDataSource 

        func numberOfSections(in tableView: UITableView) -> Int 
            return internalData.count
        

        func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int 
            if internalData[section].header.isOpen 
                return internalData[section].listObject.count
             else 
                return 0
            

        

        func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell 
            return UITableViewCell() // TODO: custom your own cell
        
    

【讨论】:

是的,我明白你的问题。我只是为您的 tableView 创建一个示例模型以适应。好的,我已经更新了更多细节。 没错,但在我的情况下,UI 是唯一的问题。查看有问题的图像,其中标题视图 ID 在打开时会有所不同。它包含所有行,例如分组,这与实现简单的展开和折叠完全不同。 所以你的问题是每个部分的边框或会话标题的 UI。您的意思是 + 或 - 图标? 部分边框。看看Learning Skills。标题视图的行为类似于所有行的父视图。 好的,我明白了,很抱歉造成误解。在这种情况下,如果学习技能真的是一个标题,我认为您需要在该标题内创建一个表格视图。如果学习技能不像标题(总是顶部)看起来像那个单元格包含一个迷你表格视图

创建一个可扩展的 iOS 视图

...是UI开发的新手,所以不知道要使用哪个视图。UIScrollView是否足够?我要编码的功能是-能够向任何方向滚动。能够放大和缩小以查看图表的不同级别。能够保存用户所在的位置和缩放 查看详情

子类化 Flask 可插拔视图以实现可扩展功能的最佳方式

】子类化Flask可插拔视图以实现可扩展功能的最佳方式【英文标题】:BestwaytosubclassFlaskpluggableviewsforextensiblefunctionality【发布时间】:2019-01-1112:24:23【问题描述】:我正在构建一个web应用程序,其中不同的视图将具有不同数量的... 查看详情

可扩展列表视图默认选择

...图在活动打开时默认展开其中一个组并选择其子项。用户可以根据自己的要求更改选择。无论我创建什么都不能满足我的要求。可扩展列表允许用户选择多个选项。MainActivity:publicclassMain 查看详情

是否可以编写返回文本视图 HStack 的 func、方法、结构、扩展、类?

】是否可以编写返回文本视图HStack的func、方法、结构、扩展、类?【英文标题】:Isitpossibletowriteafunc,method,struct,extension,classthatreturnsaHStackofTextViews?【发布时间】:2020-08-2400:06:43【问题描述】:我想说我需要一个包含大量文本视... 查看详情

一个可扩展列表视图中有 2 个不同的列表视图

...该使用可扩展列表视图和两个列表来完成。但不知道如何实现它。我搜索了很多,但找不到答案。找到这个链接,但没有人回答这个人。https://***.com/que 查看详情

可扩展列表视图回收问题

...显示各种类别及其子项。我使用复选框来选择子项,以便可以从各种类别中选择多个子项。但是由于观点的回收,我在这里面临一个问题。当我展开类别并勾选其中子项的复选框时,然后当我单击另一个类别时,已经选中了一些... 查看详情

可扩展的 UICollectionViewCell

...层内容。我的第一个实现有一个自定义UICollectionViewCell,可以通过点击顶部按钮展开,但collectionview也不会展开。自动取款机。该单元格是集合视图中的 查看详情

是否可以使用自定义模板创建可扩展的ui网格作为ulli显示(代码片段)

...行的详细视图。我检查官方网站,但没有找到任何东西,是否有可能在ui-grid?谢谢答案您需要提供自己的expandableRowTemplate,显示该行的详细信息。例如,根据示例的Plunkr,请参阅此Plunkr:expandableRowTemplate.html:<div>row.entity.na... 查看详情

是否可以在viewpager android中只创建一个可滑动的视图

】是否可以在viewpagerandroid中只创建一个可滑动的视图【英文标题】:Isitpossibletocreateonlyoneviewswipeableinviewpagerandroid【发布时间】:2021-05-0107:29:36【问题描述】:我在我的应用程序中使用viewpager,我只想让一个视图可滑动。有没有... 查看详情

单击可扩展表视图中的子菜单时,我们可以导航到新视图吗?

】单击可扩展表视图中的子菜单时,我们可以导航到新视图吗?【英文标题】:CanwenavigatetoanewviewwhenclickingasubmenuinsideaExpandabletableview?【发布时间】:2016-10-1707:07:56【问题描述】:我有一个包含许多按钮的HRMS屏幕。我想根据更多... 查看详情

是否可以在 ExpandableListView 中为子项放置不同的布局?

】是否可以在ExpandableListView中为子项放置不同的布局?【英文标题】:itispossibletoputdifferentlayoutsforchilditemsinExpandableListView?【发布时间】:2015-05-1412:49:08【问题描述】:我是android的新开发人员,我正在尝试在可扩展列表视图中为... 查看详情

是否可以在共享扩展中打开全视图控制器,而不是弹出窗口(默认)

】是否可以在共享扩展中打开全视图控制器,而不是弹出窗口(默认)【英文标题】:IsitpossibletoopenfullviewcontrollerinShareextension,insteadofpopup(default)【发布时间】:2017-10-3105:13:01【问题描述】:我正在处理Shareextension并且我有一个与... 查看详情

工具栏,底部导航栏,可扩展列表视图(代码片段)

...发软件或工具,都会碰到。在手机开发的时候,可以进行导航、显示相应的标题等,使开发者不至于在应用程序中迷路。5.0使用Actionbar来实现,很多公司都会对该类进行定制,使用起来更加灵活。5.0之后使用To... 查看详情

XCode:是不是可以创建可重用的堆栈视图?

...【英文标题】:XCode:Isitpossibletocreatereusablestackviews?XCode:是否可以创建可重用的堆栈视图?【发布时间】:2016-02-2408:10:46【问题描述】:是否可以在故​​事板上创建可重用的堆栈视图,以便以后动态生成?一种模板/小部件/组... 查看详情

是否可以在颤动的可重新排序的列表视图中禁用对单个项目的重新排序?

】是否可以在颤动的可重新排序的列表视图中禁用对单个项目的重新排序?【英文标题】:Isitpossibletodisablereorderingasingleiteminareorderablelistviewinflutter?【发布时间】:2021-08-1209:03:49【问题描述】:我正在尝试创建一个满足以下条件... 查看详情

是否可以在android中屏蔽视图?

】是否可以在android中屏蔽视图?【英文标题】:IsitpossibletomaskaViewinandroid?【发布时间】:2011-09-2617:57:40【问题描述】:是否可以屏蔽视图?例如,如果我的设计要求列表视图在椭圆形开口内可见。有没有办法为视图创建蒙版?... 查看详情

将两个文本视图添加到可扩展列表视图的标题中

】将两个文本视图添加到可扩展列表视图的标题中【英文标题】:addingtwotextViewstotheheaderoftheexpandablelistview【发布时间】:2016-10-0209:47:42【问题描述】:我正在androidstudio中开发,我正在尝试使用可扩展列表视图。我想在每个部分... 查看详情

Xamarin 表单中具有不同子项的可扩展 ListView

...实现具有不同子视图的可扩展列表视图的任何建议。有人可以帮我吗?【问题讨论】:把你所有的内容放在一个StatckLayout中,你可以利用StackLayout的Is 查看详情