如何在 UIImageView 上制作可点击的 UIButton？

Question

我想创建一个 UIButton 以显示在 UIImageView 上。我的代码片段如下所示：

imageView = [[UIImageView alloc] initWithImage:image]; //initWithImage:image

imageView.userInteractionEnabled = YES; //to enable touch interaction with image



UIButton *btn = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[btn setTitle:@"ClickMe" forState:UIControlStateNormal];
[btn.titleLabel setFont:[UIFont systemFontOfSize:16]];


 btn.frame = CGRectMake(340, 550, 70, 50);

[btn addTarget:self action:@selector(onClickHotSpotButton)   forControlEvents:UIControlEventTouchUpInside]; //it wasnt working


[imageView addSubview:btn];
[self addSubview:imageView]; 

我的应用程序在我想要的图像部分精确显示按钮，但它不响应单击图像。相反，当我记录其检测输出时，它确实检测到单击。但我希望在选择时单击此按钮并执行某些功能。

提前致谢。

瓦希卜

Answer 1

我尝试过这个，它对我有用......

UIImageView * imageView = [[UIImageView alloc]init];
[imageView setImage:[UIImage imageNamed:@"image.jpeg"]];
[imageView setFrame:CGRectMake(10,10,300,300)];
[imageView setContentMode:UIViewContentModeScaleToFill];
[imageView setUserInteractionEnabled:TRUE];

UIButton * ButtonOnImageView = [[UIButton alloc]init];
[ButtonOnImageView setFrame:CGRectMake(135,120,60,30)];
[ButtonOnImageView setImage:[UIImage imageNamed:@"image.jpeg"] forState:UIControlStateHighlighted];
 [ButtonOnImageView setImage:[UIImage imageNamed:@"image2.jpeg"] forState:UIControlStateNormal];
[ButtonOnImageView addTarget:self action:@selector(OnClickOfTheButton) forControlEvents:UIControlEventTouchUpInside];

 [imageView addSubview:ButtonOnImageView];
 [self.view addSubview:imageView];

Answer 2

您只需使用一个按钮即可说出：

[UIButton setImage:[imageNamed:@"image.png"]];

Answer 3

1. 您必须添加自定义按钮。它将为您工作。

   UIButton *Button = [UIButton buttonWithType:UIButtonTypeCustom];

Answer 4

您需要将按钮添加为 a 的子类

滚动视图

不

图像视图

..
如果按钮是 uiimageview 的子类，则它将不可单击..
为每个按钮分配一个特殊标签以识别单击的按钮

希望这有帮助

Answer 5

尝试将按钮的用户交互设置为启用。

[btn setEnabled:YES];

因为 UIImageView 会将按钮的用户交互设置为默认禁用。

否则你可以尝试这个。只需更改最后两行即可。

将：替换

[imageView addSubview:btn];
[self addSubview:imageView]; 

为：

[self addSubview:imageView];
[self addSubview:btn];

确保首先添加图像视图，然后添加按钮，正如我所提到的。否则按钮将被放置在图像视图后面并且看起来是隐藏的。

Answer 6

如果它是可点击的图像，我更喜欢图像而不是按钮。

UIButton *sampleButton = [UIButton buttonWithType:UIButtonTypeCustom];
[sampleButton setFrame:CGRectMake(kLeftMargin, 10, self.view.bounds.size.width - kLeftMargin -      kRightMargin, 52)];
[sampleButton setTitle:@"Button Title" forState:UIControlStateNormal];
[sampleButton setFont:[UIFont boldSystemFontOfSize:20]];
[sampleButton setBackgroundImage:[[UIImage imageNamed:@"redButton.png"] stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0] forState:UIControlStateNormal];
[sampleButton addTarget:self action:@selector(buttonPressed) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:sampleButton];

Answer 7

我在我的一个应用程序中做了类似的事情。我创建了一个 xib 文件，其中包含一系列图像，每个图像的顶部都有一个按钮。我将它们连接到类文件中相应的插座。然后我找出了在 TouchesBegan 中单击的内容：

if(CGRectContainsPoint(btnFirstButton.frame, touchLocation)){
    //do something useful
}else if(CGRectContainsPoint(btnSecondButton.frame, touchLocation)){
    //do something useful
}

希望有帮助 - 对我有用:-)

Answer 8

我能够在 UIImageVIew 上显示 UIButton，这是更新代码。我在底部提到了最近的问题。

imageView = [[UIImageView alloc] initWithImage:image]; //initWithImage:image

//imageView.tag = i; // tag our images for later use when we place them in serial form
[imageView setContentMode:UIViewContentModeScaleToFill]; //though it has no impact
imageView.userInteractionEnabled = YES; //to enable touch interaction with image

[self addSubview:imageView];

UIButton *btn = [[UIButton buttonWithType:UIButtonTypeContactAdd] retain]; //Plus icon button

btn.frame = CGRectMake(215, 550, 100, 100);
[btn addTarget:self action:@selector(onClickHotSpotButton) forControlEvents:UIControlEventTouchUpInside]; //it wasnt working

**[self addSubview:btn]; //Buttons are clickable but shows button on all images**

//[imageView addSubview:btn]; //Buttons are not clickable and are shown on all images

我现在有两个选择。我是否将按钮设置为 ImageView 的子视图或 ScrollView（它是 ImageView 的父视图）。如果我制作 Scrollview 的按钮子视图，例如 [self addSubView:btn];它显示在正确的位置并且可单击，但问题是它是在队列中的所有图像上创建的，因为我将其设为父视图（即滚动视图）的子视图。否则，如果我将其设置为子视图的子视图，即 ImageView，它对于每个图像都是唯一的，但仍然显示在所有图像上并且不可单击：/

any1 可以指导我如何使其可单击并保持动态按钮和图像是唯一的，因此我在队列中每个图像的不同位置都有不同的按钮。