[Android Dev.] Tab 사용하기 - 동적으로 Tab 추가하기

아래 코드는 XML 리소스에서 탭을 구성하는 것이 아니고 필요에 따라 코드로 탭을 동적으로 추가하는 내용이다.
동적으로 Tab 을 추가 하기위해서는 TabHost.TabContentFactory() 이용해 Content를 생성한다.

main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TabHost android:id="@+id/tabHost" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TabWidget android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="fill_parent" android:paddingTop="69px" > <LinearLayout android:id="@+id/BtnLayout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" > <Button android:id="@+id/BtnLinearLayout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Linear Layout"/> <Button android:id="@+id/BtnRelativeLayout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Relative Layout"/> <Button android:id="@+id/BtnTableLayout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Table Layout"/> </LinearLayout> </FrameLayout> </TabHost> </LinearLayout>
TabHost 생성 및 Tab 추가 코드
setContentView( R.layout.main_dynamic_tab ); // Tab Host 객체 생성 - 다른 객체의 멤버 함수에서 사용하기 위해 final 키워드 이용 final TabHost tabHost = (TabHost)findViewById( R.id.tabHost ); // TabHost 를 findViewById 로 생성한 후 Tab 추가 전에 꼭 실행해 주어야 함. tabHost.setup(); // 새로운 Tab 을 생성하기 위한 Tab 객체 생성 TabHost.TabSpec spec; // 첫 번째 Tab 설정 및 등록 spec = tabHost.newTabSpec( "Tab 00" ); // 새 Tab 생성 spec.setIndicator("Layouts", getResources().getDrawable(R.drawable.icon) ); // Tab 제목, 아이콘 spec.setContent(R.id.BtnLayout); // Tab 내용 tabHost.addTab( spec ); // 생성 된 Tab 등록 // 첫 번째 탭을 활성화 tabHost.setCurrentTab( 0 ); // Linear Layout Button btnAddLinearLayout = (Button)findViewById( R.id.BtnLinearLayout ); btnAddLinearLayout.setOnClickListener( new OnClickListener() { @Override public void onClick(View v) { for ( int view = 0; view < tabHost.getChildCount(); ++view ) { } TabHost.TabSpec spec = tabHost.newTabSpec( "Linear Layout" ); spec.setIndicator( "Linear" ); spec.setContent( new TabHost.TabContentFactory() { @Override public View createTabContent(String tag) { LinearLayout linear = new LinearLayout( MyLayout.this ); linear.setOrientation( LinearLayout.VERTICAL ); linear.setId( MY_LINEARLAYOUT_VIEW ); LinearLayout.LayoutParams param = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT ); linear.setLayoutParams( param ); // EditText EditText etName = new EditText( MyLayout.this ); etName.setText( "Input your name here!!" ); linear.addView( etName ); // First Button Button btn = new Button( MyLayout.this ); btn.setText( "First Added Button" ); linear.addView( btn, param ); // Second Button btn = new Button( MyLayout.this ); btn.setText( "Second Added Button" ); linear.addView( btn, new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT ) ); // TextView TextView tvHello = new TextView( MyLayout.this ); tvHello.setText( "Hello! Linear layout!!" ); tvHello.setGravity( Gravity.CENTER ); linear.addView( tvHello ); // Third Button btn = new Button( MyLayout.this ); btn.setText( "Third Added Button" ); linear.addView( btn, param ); return linear; } }); tabHost.addTab( spec ); } });