如何使用角落上方的关闭按钮创建视图?

Posted

技术标签:

【中文标题】如何使用角落上方的关闭按钮创建视图?【英文标题】:How to create view with close button above the corner? 【发布时间】:2011-02-15 20:26:28 【问题描述】:

您通常如何使用左上角的按钮创建视图以创建类似于图片上呈现的视图?

我是否必须简单地将带有图像的按钮放在角落上?还是有一些最佳实践? :) 只是想知道。

【问题讨论】:

【参考方案1】:

您将为 X 和 Y 放置按钮的偏移量,如 -10 (如果您的按钮约为 30x30)

在您的示例中,这看起来像 Pro Switcher,只需查看那里的源代码,看看他是如何做到的。

【讨论】:

【参考方案2】:

查看 Matt Gemmell 撰写的关于他的“收藏夹”应用的 UI 设计的文章。他专门讨论了那些“关闭”按钮。

Favorites UI design

【讨论】:

【参考方案3】:

在父视图中创建按钮并将其框架设置为靠近您的子视图

button = [UIButton buttonWithType:UIButtonTypeCustom];
[button addTarget:self 
               action:@selector(aMethod:)
     forControlEvents:UIControlEventTouchDown];
button.backgroundColor = [UIColor clearColor];
[button setBackgroundImage:[UIImage imageNamed:@"close_button.png"] forState:UIControlStateNormal];
button.frame = CGRectMake(0, 80, 30, 30);
[self.view addSubview:button];

【讨论】:

以上是关于如何使用角落上方的关闭按钮创建视图?的主要内容,如果未能解决你的问题,请参考以下文章

如何将关闭按钮添加到 UIModalPresentationPageSheet 中显示的模态视图角?

如何在 Swift 中的集合视图上方添加水平按钮堆栈?

如何在Activity的角落放置circularImage关闭按钮

如何在 swiftUI 视图中使用按钮? [关闭]

创建具有多个对象/层的视图 [关闭]

将关闭按钮添加到 UIModalPresentationPageSheet 角落