【实现“大图”功能 Objective-C语言】

这篇博客介绍了如何使用Objective-C在iOS应用中实现点击按钮显示大图的功能。作者详细讲解了点击“大图”按钮时,通过创建一个全屏大小的阴影按钮覆盖屏幕,设置图片位于阴影上方并逐渐放大,以及实现点击阴影恢复原状的过程。涉及到的关键步骤包括设置按钮透明度、添加阴影按钮、调整图片大小和位置,并通过动画效果实现平滑过渡。
摘要由CSDN通过智能技术生成

一、这时候,我们来实现另外一个功能,就是点击,实现这个“大图”,

1.点击“大图”按钮,实现这个“大图”,

那么我先给大家说一下,这个点击“按钮”,实现“大图”,这个思路是怎样的,大家看一下,这个示例程序,当你点击“大图”的时候,首先,这个图片变大,同时,后面是不是用一个阴影给遮罩住了吧,

点击大图之前
阴影遮住

用一个阴影给遮住了,所以说,这个点击“大图”其实就是这么来实现的,

就看就看这里,首先,这是我们的屏幕吧,这么大吧,

屏幕

当你点击那个“大图”的时候,首先,它会创建一个和这个屏幕一样大的这么一个东西,

这个东西的颜色是什么颜色啊,它的颜色,比如说,任何一个颜色都可以,但是它是有一个透明度的,它有个透明度的,ok,也就是说一开始呢,是这么一个,一开始是一个屏幕,当你点击“大图”的时候,你会首先创建一个和屏幕一样大的东西,把它遮住,是不是盖到屏幕上面,这样的话,屏幕后面的东西,是不是就都不能点了,但是呢,这样的话,就会把这个图片也盖住,这个时候怎么让这个图片盖不住呢,把图片,把它这个图片的索引放到这个层的最上方,所以说,这个图片的,整个这个控制器的View,在最下方,然后呢,接下来,是这个遮罩,这个阴影,然后把那个图片,把那个图片是不是放到这个遮罩这个层的上方,这样的话,是不是这个图片,就看到是在最上面了,

ok,好,那么这个时候注意,我们要实现的这个阴影,这是个什么控件呢,这不是一个UIView,这是一个按钮,为什么要用按钮来实现,因为当它变成大图以后,你再一点这个阴影,一点这个,它就又回到那个小图的效果了,也就是说,这个阴影,是可以被点击的,

正是因为这个阴影是可以被点击的,所以说,这个阴影,我们要用一个按钮来实现,不是用一个UIView来实现,所以说,我们点击这个,点击“大图”的时候,我们首先给点击“大图”设置一个,拖一根线,设置5个参数,

1)Connection:给个Action,

2)Object:给个View Controller,

3)Name:给个bigImage,

4)Type:给个id,

5)Event:给个Touch Up Inside,

6)Argument:给个Sender,

点击Connect,

自动生成了这个方法:

- (IBAction)bigImage:(id)sender;

在这个bigImage里面,

//显示大图

- (IBAction)bigImage:(id)sender{

//在这个显示大图的方法里面,

//1)第一步,创建一个大小与self.view一样的按钮,然后呢,把这个按钮作为一个“阴影”,

//2)第二步,把图片设置到阴影的上面,

//3)第三步,改变图片大小,通过动画的方式,把图片变大,

//是不是基本就这三步啊,来,咱们一步一步来做,

//1)怎么样创建一个按钮呢,

//把这个按钮设置到界面上,弄成一个“阴影”呢,这就是我们创建按钮的那些代码,

//UIButton *btnCover,是不是Cover,一个遮罩,对吧,等于什么,

UIButton *btnCover = [[UIButton alloc] init];

//然后呢,设置按钮大小,可以吧,self.view,是不是控制器所管理的那个view,点bounds,这个bounds是不是x和y是0,大小是,就和屏幕大小一样啊,

btnCover.frame = self.view.bounds;

//我们说这个遮罩,它是不是也是距离我们这个view里面,是不是也是x和y等于0,是不是完全重叠,然后它就是大小和屏幕是大小是一样的,所以说,这里刚好,这里设置这个bounds,是不是OK了,

//刚好设置这个bounds就OK了,bounds刚好它的x和y就是0,0,因为这个按钮将来要加到这个view里面,所以说,距离view,是不是刚好是0,0

//对吧,刚好是0,0,大小和这个view是一样的,OK了吗,这里,

//这个bounds的大小,就和我们这个view的大小是一样的,我们说,这个view,有一个属性是bounds,bounds是不是就是它自己的大小,以及一个x和y,这个x和y,是不是就是0,0,啊

//因为这个阴影,你要加到这个view里面,所以说,加到view里面这个x和y,是不是刚好就是0,0,同时大小,是不是就等于它自己,

//所以说,你刚好用bounds,就ok了,好,那么这是大小,接下来呢,设置按钮背景色怎么说,这样是黑色,然后呢,

btnCover.backgroundColor = [UIColor blackColor];

//设置按钮透明度,

btnCover.alpha = 0.6;

//好,透明度,然后呢,接下来,按钮的大小有了,透明度有了,怎么办,是不是要把按钮,加到我们那个里面吧,

//咱们先运行一下,看看这个阴影能不能加上,阴影加上了吗,阴影是加上了吧,

//阴影加上了以后,紧接着,大家希望这个头像也在阴影里面吗,头像是跑到阴影外面的,也就是说,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

清风清晨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值