实现选择图片时的灰色选中效果

文章目录

效果
实现
- 总代码

效果

在做界面时，遇到要写选中图片，产生选中效果的需求。
无他，想了个笨办法，用一个button挡在图片前，给button设置点击事件，改变按钮背景颜色。
效果如下：
未选中

选中

实现

总代码

#import "ViewController.h"@interface ViewController ()@property UIImageView *image;
@property UIButton *btn;
@property UIImageView *okImage;
@property NSInteger *flag;@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view._flag = 0;_image = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 121, 121)];_image.image = [UIImage imageNamed:@"1.jpg"];[self.view addSubview:_image];_btn = [[UIButton alloc]initWithFrame:_image.frame];_btn.backgroundColor = [UIColor clearColor];_btn.alpha = 0.6;[_btn addTarget:self action:@selector(press) forControlEvents:UIControlEventTouchUpInside];[self.view addSubview:_btn];
}- (void)press{_okImage = [[UIImageView alloc]initWithFrame:CGRectMake(90, 5, 20, 20)];_okImage.image = [UIImage imageNamed:@"勾.png"];if (_flag == 0) {_btn.backgroundColor = [UIColor blackColor];//添加右上角的对勾[_btn addSubview:_okImage];_flag = 1;} else {_btn.backgroundColor = [UIColor clearColor];_flag = 0;//将右上角的UIImageView删去[_btn.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];}
}
@end

这里要注意，不可以把按钮的透明度设为0，否则按钮就相当于隐藏了，无法触发点击事件。

实现选择图片时的灰色选中效果相关推荐

html的悬停图片缓慢放大,css3怎么实现鼠标悬停图片时缓慢变大效果?（图文+视频）...
本篇文章主要给大家介绍当鼠标滑过图片时实现放大效果的具体方法. 当我们在浏览各大电商网站时,最常见的图片动态效果,应该就是鼠标移入图片即悬停在图片时出现放大的效果了.实现这样的动态效果主要是为了突出产 ...
Android之点击图片底部出现灰色圆圈效果
1 需求点击图片底部出现灰色圆圈效果 2 代码实现 1.num_oval_gray_def.xml <?xml version="1.0" encoding="u ...
在html中的file怎么只能选择图片,input type=file 选择图片并且实现预览效果
通过标签,给它指定type类型为file,可提供文件上传: accept:可选择上传类型,如:只要传图片,且不限制图片格式,为image/*: multiple:规定是否可以选择多个文件: 规定只可上 ...
CSS实现鼠标悬停图片时的边框变色效果
CSS实现鼠标悬停图片时的边框变色效果,CSSS双边框,鼠标悬停变色效果,用CSS实现的图片双边框效果,鼠标悬停经过时显示背景色,很简单的效果,网上常见,代码不复杂,用的是一些基本的CSS知识. &l ...
vxe-table合并单元格后增加选中效果
<vxe-table:data="retrievalList":row-class-name="setRowClass"@cell-click=" ...
flutter拍照、拍摄短视频、选择图片
1.添加依赖:image_picker image_picker更多参考在https://pub.dev/packages/image_picker 在配置文件pubspec.yaml添加如下配置: ...
html取消图片选中效果,web前端：取消a标签在移动端点击时的背景颜色
背景(background)属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间.因此,内容框与内边距都是元素背景的一部分,且边框画在背景上.css允许应用纯色作为背景,也允许使用背景 ...
php 点击选择图片上传,php上传多张图片时，选择图片后即可预览的问题
这几天一直在解决一个问题,上传图片时选择成功后就能预览. 需求:在点击上传图标的时候会在前面的input框中显示出文件名,然后点击后面的查看按钮就可以预览选择的这张图片了,要求不能刷新页面 1.一开始 ...
关于php上传多张图片时，选择图片后就可以预览的问题
这几天一直在解决一个问题,上传图片时选择成功后就能预览. 需求:在点击上传图标的时候会在前面的input框中显示出文件名,然后点击后面的查看按钮就可以预览选择的这张图片了,要求不能刷新页面 1.一开始 ...

实现选择图片时的灰色选中效果

文章目录

效果

实现

总代码

实现选择图片时的灰色选中效果相关推荐

最新文章

热门文章