iOS 自定义按钮和滚动视图,如 venmo

Posted

技术标签:

【中文标题】iOS 自定义按钮和滚动视图,如 venmo【英文标题】:iOS custom buttons and scroll view like venmo 【发布时间】:2013-06-06 07:11:21 【问题描述】:

您如何在 venmo 中创建如下所示的“设置”、“通知”和“兑现”按钮?此外,他们使用的滚动视图是 UIScrollView 还是修改后的 UITableView?我不知道如何将按钮或带有余额信息和名称的图片添加到UITableView

【问题讨论】:

很可能是分组样式的普通表格视图。看起来比较直接。我会建议你浏览一堆关于 UITableView 的教程,并彻底检查它的规范。确保您了解单元重用的概念以及如何构建自定义单元。都在里面! 【参考方案1】:

    对于这个例子,我认为使用UITableView 比构建UIScrollView 的自定义子类更容易。如果要自定义表格视图单元格的外观,请使用UITableViewStylePlain 样式初始化表格视图,并在–[UITableViewDataSource tableView:cellForRowAtIndexPath:] 中为每个UITableViewCell 赋予适当的backgroundViewselectedBackgroundView

    对于“设置”、“通知”和“兑现”按钮,只需将它们添加为第一部分第一行中单元格的子视图。使用-[UIButton setTitle:forState:]-[UIButton setImage:forState:] 分别给每个按钮一个标题和图像。设置UIButton 属性titleEdgeInsets 和/或imageEdgeInsets,以便每个按钮的标题显示在其图像下方。

    要在顶部添加带有名称、简介和余额的图片,请使用 UITableViewtableHeaderView 属性。在-[UIViewController viewDidLoad] 中,使用所需的高度初始化UIView *tableHeaderView 并为其赋予子视图,例如pictureButtonnameLabelbioTextViewbalanceLabel。然后,self.tableView.tableHeaderView = tableHeaderView

【讨论】:

【参考方案2】:

他们使用了tableView。它包含 3 个部分。他们在每个部分都更改了 customCell。在 cellForRow 委托方法中,您将获得部分。因此,您可以更改单元格。在 CustomCell 中,您可以添加任何视图,例如按钮。

【讨论】:

不在单元格中的顶部怎么办? ^是的,但我想我发现它只是一个 tableView 标题而不是部分标题 你也知道如何调整组的角半径吗? 试试hanspinckaers.com/…也试试***.com/questions/1106861/…

以上是关于iOS 自定义按钮和滚动视图,如 venmo的主要内容,如果未能解决你的问题,请参考以下文章

iOS:滚动表格视图时隐藏和显示自定义导航栏

如何为 iOS 应用创建自定义容器视图?

滚动时更新自定义列表视图失败

UITableView 中滚动的自定义视图

如何在 iOS 开发中处理自定义事件?

在自定义表格视图 ios 中显示按钮