アフィリエイト広告を利用しています

広告

posted by fanblog

2018年05月06日

TabHostの備忘録

TabHost
概要

・android.widget.FrameLayout配下のリスナー
デザイン

    タブを表示させる。
    xmlでの記載方法。

    <TabHost
    android:id="@+id/tabHost1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    [ここに追加する]
    </TabHost>


    ここで、幅は親フォームに合わせている。
    "[ここに追加する]"の項目は以下のような内容を記載する。
    まず、タブを利用するための情報を記載する。

    <LinearLayout
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical"
     android:id="@+id/linearLayout1">
     <TabWidget
      android:id="@android:id/tabs"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"/>
      [ここに追加する2]
    </LinearLayout>


    "[ここに追加する2]"の項目は以下のように記載する。
    ここでタブの各ページを追加する。
    タブの各ページはLinearLayoutを利用している。

    <FrameLayout
     android:id="@android:id/tabcontent"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:minWidth="25px"
     android:minHeight="25px">
     <LinearLayout
      android:orientation="vertical"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:id="@+id/linearLayout_tab1">
     </LinearLayout>
     <LinearLayout
      android:orientation="vertical"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:id="@+id/linearLayout_tab2">
     </LinearLayout>
     <FrameLayout>


    レイアウトだけでは、タブの表示がうまくいかないため、
    動作を定義する必要がある。
    methods

      タブの設定方法。
      OnCreate(Bundle savedInstanceState)中にタブの表示方法を定義する。

      TabHost tabHost = FindViewById(Resource.Id.tabHost1);
      tabHost.Setup();
      TabHost.TabSpec tabSpec1 = tabHost.NewTabSpec("tab1"); //─1
      tabSpec1.SetIndicator("タブ1"); //─2
      tabSpec1.SetContent(Resource.Id.linearLayout_tab1); //─3
      TabHost.TabSpec tabSpec2 = tabHost.NewTabSpec("tab2");
      tabSpec2.SetIndicator("タブ2");
      tabSpec2.SetContent(Resource.Id.linearLayout_tab2);
      tabHost.AddTab(tabSpec1); //─4
      tabHost.AddTab(tabSpec2);
      tabHost.SetCurrentTabByTag("tab1"); //─5


      各処理の説明を記載する。

      1. タブの名前を設定する。

      2. タブの表示名を設定する。

      3. タブで表示するレイアウトを指定する。

      4. タブを追加する。

      5. 初期表示のタブを設定する。



      (Google Developersはこちら

      ---
      【更新履歴】
      180505:初期作成



      【このカテゴリーの最新記事】
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/7625480
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
検索
<< 2022年06月 >>
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    
最新記事
タグクラウド
カテゴリーアーカイブ
日別アーカイブ
×

この広告は30日以上新しい記事の更新がないブログに表示されております。