Android tutorial for beginners -90- Creating Swipe Views with Tabs

How to create an android tab layout with swipeable view in android.
Download the project and get the source code from here http://easyway2in.blogspot.ae/2014/10/android-swipe-views-with-tabs.html
Like my Facebook page : https://www.facebook.com/codeglympse
Subscribe My YouTube channel : http://www.youtube.com/ticoontechnologies

---

Closed Caption:

hello guys in this part we are going to
learn about how to create and android
tablet layout with this apple juice so
open up the Eclipse IDE and start a new
android project is an Android
application project click Next and
probably the application name us top
demo change the bike age name
ok and select the minimum recorders
devotionals 3.0 because we are going to
working with android action bar and
target is 4.2 and compel bit compared
with the jelly be don't forget to choose
the theme holo light dark action bar and
click Next then click Next create a
blank activity and click finish
now the project is created on the
Eclipse ID okay now the project is
created go to the main activity or java
class file at the excellence action but
activity i change it into fragment
activity a change in the fragment
activity excellence fragment activity so
we need that it is a lot of course so we
don't need these HS remove that and here
is a lot of unused and used in boats are
available i'll remove all that unused
one cent sure we are going to working
with the android action but so create an
objective function bomb we're going to
add job into the action bar and so
create an object of action but here
my name is action bot
ok so you need to implement an interface
called action bar . stop listen up
implements action bar .
tab listener here you need to add some
and implemented month or two here it is
on top selector on top of the least on
top and selected extra you need to
implement all the all the abstract
methods
ok now we had to initialize the action
production but equal to get get action
bar by using the method we can interlace
the action bar now we have to probably
the navigation type for the action
bounds of action bar action bar . set
navigation set navigation model i choose
the two-seaters action bar . action but
thought
navigation more stops just two dozen
action bar . navigation more taps now
I'm going to add three top into the
action bar called the Java or.net and HB
so I'm going to add it using the act of
mother so action bar . action back . new
tab Christopher stop restart x 44 stop
using the text my dad said text i named
the foster bus java so said the top
listener . set-top is enough
this setup is not these okay so we need
two more top on the action bar so copy
this copy this statement and paste it
here
one more paste it here so change the
name of the second second tab us PHP and
change the name of the data tab us
darknet ok save the project save the
project and no I just run it for the
King taking the tabs on one project just
run it up on your device
okay here we got the treetops Java PHP
and dotnet on on our action bar
ok so now go to the xml file of the main
activity here you need to add a
viewpager for obtaining the type of
effect so add it
android . and throw it don't support . v
4
default . you . dog
viewpager future the viewpager will
provide the cyber cyber effect when
you're we don't need this text view and
cross that XML element here
ok
no here a lot of things which are not
needed i remove all that thing's a movie
yeah
now provide an ad for this view pager
android IT android ID equal to plus I
deep and probably the 90s pager a
predators page up
ok now save the project
now we need an adapter class for adding
the fragment into the pages so as I am
how to create an adapter plus i named it
does fragment fragment black man peach
adapter flagman Peter adapter and browse
for a super Claus
charities flagman Peter adapter I just
that one click okie and click finish and
we go to class that extends fragment
picture of dr. on you need to add a
constructor here that has an argument
like manager also we got to all right
mother get item and get count here
ok now go to the main activity . java
class file here you need to create an
object of the viewpager land that
corresponding adapter class viewpager so
far as I create an object of you Peter
my name is you Peter and also need an
object of the corresponding adapter
class here the classes fragmentation
adapter and name the object of ft now
you need to initialize that two objects
first viewpager equal to find upid find
my ID and . ID . that corresponding new
pitcher is pager ID for TP Heidi's pager
it's an object so you need to cast it
you need to type cost
ok now you need to interlace that that
to class object so if t equal to new
black man page adapter like when Peter
adapter and person fragment it supported
like manager
ok
save it save the application and now how
do the adapter for the uphs so you pay .
set adapter you Peter . set adapter and
made that after class object
ok no we have to know how to add we had
to add some pre fragments for the three
taps so first i have to add the three
classes for the fragments or create a
new Java class the new Java class and
name it does have a fragment of a
fragment and browse for the superclass
this fragment fragment
okie dokie then click finish
now we go to class for the first
fragment now we have to add class for
the second fragment into stage of our
class and named it as PHP fragment my
name is PHP fragment
PHP Blackman and browse for a super
clubs
Guilty Spark meant click OK and click
finish
now again we have to add the tailed
flagman class to the class option and
limiters darknet segment
darkness fragment
now goes for the superclass superclasses
fragment game fragment
click OK and click finish
ok now we have to add layout for the
three fragment glasses so go to the
layout folder and right-click that
folder and i click that folder and
choose the new option and choose the
other option to standard XML fire click
Next and provide a filename
I probably faster find a month java
layout java leo
choose the later layout and click finish
now we got the first day out for
development
nobody how to create the second fragment
layout choose a new android xml file
click Next and name it us PHP layout and
then it is PHP layout to stay late to
the layout click finish
now we have to add the layout for the
final fragment
choose done xml file name eaters
darkness layout document fragment
content not layout dynamometers darknet
layout click finish
ok so we had the three layout for the
frequence know me how to add some color
for this layout so popular browser land
that's some HTML color codes that are a
lot of apps are available that provide
HTML color codes just type HTML color
cards and go to any websites and copy
some HTML codes to say kala me to seek a
lot and copy that corresponding of court
now go to our project and go to the
first xml layout file layout fire and
two-star eczema or cement profit the
android background and joey by ground
put on a nice england-based that color
court now we got the color on the xml
layout file now what a textview allowed
to text view / text us welcome to our
peach welcome to java peach monkey
ok know how to add undercover for the
under to layout so choose and the tooth
under the HTML color-code choose and
Alex HTML court
yeah
copy that color code copy copy the court
now go to the cultural project and
go to the PHP layout XML file and go to
the xml person and I D&O eat background
and throw it back round and round equal
to put on how simple and paste that
color code
also a text view
also add a text view and name it us
welcome to welcome to PHP page
welcome to ph ph
ok now go to go to the website and
choose another color code and copy that
color cord
ok again go to the xml file and paste
that background and go eat by ground
android background equal to put on heart
symbol and paste that color code here
now
now i have an example of a lot of text
view
and cover the text here welcome to PHP
welcome to document page
welcome to . netpage
ok
so we had two different color for the
three layouts now go to the first
fragment class you need to override that
fragment oncreate you mother country to
you mother
so here you need to inflate the android
inflate the flagman layout using return
the inflate return corresponding flagman
view layout view using inflator .
inflate our dog layout coat over the
first layout it is java layout kill the
routines container little this container
so that Lisa Taylor even called the
false and put a semicolon here
ok now copy this mother also paste it on
the other two fragments now go to the
PSP fragment-based that matter change
the layout file charities PHP layout
charities PHP layout now go to the
document fragment document fragment of
our class fire-based that mattered
change the layout file kill the Yogi's
darknet layout . layout i can save the
project
no clothes on these documents and go to
the adapter class
so he and that'll relieve constantly
tough so you be home to return three
years count and here you need to
generate that views using a switch case
statement so here is switch case
statement and cover the key is this
argument he said g0 and if it is if it
is one if it is 0-2 will Atlanta java
fragment so k zero is zero is returned a
new job
flagman class objects all the time new
Java fragment to the tenant object of
nutella fragment and if it is case 1
that means it is the next top so it will
put on new let our new PHP . and case to
middletown document fragment of a case
to it will let on . on flat mount return
new new darkness .
ok now go to the main activity we
completed all the coding completed our
recording on the main activity now we
have to run the project on a standard
application open your emulator meet all
ok here you can swipe d pages you can
see it is capable now but you can see
that now the tabbies not select hurt and
i never use of defeats corresponding
tops are not changing can see his PSP
background selected is java so not only
how to only how to add just stop
responding to that page so you need to
create an action UPC code on speech on
page selector that matters on beach
and select set that motherly set on
mondays on page
yeah on change listen up sit on a change
and I knew you beat you upto you paid or
on page change listen up
okay so we got to the right method
called on pit selected and on peach like
okay so on this mother be how to adjust
it out with the page so actionbar
actionbar don't action bar . set
navigation more set that mentally set
admitted Amy's
ok that matter name is fit you said
selected navigation item that motherly
said selected navigation item and vomit
position the position is LG of zero ok
save the project and run it again Emily
now you can see just me
ok
so now if you see the piece again see
corresponding tab is also changing so
whenever you say the page responding you
can see corresponding jobs are changing
now
ok now be hard to know
d
responding tap select on top selector
really cemented on tap selector if the
DA be selected corresponding page will
appear to be hard to implement the
corresponding page view pager not set
out I second item don't get position
i am not responding up to be stopped and
don't don't position using the method
get position okc we take in 18 save it
again running not some application of
the emulate
ok on the project launched them now just
the dump you can see no I'm fine
so if you're juicing tablet display
corresponding page and all the pages now
because this is create a swappable top w
in android so please subscribe my
channel so you can you will get
discovered you will get the source code
from my blog myblog you always given
under description of this video also
done
also you can download the complete
project from my blog
thank you for watching see you in the
next part