7/24/13
Android - simple Tab bar example => TechnoTalkativeTechnoTalkative
TechnoTalkative
Android Windows Phone About Me Contact
Android simple Tab bar example
POSTED JULY 2 , 2 01 1
Problem : How to display T ab bar in Android?
Android Tab bar ex ample
Android Tab bar exam ple
Solution: m ain.x m l < ? x m lv e r s i o n = " 1 . 0 "e n c o d i n g = " u t f 8 " ? > < T a b H o s t a n d r o i d : i d = " @ a n d r o i d : i d / t a b h o s t " a n d r o i d : l a y o u t _ w i d t h = " m a t c h _ p a r e n t " a n d r o i d : l a y o u t _ h e i g h t = " m a t c h _ p a r e n t " x m l n s : a n d r o i d = " h t t p : / / s c h e m a s . a n d r o i d . c o m / a p k / r e s / a n d r o i d " > < L i n e a r L a y o u t a n d r o i d : l a y o u t _ w i d t h = " m a t c h _ p a r e n t " a n d r o i d : i d = " @ + i d / l i n e a r L a y o u t 1 "
www.technotalkative.com/android-tab-bar-example-1/ 1/7
7/24/13
Android - simple Tab bar example => TechnoTalkativeTechnoTalkative
a n d r o i d : l a y o u t _ h e i g h t = " m a t c h _ p a r e n t " a n d r o i d : o r i e n t a t i o n = " v e r t i c a l " > < T a b W i d g e t a n d r o i d : l a y o u t _ w i d t h = " m a t c h _ p a r e n t " a n d r o i d : l a y o u t _ h e i g h t = " w r a p _ c o n t e n t " a n d r o i d : i d = " @ a n d r o i d : i d / t a b s " > < / T a b W i d g e t > < F r a m e L a y o u t a n d r o i d : l a y o u t _ w i d t h = " m a t c h _ p a r e n t " a n d r o i d : l a y o u t _ h e i g h t = " m a t c h _ p a r e n t " a n d r o i d : i d = " @ a n d r o i d : i d / t a b c o n t e n t " > < / F r a m e L a y o u t > < / L i n e a r L a y o u t > < / T a b H o s t >
T abBarActiv ity .jav a p a c k a g ec o m . t e c h n o t a l k a t i v e . t a b b a r e x a m p l e ; i m p o r ta n d r o i d . a p p . T a b A c t i v i t y ; i m p o r ta n d r o i d . c o n t e n t . I n t e n t ; i m p o r ta n d r o i d . o s . B u n d l e ; i m p o r ta n d r o i d . w i d g e t . T a b H o s t ; p u b l i cc l a s sT a b B a r A c t i v i t y e x t e n d sT a b A c t i v i t y{ / * *C a l l e dw h e nt h ea c t i v i t yi sf i r s tc r e a t e d .* / @ O v e r r i d e p u b l i cv o i do n C r e a t e ( B u n d l es a v e d I n s t a n c e S t a t e ){ s u p e r . o n C r e a t e ( s a v e d I n s t a n c e S t a t e ) ; s e t C o n t e n t V i e w ( R . l a y o u t . m a i n ) ; T a b H o s tt a b H o s t=g e t T a b H o s t ( ) ; T a b H o s t . T a b S p e cs p e c ; I n t e n ti n t e n t ; i n t e n t=n e wI n t e n t ( ) . s e t C l a s s ( t h i s ,F i r s t A c t i v i t y . c l a s s ) ; s p e c=t a b H o s t . n e w T a b S p e c ( " F i r s t " ) . s e t I n d i c a t o r ( " F i r s t " ) . s e t C o n t e n t ( i n t e n t ) ; t a b H o s t . a d d T a b ( s p e c ) ; i n t e n t=n e wI n t e n t ( ) . s e t C l a s s ( t h i s ,S e c o n d A c t i v i t y . c l a s s ) ; s p e c=t a b H o s t . n e w T a b S p e c ( " S e c o n d " ) . s e t I n d i c a t o r ( " S e c o n d " ) . s e t C o n t e n t ( i n t e n t ) ; t a b H o s t . a d d T a b ( s p e c ) ;
www.technotalkative.com/android-tab-bar-example-1/ 2/7
7/24/13
Android - simple Tab bar example => TechnoTalkativeTechnoTalkative
i n t e n t=n e wI n t e n t ( ) . s e t C l a s s ( t h i s ,T h i r d A c t i v i t y . c l a s s ) ; s p e c=t a b H o s t . n e w T a b S p e c ( " T h i r d " ) . s e t I n d i c a t o r ( " T h i r d " ) . s e t C o n t e n t ( i n t e n t ) ; t a b H o s t . a d d T a b ( s p e c ) ; i n t e n t=n e wI n t e n t ( ) . s e t C l a s s ( t h i s ,F o u r t h A c t i v i t y . c l a s s ) ; s p e c=t a b H o s t . n e w T a b S p e c ( " F o u r t h " ) . s e t I n d i c a t o r ( " F o u r t h " ) . s e t C o n t e n t ( i n t e n t ) ; t a b H o s t . a d d T a b ( s p e c ) ; } } tab_test.x m l < ? x m lv e r s i o n = " 1 . 0 "e n c o d i n g = " u t f 8 " ? > < R e l a t i v e L a y o u t x m l n s : a n d r o i d = " h t t p : / / s c h e m a s . a n d r o i d . c o m / a p k / r e s / a n d r o i d " a n d r o i d : l a y o u t _ w i d t h = " f i l l _ p a r e n t " a n d r o i d : l a y o u t _ h e i g h t = " f i l l _ p a r e n t " > < T e x t V i e w a n d r o i d : i d = " @ + i d / t x t D i s p l a y e d T a b " a n d r o i d : l a y o u t _ w i d t h = " f i l l _ p a r e n t " a n d r o i d : l a y o u t _ h e i g h t = " f i l l _ p a r e n t " a n d r o i d : t e x t A p p e a r a n c e = " ? a n d r o i d : a t t r / t e x t A p p e a r a n c e L a r g e " a n d r o i d : t e x t = " T e x t V i e w " a n d r o i d : g r a v i t y = " c e n t e r | c e n t e r _ v e r t i c a l " > < / T e x t V i e w > < / R e l a t i v e L a y o u t >
FirstActiv ity .jav a p a c k a g ec o m . t e c h n o t a l k a t i v e . t a b b a r e x a m p l e ; i m p o r ta n d r o i d . a p p . A c t i v i t y ; i m p o r ta n d r o i d . o s . B u n d l e ; i m p o r ta n d r o i d . w i d g e t . T e x t V i e w ; p u b l i cc l a s sF i r s t A c t i v i t ye x t e n d sA c t i v i t y { @ O v e r r i d e p r o t e c t e dv o i do n C r e a t e ( B u n d l es a v e d I n s t a n c e S t a t e ){ / /T O D OA u t o g e n e r a t e dm e t h o ds t u b s u p e r . o n C r e a t e ( s a v e d I n s t a n c e S t a t e ) ;
www.technotalkative.com/android-tab-bar-example-1/ 3/7
7/24/13
Android - simple Tab bar example => TechnoTalkativeTechnoTalkative
s e t C o n t e n t V i e w ( R . l a y o u t . t a b _ t e s t ) ;
T e x t V i e wt x t V i e w=( T e x t V i e w )f i n d V i e w B y I d ( R . i d . t x t D i s p l a y e d T a b ) ; t x t V i e w . s e t T e x t ( " F i r s tT a bi sS e l e c t e d " ) ; } }
SecondActiv ity .jav a p a c k a g ec o m . t e c h n o t a l k a t i v e . t a b b a r e x a m p l e ; i m p o r ta n d r o i d . a p p . A c t i v i t y ; i m p o r ta n d r o i d . o s . B u n d l e ; i m p o r ta n d r o i d . w i d g e t . T e x t V i e w ; p u b l i cc l a s sS e c o n d A c t i v i t ye x t e n d sA c t i v i t y { @ O v e r r i d e p r o t e c t e dv o i do n C r e a t e ( B u n d l es a v e d I n s t a n c e S t a t e ){ / /T O D OA u t o g e n e r a t e dm e t h o ds t u b s u p e r . o n C r e a t e ( s a v e d I n s t a n c e S t a t e ) ; s e t C o n t e n t V i e w ( R . l a y o u t . t a b _ t e s t ) ;
T e x t V i e wt x t V i e w=( T e x t V i e w )f i n d V i e w B y I d ( R . i d . t x t D i s p l a y e d T a b ) ; t x t V i e w . s e t T e x t ( " S e c o n dT a bi sS e l e c t e d " ) ; } }
AndroidManifest.x m l < ? x m lv e r s i o n = " 1 . 0 "e n c o d i n g = " u t f 8 " ? > < m a n i f e s tx m l n s : a n d r o i d = " h t t p : / / s c h e m a s . a n d r o i d . c o m / a p k / r e s / a n d r o i d " p a c k a g e = " c o m . t e c h n o t a l k a t i v e . t a b b a r e x a m p l e " a n d r o i d : v e r s i o n C o d e = " 1 " a n d r o i d : v e r s i o n N a m e = " 1 . 0 " > < u s e s s d ka n d r o i d : m i n S d k V e r s i o n = " 8 "/ > < a p p l i c a t i o na n d r o i d : i c o n = " @ d r a w a b l e / i c o n "a n d r o i d : l a b e l = " @ s t r i n g / a p p _ n a m e " > < a c t i v i t ya n d r o i d : n a m e = " . T a b B a r A c t i v i t y " a n d r o i d : l a b e l = " @ s t r i n g / a p p _ n a m e " > < i n t e n t f i l t e r > < a c t i o na n d r o i d : n a m e = " a n d r o i d . i n t e n t . a c t i o n . M A I N "/ > < c a t e g o r ya n d r o i d : n a m e = " a n d r o i d . i n t e n t . c a t e g o r y . L A U N C H E R "/ > < / i n t e n t f i l t e r >
www.technotalkative.com/android-tab-bar-example-1/ 4/7
7/24/13
Android - simple Tab bar example => TechnoTalkativeTechnoTalkative
< / a c t i v i t y > < a c t i v i t ya n d r o i d : n a m e = " F i r s t A c t i v i t y " > < / a c t i v i t y > < a c t i v i t ya n d r o i d : n a m e = " S e c o n d A c t i v i t y " > < / a c t i v i t y > < a c t i v i t ya n d r o i d : n a m e = " T h i r d A c t i v i t y " > < / a c t i v i t y > < a c t i v i t ya n d r o i d : n a m e = " F o u r t h A c t i v i t y " > < / a c t i v i t y > < / a p p l i c a t i o n > < / m a n i f e s t >
About Paresh Mayani
I'm Paresh May ani, a passionate mobile application dev eloper from India. Hav ing been inv olv ed in android app dev elopment since 201 0. By passion, I am Head/Organizer of Google Dev elopers Group (GDG), Ahmedabad
www.technotalkative.com/android-tab-bar-example-1/
5/7
7/24/13
Android - simple Tab bar example => TechnoTalkativeTechnoTalkative
3 comments Leave a message...
Best Community K hurram S hehz ad
Share
6 months ago
thnx it works perfect..... but the prblem is that whenever the contents on the corresponding tab grow, the TabBar goes behind (becomes INVISIBLE). any help in this regard will be higly appreciated.....
Reply Share
Mod
P ares h May ani
> Khurram Shehzad
6 months ago
manis h y adav
Contents grow?? My dear as per the standard of the Tab bar, you should give long name to the tabs. In second solution you can prepare image with text for placing inside the tab.
Reply
Share
8 months ago
how to set the specific tab after on clicklistener
Reply Share
ALSO ON TECHNOTALKATIVE
What's this?
New Android Virtual Device Manager ADT 21.0
1 comment 8 months ago
Android DayDream part 1
2 comments 8 months ago
Tavon Gat ling The Daydreams sound
Je hi. im having a problem, i can't find
the panel situated on the left of the avd windows(which was present in the earlier version consisting of virtual
amazing. I wonder if someone will put a twiiter widget or something similar there one day.
Android 4.2 DayDream part 2 How to create DayDream?
4 comments 8 months ago
ADT Bundle Just a single step to setup android development environment 5 comments 8 months ago
Chris Mc Clellan You made an
P k mmt e Thank you for this helpful
tutorial. Great job!I didn't think daydreams were this simple.
absolutely huge mistake in your article; you completely FORGOT about telling students how to download the jdk,
www.technotalkative.com/android-tab-bar-example-1/
6/7
7/24/13
Android - simple Tab bar example => TechnoTalkativeTechnoTalkative
Copyright TechnoTalkative.
www.technotalkative.com/android-tab-bar-example-1/
7/7