ios 顶部带有标签栏的自定义 uitableview

Posted

技术标签:

【中文标题】ios 顶部带有标签栏的自定义 uitableview【英文标题】:custom uitableview with a tab bar on top ios 【发布时间】:2013-05-01 01:22:57 【问题描述】:

http://www.iospirations.com/component/iphoneinspirations/detail/198-burgerquest

截图

                                 

我想知道创建这样的屏幕需要知道什么。我想设计带有标签的表格以及底部的按钮,这似乎是一个标签栏。我环顾四周,我想我可能需要创建一个自定义容器类来将标签栏重新定位到表格顶部的标签位置。但似乎底部也有一个标签栏。我不确定是否可以在一个视图中创建标签栏。如果有人能指出我正确的方向,我将不胜感激。

【问题讨论】:

【参考方案1】:

这是您需要遵循的步骤才能制作以下视图:-

1:获取一个 UITabBarController 并将其设置为应用程序窗口的 rootViewController。

2:现在将五个 Tab 添加到此 UITabbarController 。

3:为每个 Tab 分别添加五个单独的 UINavigationController。

4:现在分别向 UINavigationController 添加五个不同的 UIViewController。

5:现在创建一个自定义标签栏:

5.1 : 创建自定义 Tabbar 的方法之一是获取 Tabbar 高度的 UIView 并添加 UIButtons 作为 Tab 到 Tabbar。

6:将自定义 tabBar 添加到 MainWindow 。在自定义上选择各种按钮 tabbar 更改应用程序 UITabbarController 的 setSelectedIndex。

7:现在如何创建您在屏幕截图中显示的视图,

7.1:在 UITableView 的顶部获取两个按钮(在您的情况下为“Last”和“Top 10”)。 现在,每当用户单击任何按钮时,都会更改背景图像(图像 指示选定状态)用于该按钮,并同时更改图像 用于其他按钮(表示未选中状态的图像)。

7.2:每次使用不同的按钮单击任何按钮时,也会重新加载 tableView 两个按钮的数据

8:您可以创建自定义 UITableViewCell 以便在 TableView 中创建行。 这是解释如何创建自定义 UITableViewCell 的链接:- http://mobile.tutsplus.com/tutorials/iphone/customizing-uitableview-cell/

【讨论】:

感谢您的指导。我会按照你列出的内容进行操作,希望我也能做出我需要的东西。感谢您的帮助。 @user2337981 不客气。如果您为我的努力投票支持我,我将不胜感激 看起来很像黑客。有什么简单的方法可以做到这一点吗?【参考方案2】:

如果我从头开始执行此操作,我会在底部使用 UITabBar,在顶部使用 UISegmentedControl。这些都可以自定义为您正在寻找的任何样式(只要您使用的是 iOS5+)。

【讨论】:

谢谢,我会调查的。 UISegmentedControl 从上下文的角度来看似乎是合乎逻辑的。此外,当您部署跨平台时,它很容易移植。【参考方案3】:

在回答您的一小部分问题时,多个标签栏是绝对不可以的。一个标准的 UITabBarViewController 只打算作为一个窗口的根视图控制器。它可能会起作用,但最终会在 iOS 更新中中断。去过那里。

【讨论】:

以上是关于ios 顶部带有标签栏的自定义 uitableview的主要内容,如果未能解决你的问题,请参考以下文章

iOS7上带有标签栏的奇怪顶部空间

两个带有搜索栏的自定义单元格

带有上下文操作栏的自定义列表视图上的选定项目

UICollectionViewCell 内带有 UITableView 的自定义单元格

react-bootstrap - 导航栏的自定义容器类?

如何将我的目标视图放在标签栏的顶部?