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