美文网首页iOS Development
图片从中间分开效果

图片从中间分开效果

作者: 71150ce14a00 | 来源:发表于2016-05-19 19:33 被阅读72次

UIImageView*img1;

UIImageView*img2;

img1= [[UIImageViewalloc]initWithFrame:CGRectMake(0,0,ScreenWidth,ScreenHeight*0.5)];

img2= [[UIImageViewalloc]initWithFrame:CGRectMake(0,ScreenHeight*0.5,ScreenWidth,ScreenHeight*0.5)];

UIImage*img = [UIImageimageNamed:@"333.jpg"];

CGImageRefrefImage =CGImageCreateWithImageInRect(img.CGImage,CGRectMake(0,0,ScreenWidth,ScreenHeight*0.5));

UIImage*image1 = [UIImageimageWithCGImage:refImage];

img1.image= image1;

[self.viewaddSubview:img1];

CGImageRefrefImage2 =CGImageCreateWithImageInRect(img.CGImage,CGRectMake(0,ScreenHeight*0.5,ScreenWidth,ScreenHeight*0.5));

UIImage*image2 = [UIImageimageWithCGImage:refImage2];

img2.image= image2;

[self.viewaddSubview:img2];

button= [[UIButtonalloc]initWithFrame:CGRectMake(100,100,30,30)];

button.backgroundColor= [UIColorredColor];

[buttonaddTarget:selfaction:@selector(buttonAction)forControlEvents:UIControlEventTouchUpInside];

[self.viewaddSubview:button];

触发事件:

打开

[UIViewanimateWithDuration:1animations:^{

img1.frame=CGRectMake(0, -ScreenHeight*0.5,ScreenWidth,ScreenHeight*0.5);

img2.frame=CGRectMake(0,ScreenHeight,ScreenWidth,ScreenHeight*0.5);

}];

合并

[UIViewanimateWithDuration:1animations:^{

_myImage.frame=CGRectMake(0,0,WIDTH,HEIGHT*0.5);

_myImage1.frame=CGRectMake(0,HEIGHT*0.5,WIDTH,HEIGHT*0.5);

}]

相关文章

  • 图片从中间分开效果

    UIImageView*img1; UIImageView*img2; img1= [[UIImageViewal...

  • 流水布局的实现(Objective-C & Swift)

    Objective-C 最终效果: 图片水平滚动 图片初始位置在屏幕中间 滑动到最左和最右时图片停留在屏幕最中间....

  • coverFlow效果

    实现cover flow效果,滚动中间放大, 处于中间位置的图片亮度和大小都突出于旁边的图片。当滑动cover f...

  • 从两侧向中间拼合的JavaScript图片切换效果

    (写在文前的只言片语、意书情殇)长歌破晓穿云过,响彻碧霄振九天.------Jason Zhang web开发已现...

  • iOS之听说你想要一张圆形图片

    传统依然是效果展示,请看下图 ↓ 这个显示效果的做法有很多: 方法一: 使用两张图片, 作为边框的背景图片和中间的...

  • Android给图片加文字和图片水印

    先看效果图,左侧是原图,中间是添加文字水印,右侧是添加图片水印。 实现方法: 1、载入原始图片2、载入水印图片3、...

  • 仿Mac相册显示台(jQuery)

    Github源码地址 效果: 代码思路: 1.添加图片到适宜的位置 2.找出中间那张图片的位置,将这张图片命名为中...

  • iOS-产品要的UIView

    1、Button上面图片,下面文字 2、tabbar中间的那个是整个图片,无需自定义,简单实现 效果图: 3、设置...

  • js原生动效

    需求效果如下,鼠标移入图片向周围扩散,移入中间图浮现心形渐变框,注意点在中间图周围和整体的四个边的图片需要注意扩散...

  • UIImagePickerController—打开系统相册和相

    效果:点击中间的图片按钮会提示打开相机或相册,点击相应照片可以编辑需要显示的内容大小,然后更换刚才图片按钮的图片

网友评论

    本文标题:图片从中间分开效果

    本文链接:https://www.haomeiwen.com/subject/swugrttx.html