How to Make an Image Move with Touch (Swift in Xcode) Video Lecture | Swift in Xcode: The Complete iOS Development Guide - App Development

hey guys so today I'm going to show you
how to make an image move around the
screen by your touch with Swift in Xcode
and I also want to let you guys know I
did put these project files on my
website archetype calm so you guys can
go download these project files for
yourself anyway without any further ado
let's get started alright guys so to get
started I just created a new project and
now we're gonna make it a single view
application and our product name will be
move and I'm just gonna set their
language to Swift and our devices will
be set to iPhone now click Next and
create and we are using the storyboard
today so let's go ahead and go into our
main dot storyboard you guys can program
eclis put a uiimageview into your scene
but I'm just doing this to keep things
simple so let's like go ahead and add a
uiimageview into our scene so click and
drag the image view into our scene and
I'm going to make the width of it a 40
and a height will be 42 now I'm just
gonna drag this down below so it's
somewhere that we can see it and now we
also want to change the color of it so
let's go into our attributes inspector
and we want to change our background to
just we'll just make it a gray just so
it's seeable when we do load the
application all right now let's go to
our view controller dot Swift file and
first of all we just need to create the
variable for the location so say
variable location equals CG point not CG
point make CG point and then say open
parenthesis and it should give you this
option to say X CG flow and Y C to float
so make sure to click on that
alright now say we'll make the X 0 and
the y 0 just because we'll change that
later alright now let's go ahead and go
into our main dot storyboard and open up
our assistant editor it's a little
Butler suit looking thing up here and
let's go ahead ctrl click and drag from
our uiimageview into our view controller
dot swift file and say
insert outlet and now our outlet went
name will be person and we'll connect
that alright now let's go ahead and add
an action so that we have so that when
the touches begin something happens so
let's go ahead and open up our view
controller dot Swift again and close the
assistant editor we just say touches
began and it'll give you this option and
you can either click tab or just double
click it but so just tap or double click
and it'll automatically fill everything
in now just say open curly braket sync
enter close curly bracket now inside of
this we just want to add a new variable
so say variable touch : you I touch
touch with an exclamation point equals
touches so if you're wondering where I
got this this is the NS set that comes
from up here so we say touches dot any
object dot any object so basically if it
touches anywhere on the screen then it
will send this event so touches dot any
object as as UI touch alright now let's
go down here and just say location
equals touch dot location in view and
it'll be the self dot view so this is
basically grabbing where the touched
happen and where the touch happened
inside the view and then that's making
it location right now let's go down here
and say person person dot Center equals
location alright now this is just when
the touches begin so at all it'll
automatically make the uiimageview go to
that location but after you move your
finger on the screen or anything nothing
happens so let's just go ahead and make
that make something happen when you do
move your finger on the screen so say
touches
Touches moved so when the touches are
moved then say open click open bracket
enter close curly bracket and now just
copy and paste the exact same thing that
we have up here alright and now we're
gonna set it set the person's the
person's location at the very beginning
of the view that as soon is the view
does load so let's say person dot Center
equals CG point CG point make our x
value will be 160 and our Y value will
be 0
we'll make it 3:30 all right now let's
go ahead and run this and see what
happens now as you can see when this
loads it automatically puts the block
red a 168 at 160 by 330 but like I said
I've had a little bit of problems with
positioning of things with the with the
view controller but it works for
tutorial purposes so we now we can just
click and drag and it'll go around the
screen and when we click over on an area
over here it goes automatically to that
area now anyway that's it for this
tutorial
anyway guys that's it for this tutorial
if you guys enjoyed it be sure to hit
that like button down below and if you
guys want to see any future tutorials be
sure to hit that subscribe button down
below and if you guys have any comments
or questions be sure to leave that down
in the comment section down below and
you guys that's it for this tutorial and
I will see you in the next one