タブを下にコンテンツを上に表示したい

前回のソースを利用します。

まず、構成を確認します。

※見易さの為、属性値は割愛しております。

<?xml version="1.0" encoding="utf-8"?>
<TabHost>
 <LinearLayout>
 <TabWidget/>
 <FrameLayout/>
 </LinearLayout>
</TabHost>

これで、表示されているのって、LinearLayoutで、

TabWidget:タブのエリア
FrameLayout:表示コンテンツエリア

と思ったので

<?xml version="1.0" encoding="utf-8"?>
<TabHost>
 <LinearLayout>
 <FrameLayout/>
 <TabWidget/>
 </LinearLayout>
</TabHost>

とTabWidgetとFrameLayoutを入れ替えてみました。

そうすると、エラーは出なかったのですが、タブも出なかったです。

ここで、おそらくFrameLayoutがandroid:layout_height=”fill_parent”の問題だと思って、android:layout_height=”wrap_content”に変更をすると、

tab

となります。

テキストや表示エリアがつっぱり棒みたいな役割をして欲しいのでandroid:layout_weight=”1″をFrameLayoutに使用をします。

tab

tabエリアが下で表示がされました。

今回しようしたxmlは以下になります。

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@android:id/tabhost"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent">
 <LinearLayout
 android:orientation="vertical"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent">
 <FrameLayout
 android:id="@android:id/tabcontent"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:layout_weight="1"/>
 <TabWidget
 android:id="@android:id/tabs"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content" />
 </LinearLayout>
</TabHost>

前後の記事

前の記事:

次の記事:

関連の記事

コメントの投稿

  • サイト内検索

新作アプリの紹介

関連サイトの紹介

アンドロイドアプリ開発TIPS
きぐるみカメラ
ふらいぱん
アンドロイドのデザイン集
Page top↑