memorandum
タグ
言語

Android ioschedのDashboardLayoutをタイトルなしのダイアログで使う

2011/09/23
2021/02/25
Google UI Android

Google I/Oのアプリ iosched に含まれているDashboardLayoutをカスタムダイアログで適用しようとしましたが、タイトルバーを非表示にしたところ、レイアウトが崩れてしまいました。
DashboardLayoutを使っているActivityのレイアウトファイルをそのまま使ったわけではなく、 Fragmentを使わないように書き換えたのですが、その際に誤って削ってしまった「android:layout_weight="1"」が原因でした。
以下、詳細のメモです。

まず、最初にダイアログに使ったレイアウトです。

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:minHeight="300dp"
    android:minWidth="300dp"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="@drawable/background">
    <TextView
        android:text="@string/title_a"
        android:textColor="@color/accent"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center" />
    <com.google.android.apps.iosched.ui.widget.DashboardLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1">
        <Button
            android:id="@+id/button_a"
            style="@style/DashboardButton"
            android:text="@string/label_button_a"
            android:drawableTop="@drawable/icon" />
        :
    </com.google.android.apps.iosched.ui.widget.DashboardLayout>
</LinearLayout>

これをタイトルバーありの状態で表示すると以下のようになります。
黒い空白領域ができてしまい不恰好です。
※タイトルらしい文字列を別に表示しているので紛らわしいですが、やりたいことは、デフォルトのタイトルバーを消した状態でDashboardLayoutを使うということです。

次にタイトルバーを消します。
以下のようなタイトルバー非表示のダイアログ用スタイルを定義して、ダイアログのインタンス生成時に指定します。

<style name="Theme.Dialog" parent="android:style/Theme.Dialog">
    <item name="android:windowNoTitle">true</item>
</style>

XxxDashboardDialog dialog = new XxxDashboardDialog(this, R.style.Theme_Dialog);

これを表示すると、android:layout_height="fill_parent"が効かず、以下のように潰れてしまいます。

これは、以下のようにandroid:layout_weightを指定することで解決しました。

<com.google.android.apps.iosched.ui.widget.DashboardLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_weight="1">

以下が指定した後の表示です。

© 2010 ksoichiro