Android.TabHost-2. 기본예제1

[ Android.TabHost-2. 기본예제1 ]

1. 소스 목록

   - activity_main.xml : layout

   - MainActivity.java : tab 적용시킬 java단

2. 정의

   - activity_main.xml파일에 Tabhost 위젯을 정의하지 않고

     java단에서 Tabhost를 생성해서 적용한 예제

3. activity_main.xml

   <?xml version="1.0" encoding="utf-8"?> <!-- FrameLayout : 여러개의 차일드 레이아웃을 겹쳐놓고 선택적으로 사용할 수 있게 해주는 레이아웃 엘리먼트. --> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:id="@+id/layout_page1" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center"> <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#f000f0" android:text="First Page"/> </LinearLayout> <LinearLayout android:id="@+id/layout_page2" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center"> <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#00fff0" android:text="Second Page"/> </LinearLayout> <!-- TextView도 하나의 페이지로 처리 된다. (단, TextView는 다른 위젯을 포함할 수 없다) --> <!-- TextView뿐만 아니라 Button등 거의 모든 위젯이 한페이지를 찾지 할 수 있다. --> <Button android:id="@+id/layout_page3" android:layout_width="match_parent" android:layout_height="match_parent" android:text="Third Page" android:textSize="20dp" android:gravity="center"/> </FrameLayout>  

4. MainActivity.java

  //1. TabActivity를 상속받음 public class MainActivity extends TabActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //setContentView(R.layout.activity_main); //2. getTabHost 메서드를 통해 TabHost 객체를 생성 TabHost mTab = getTabHost(); LayoutInflater inflater = LayoutInflater.from(this); //3. LayoutInflater.from 메서드로 클래스정보 this를 전달하여 현재 Context의 전개자를 구한다. inflater.inflate(R.layout.activity_main, mTab.getTabContentView(), true); //4. TabSpec클래스는 접근가능한 생성자가 없어 newTabSpec 메서드를 통해 인스턴스를 생성 // setIndicator() : 탭 내부 명칭인 태그명 및 아이콘을 적용 // setContent() : 탭 터치 시 나타날 페이지 Layout 등록 mTab.addTab(mTab.newTabSpec("tag").setIndicator("Page1").setContent(R.id.layout_page1)); mTab.addTab(mTab.newTabSpec("tag").setIndicator("Page2").setContent(R.id.layout_page2)); mTab.addTab(mTab.newTabSpec("tag").setIndicator("Page3").setContent(R.id.layout_page3)); } }