Three pictures on the home page have animation effects, and three pictures on the home page are animated.

Source: Internet
Author: User

Three pictures on the home page have animation effects, and three pictures on the home page are animated.

 

. H

#import <UIKit/UIKit.h>@interface RootViewController : UIViewController{    NSTimer *timer;    UIImageView *imageView1;    UIImageView *imageView2;    UIImageView *imageView3;    UIView * view1;    UIView * view2;    UIView * view3;}@end

 

. M

-(Void) viewDidLoad {[super viewDidLoad]; // Do any additional setup after loading the view. // initialize the background image [self initBackgroundView];} # pragma-mark-funcitons-(void) initBackgroundView {// view1 = [[UIView alloc] initWithFrame: CGRectMake (0, 0,320,560)]; [self. view addSubview: view1]; imageView1 = [[UIImageView alloc] initWithFrame: CGRectMake (0, 0,420,560)]; imageView1.image = [UIImage imageNamed: @ "guidex1.png"]; [view1 addSubview: imageView1]; // the second picture view2 = [[UIView alloc] initWithFrame: CGRectMake (0, 0,320,560)]; [self. view addSubview: view2]; imageView2 = [[UIImageView alloc] initWithFrame: CGRectMake (0, 0,420,560)]; imageView2.image = [UIImage imageNamed: @ "guidex2.png"]; [view2 addSubview: imageView2]; // The third picture view3 = [[UIView alloc] initWithFrame: CGRectMake (0, 0,320,560)]; [self. view addSubview: view3]; imageView3 = [[UIImageView alloc] initWithFrame: CGRectMake (0, 0,520,660)]; imageView3.image = [UIImage imageNamed: @ "guidex0.png"]; [view3 addSubview: imageView3]; // enable the animation Event timer = [NSTimer scheduledTimerWithTimeInterval: 1.0 target: self selector: @ selector (changeView) userInfo: nil repeats: NO];}-(void) change {[UIView beginAnimations: nil context: nil]; [UIView setAnimationDuration: 11.0]; imageView1.frame = CGRectMake (0, 0,320,460); [UIView commitAnimations];}-(void) change1 {[UIView beginAnimations: nil context: nil]; [UIView setAnimationDuration: 11.0]; imageView2.frame = CGRectMake (0, 0,320,460); [UIView commitAnimations];}-(void) change2 {[UIView beginAnimations: nil context: nil]; [UIView setAnimationDuration: 11.0]; imageView3.frame = CGRectMake (0, 0,320,460); [UIView commitAnimations];}-(void) changeView {imageView1.frame = CGRectMake (0, 0,520,660); [self change2]; CATransition * transition = [CATransition animation]; transition. duration = 2.0; // Interval transition. timingFunction = UIViewAnimationCurveEaseInOut; // slow down the animation transition. type = kCATransitionFade; // various effects of transition. subtype = kCATransitionFromRight; transition. delegate = self; // proxy. the built-in method does not use the Protocol [self. view. layer addAnimation: transition forKey: nil]; [self. view exchangeSubviewAtIndex: 0 withSubviewAtIndex: 1]; timer = [NSTimer failed: 11.0 target: self selector: @ selector (changeView1) userInfo: nil repeats: NO];}-(void) changeView1 {imageView2.frame = CGRectMake (0, 0,520,660); [self change]; CATransition * transition = [CATransition animation]; transition. duration = 2.0; // Interval transition. timingFunction = UIViewAnimationCurveEaseInOut; // slow down the animation transition. type = kCATransitionFade; // various effects of transition. subtype = kCATransitionFromRight; transition. delegate = self; // proxy. the built-in method does not use the Protocol [self. view. layer addAnimation: transition forKey: nil]; [self. view exchangeSubviewAtIndex: 1 withSubviewAtIndex: 2]; timer = [NSTimer failed: 11.0 target: self selector: @ selector (changeView2) userInfo: nil repeats: NO];}-(void) changeView2 {imageView3.frame = CGRectMake (0, 0,520,660); [self change1]; CATransition * transition = [CATransition animation]; transition. duration = 2.0; // Interval transition. timingFunction = UIViewAnimationCurveEaseInOut; // slow down the animation transition. type = kCATransitionFade; // various effects of transition. subtype = kCATransitionFromRight; transition. delegate = self; // proxy. the built-in method does not use the Protocol [self. view. layer addAnimation: transition forKey: nil]; [self. view exchangeSubviewAtIndex: 2 withSubviewAtIndex: 0]; timer = [nst1_scheduledtimerwithtimeinterval: 11.0 target: self selector: @ selector (changeView) userInfo: nil repeats: NO];}

 


How can I use Photoshop to create an animation? Now I have three modified images?

Set the order of your images in Photoshop to layer 1, Layer 2, and Layer 3 (new, copy and paste the image), and then bring up the animation in the window, the triangle on the right-create a frame from the layer, set the image switching time (right-click), and save the file as the WEB format-ctrl + alt + shift + s. That's all.

How can I use photoshop to combine three jpg images into a dynamic GIF image?

First, we will tell you that the operation methods for different PS versions are basically the same.
The procedure is as follows:
1. Open the three images to be merged.
2. Drag any two images to one of them.
In this case, select the tool (shortcut key V) in the toolbar, press Ctrl, and click the image to be dragged. Do not release the mouse and move the mouse to the image to be dragged, then, let go of the mouse and drag the picture to the other image, and drag the third image together.
3. When the three images are all in one, three layers appear on the layer panel. Then open the animation panel (in the window menu). The animation panel has only one frame, and click the bottom-down button at the bottom of the animation panel to copy the frame.
4. Copy the two frames and click the first frame to return to the layer panel. Remove the eyes in front of the two picture layers so that only one image is displayed. Similarly, click the second and third frames so that each frame displays three images that cannot be accessed.
5. Click the first frame, hold down the top key, and then click the last frame, that is, the third frame. After selecting all frames, click the inverted triangle on the right of the time at the bottom of any frame and select the conversion time.
6. After setting the time, you can click the play button in the bottom row to see the effect.

Save:
After the effect is reached, click "file" in the upper left corner and select "storage as web and device format.
In the upper-right corner of the dialog box, select the file format as gif.
Click the "Storage" button in the bottom row to generate gif dynamic images.

Try it with pure hands!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.