AirPrint with UIWebViews! (Swift in Xcode) Video Lecture | Swift in Xcode: The Complete iOS Development Guide - App Development

hey what's going on everybody today I'm
going to show you how to enable air
print with a webview using Swift -
thanks Kim so let's go ahead and get
started and then print alright so first
thing I'm gonna do is head right into
Xcode create a new Xcode project and
this will be a single View application
click next product name I'm just gonna
call this print language will be set to
Swift inner devices will be set to
universal this is a universal concept so
it works on every device that can air
print so click Next and create and now
let's go ahead and make this a bit
bigger and let's head right into our
main dot storyboard now inside of this
main dot storyboard this is where I'm
going to have the web view so let's go
ahead and put on a web view onto our
scene so just click and drag that into
our scene like so make it fill the whole
scene I'm gonna right click or control
click and drag from the UI web view over
to the view and the hierarchy right over
here and this is just going to set
constraints you don't really have to do
this but I like doing it anyway now
let's open up our assistant editor and
now we're going to right-click or
control click and drag from this UI web
view over to our view controller dot
Swift and in here we're going to just
call this our web view like so so we
have our UI web view now we also want to
add some things on to this web view so
let's go into our viewdidload and right
here we're gonna say web view load HTML
string now I am using an HTML string
although anything that's really put
inside of this web view can be printed
whether that be a document off of the
web site or even a website itself like
google.com you could put that inside of
the web view and people will be able to
print that so I'm going to say web view
dot load HTML string and inside of this
it will be open quotation mark close
quotation mark and just a very simple
HTML string I'm just gonna go alligator
tips and inside of this I'm going to
save HTML and then again alligator tips
this will be body and then just hello
world like so and then just close that
off with another alligator tips we're
gonna say slash body this time and then
again alligator tips and we're gonna say
slash HTML like so base URL we will set
this equal to nil so now if we were to
build and run this hello world would
appear on our web view so if we head
over here hello world like so so now
let's print this so let's head back over
to our project go over to our web view
right over here and
main dot storyboard let's actually close
our assistant editor so we have a bit
more room and let's just click and drag
a toolbar onto our scene like so and
inside of this toolbar it already comes
with an item we're going to delete the
item that we have right there just go
ahead and delete the bar button item and
then go ahead and click and drag a
button onto our scene this makes it a
lot easier so we can connect it up with
our view controller dot Swift so now we
have this button right here I'm just
going to say print like so and now if we
click this where to click this button
nothing would happen so we need
something to happen but first off feel
free to build and run this application
right now this toolbar would not be in
the right place so let's go ahead right
click or control click and drag from our
toolbar over to our view and we're gonna
say Center vertically and they're going
to say bottom space leading space and
trailing space like so so now we have it
all set up so it's automatically going
to be set at the bottom and now this
print button will stay where the toolbar
goes so we don't need to worry about
that now let's go ahead open up our
assistant editor and we're going to
right click or control click and drag
from this button right here now if
you're not able to grab the button
perfectly we can go right over to our
hierarchy right here and we can
right-click or control click and drag
from our button and then we're going to
say connection action like so so in here
this is going to be a print so we're
going to print something when we click
this button now how do we print so let's
go ahead and to save our print info so
this is going to be the information that
we want to print so we're going to save
our print info : UI print
info if you're not able to access UI
prints be sure that you imported a UI
kit it should automatically be imported
but if you haven't import UI kit so now
let's continue on and we're gonna save
our print info : UI print info will be
equal to UI print info dot and we're
going to say print info like so now
we're gonna go down here and say print
info dot output type will be equal to UI
print info out put type dot general so
this is just going to be a general
printing information that we're going to
put out there then we're also gonna say
print info dot job name will be equal to
and this will be web view so we're going
to grab our web view and then we're
going to say dot Rick
URL dot absolute string so we're going
to request the URL from our web view and
we're gonna put that right inside of our
print info job name now let's go in here
I'm going to say print info dot
orientation now of course this is
basically what how was your page you
want to print I'm going to make mine
equal to uij print info orientation dot
portrait like so and now we can go down
here and we're gonna create a print
controller so we're gonna save our print
controller will be equal to UI print
interaction controller like so dot
shared print controller so it's
basically going to be a controller that
we're going to load up on our so you
know that will control all things that
are printing now we go down here and
race us a print controller dot print
info and so what information is this
going to print now in order to make
things less confusing I'm gonna go up
here and I'm going to just change this
name up here to pee info like so this
will make things a little bit less
confusing in the naming things now we
say print controller dot print info will
be equal to and we're gonna just type in
pee info so we're loading all this
information that we created up here into
this print controller now we go down
here and we save print controller dot
shows page range and we're gonna make
this equal to true and we're also going
to say print controller print formatter
will be equal to and this will be a web
view dot view of print formatter so
we're basically what kind of formats is
this going to be it's going to be
whatever format the web view is so now
we're gonna go down here and we're gonna
say print controller dot present
animated and we're gonna set this equal
to true completion Handler we'll set
this equal to nil so now it's going to
animate onto our scene and now we'll be
able to print so if I were to build and
run this right now I can go down here
hello world and print and now as you can
see it's animated so I seen I can select
the printer okay if there's my printer
and I can just save print now I don't
know why this toolbar is a bit weird but
you can still just say print printer
select your printer like so
and then print
and there you have so thank you all so
much for watching if you enjoyed this
tutorial be sure to hit that like button
down below and if you want to see more
tutorials like this for me and the
future be sure to subscribe anyway I
will see you on the next one