helpMeCodeSwift.com

Creating a Rotate Gesture

Here is a complete Rotate Gesture example: We have 2 things – a handle and the gesture itself that uses the handle.. Here is the gesture:

func createRotateGestureRecognizer(targetView:UIImageView) {
var rotateGesture = UIRotationGestureRecognizer(target: self, action: ("handleRotate:"))
targetView.addGestureRecognizer(rotateGesture)
rotateGesture.delegate = self
}

1

2

3

4

5

func createRotateGestureRecognizer(targetView:UIImageView) {

var rotateGesture = UIRotationGestureRecognizer(target: self, action: ("handleRotate:"))

targetView.addGestureRecognizer(rotateGesture)

rotateGesture.delegate = self

}

("handleRotate:")

1	("handleRotate:")

is what points to the Handle ( make sure you don’t misspell this). Here is the actual handle:

 func handleRotate(recognizer : UIRotationGestureRecognizer) {
recognizer.view!.transform = CGAffineTransformRotate(recognizer.view!.transform, recognizer.rotation)
recognizer.rotation = 0
var label = recognizer.view as UIImageView  // creating a new UIImageView out of the rotation
    if recognizer.state == UIGestureRecognizerState.Changed {
                     hoverShadow(label) // add some Extra Shadow when we are rotating the new ImageView
               }
    else {
                     shadow(label) // return to the original Shadow when not moving
               }
}

1

2

3

4

5

6

7

8

9

10

11

func handleRotate(recognizer : UIRotationGestureRecognizer) {

recognizer.view!.transform = CGAffineTransformRotate(recognizer.view!.transform, recognizer.rotation)

recognizer.rotation = 0

var label = recognizer.view as UIImageView // creating a new UIImageView out of the rotation

if recognizer.state == UIGestureRecognizerState.Changed {

hoverShadow(label) // add some Extra Shadow when we are rotating the new ImageView

}

else {

shadow(label) // return to the original Shadow when not moving

}

Continue reading →

Creating a Pan Gesture

Here is a complete Pan Gesture example: We have 2 things – a handle and the gesture itself that uses the handle.. Here is the gesture:

// The Pan Gesture
func createPanGestureRecognizer(targetView: UIImageView) {
        
        var panGesture = UIPanGestureRecognizer(target: self, action: ("handlePanGesture:"))
        targetView.addGestureRecognizer(panGesture)
        }

1

2

3

4

5

6

// The Pan Gesture

func createPanGestureRecognizer(targetView: UIImageView) {

var panGesture = UIPanGestureRecognizer(target: self, action: ("handlePanGesture:"))

targetView.addGestureRecognizer(panGesture)

}

("handlePanGesture:"))

1	("handlePanGesture:"))

is what points to the Handle ( make sure you don’t misspell this ). Here is the actual handle:

 // THE HANDLE 

       func handlePanGesture(panGesture: UIPanGestureRecognizer) {
        
        
        //        get translation
        
        var translation = panGesture.translationInView(view)
        panGesture.setTranslation(CGPointZero, inView: view)
        println(translation)
        

        //create a new Label and give it the parameters of the old one
        var label = panGesture.view as UIImageView
        label.center = CGPoint(x: label.center.x+translation.x, y: label.center.y+translation.y)
        label.multipleTouchEnabled = true
        label.userInteractionEnabled = true
        
        if panGesture.state == UIGestureRecognizerState.Began {
            
            //add something you want to happen when the Label Panning has started
        }
        
        if panGesture.state == UIGestureRecognizerState.Ended {
            
           //add something you want to happen when the Label Panning has ended
            
        }

        
        if panGesture.state == UIGestureRecognizerState.Changed {
            
        //add something you want to happen when the Label Panning has been change ( during the moving/panning ) 
        
        }
        
        else {
            
           // or something when its not moving
        }
        
        }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

// THE HANDLE

func handlePanGesture(panGesture: UIPanGestureRecognizer) {

// get translation

var translation = panGesture.translationInView(view)

panGesture.setTranslation(CGPointZero, inView: view)

println(translation)

//create a new Label and give it the parameters of the old one

var label = panGesture.view as UIImageView

label.center = CGPoint(x: label.center.x+translation.x, y: label.center.y+translation.y)

label.multipleTouchEnabled = true

label.userInteractionEnabled = true

if panGesture.state == UIGestureRecognizerState.Began {

//add something you want to happen when the Label Panning has started

}

if panGesture.state == UIGestureRecognizerState.Ended {

//add something you want to happen when the Label Panning has ended

}

if panGesture.state == UIGestureRecognizerState.Changed {

//add something you want to happen when the Label Panning has been change ( during the moving/panning )

}

else {

// or something when its not moving

}

Continue reading →

Pick an Image / image picker

This example is to show how to pick an image from a soure ( in this case, the Saved Photos ) First create the function for the Image Picker:

func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [NSObject : AnyObject]) {
        
        var x = CGFloat(arc4random_uniform(100)+50)
        var y = CGFloat(arc4random_uniform(100)+50)
        
        
        
        var image = info[UIImagePickerControllerOriginalImage] as UIImage // create a variable from the image
        var imageViewNew = UIImageView(frame: CGRectMake(100, 100, 150 , 150)) // creating a new UIImageView for the image once loaded on the screen
        
        
        imageViewNew.center = CGPoint(x: x, y: y)
        
        imageViewNew.image = image
        
        imageView.addSubview(imageViewNew) // add the newly created UIImageView to the main Imageview Subview
        
        
        imageViewNew.multipleTouchEnabled = true
        imageViewNew.userInteractionEnabled = true // UIImageView by default has these disabled
        
        
        
        createPanGestureRecognizer(imageViewNew)
        createPinchGestureRecognizer(imageViewNew)    // adding gesture to the newly created image ? Keep in mind you have to create these functions separately.
        createRotateGestureRecognizer(imageViewNew)
        
        
        
        dismissViewControllerAnimated(true, completion: nil)
        
    }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [NSObject : AnyObject]) {

var x = CGFloat(arc4random_uniform(100)+50)

var y = CGFloat(arc4random_uniform(100)+50)

var image = info[UIImagePickerControllerOriginalImage] as UIImage // create a variable from the image

var imageViewNew = UIImageView(frame: CGRectMake(100, 100, 150 , 150)) // creating a new UIImageView for the image once loaded on the screen

imageViewNew.center = CGPoint(x: x, y: y)

imageViewNew.image = image

imageView.addSubview(imageViewNew) // add the newly created UIImageView to the main Imageview Subview

imageViewNew.multipleTouchEnabled = true

imageViewNew.userInteractionEnabled = true // UIImageView by default has these disabled

createPanGestureRecognizer(imageViewNew)

createPinchGestureRecognizer(imageViewNew) // adding gesture to the newly created image ? Keep in mind you have to create these functions separately.

createRotateGestureRecognizer(imageViewNew)

dismissViewControllerAnimated(true, completion: nil)

}

Then this is what we are actually gonna tie up to our button for loading an image:

@IBAction func imageButtonPressed(sender: AnyObject) {
        
        
        
        
        
        var imagePicker = UIImagePickerController()
        var sourceType = UIImagePickerControllerSourceType.SavedPhotosAlbum
        
        if UIImagePickerController.isSourceTypeAvailable(sourceType) {
            
            imagePicker.sourceType = sourceType
            
            imagePicker.delegate = self
            
            //        show a screen
            
            
            presentViewController(imagePicker, animated: true, completion: nil)
        }

        
        
    }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

@IBAction func imageButtonPressed(sender: AnyObject) {

var imagePicker = UIImagePickerController()

var sourceType = UIImagePickerControllerSourceType.SavedPhotosAlbum

if UIImagePickerController.isSourceTypeAvailable(sourceType) {

imagePicker.sourceType = sourceType

imagePicker.delegate = self

// show a screen

presentViewController(imagePicker, animated: true, completion: nil)

}

Continue reading →

Creating a function – The 10 best fitness apps

If you are trying to be more physically active, up your daily steps, or burn more calories, fitness apps can help you on your way. We have trawled through fitness apps galore to bring you the best based on usability, design, user ratings, update frequency, and their capacity to get you moving. Exercise is the […] Continue reading →

helpMeCodeSwift.com

Swift Coding For Beginners

Creating a Rotate Gesture

Creating a Pan Gesture

Pick an Image / image picker

Creating animated labels

Creating a function – The 10 best fitness apps