5

Android は、このような便利なウィジェットを提供していないようです。ただし、私の画面設計には次のようなビューが必要です。

設計例

また、相互作用の設計では、他のデータに応じて、そのようなボックスを表示および非表示にする必要があります。

もちろん、XML レイアウト内の個別の要素 (たとえば、形状とその上のテキストビュー) からこのようなボックスを作成することもできますが、それらの可視性を管理するのは地獄です...

したがって、ここで必要なのは、相対レイアウトのようなコンテナーであることは明らかです。このようなコンテナーは、XML レイアウトで子を持つことができ、単純な setVisibility(...) 呼び出しで表示および非表示にすることができます。

誰かがそれを行う方法のヒントを教えてもらえますか?

4

2 に答える 2

2

あるとは思いませんが、何かのマニュアルをハックしました...私が知っているのと同じではありませんが、「@drawable/divider」は2ピクセルの正方形の灰色の画像です。コントロールの周りにボックスの錯覚を作成します。

<?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">
    <ScrollView android:id="@+id/ScrollView01" android:layout_height="fill_parent" android:layout_width="fill_parent">
        <LinearLayout
          xmlns:android="http://schemas.android.com/apk/res/android"
          android:orientation="vertical" android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/linLayout02">
            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" >
                <ImageView
                    xmlns:android="http://schemas.android.com/apk/res/android"
                    android:background="@drawable/divider"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:scaleType="fitXY"/>
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/tableRow1"  android:visibility="gone">
                <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/image_folder" android:minWidth="100px" android:visibility="gone"></TextView>
                <EditText android:text="..." android:layout_height="wrap_content" android:layout_weight="1" android:layout_width="fill_parent" android:id="@+id/txtImageFolder" android:enabled="false" android:visibility="gone"></EditText>
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/tableRow2">
                <LinearLayout
                  xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="left">
                    <ImageView
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:background="@drawable/divider"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:scaleType="fitXY"/>
                    <CheckBox android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/cbDisplayText" android:text="@string/text_below_images"></CheckBox>
                    <LinearLayout
                      xmlns:android="http://schemas.android.com/apk/res/android"
                      android:layout_height="fill_parent" android:layout_width="fill_parent" android:gravity="right">
                        <ImageView
                            xmlns:android="http://schemas.android.com/apk/res/android"
                            android:background="@drawable/divider"
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"

                            android:scaleType="fitXY"/>
                    </LinearLayout>
                </LinearLayout>
            </TableRow>
            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/tableRow3" >
                <LinearLayout
                  xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="left">
                    <ImageView
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:background="@drawable/divider"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:scaleType="fitXY"/>
                    <TextView android:id="@+id/tvLocale" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/locale" android:minWidth="100px"></TextView>
                    <Spinner android:id="@+id/cboLocales" android:layout_width="wrap_content" android:layout_height="wrap_content" android:minWidth="100px"></Spinner>
                    <LinearLayout
                      xmlns:android="http://schemas.android.com/apk/res/android"
                      android:layout_height="fill_parent" android:layout_width="fill_parent" android:gravity="right">
                        <ImageView
                            xmlns:android="http://schemas.android.com/apk/res/android"
                            android:background="@drawable/divider"
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"

                            android:scaleType="fitXY"/>
                    </LinearLayout>
                </LinearLayout>
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/tableRow3_1" >
                <LinearLayout
                  xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="left">
                    <ImageView
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:background="@drawable/divider"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:scaleType="fitXY"/>
                    <TextView android:id="@+id/tvPitch" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/pitch" android:minWidth="100px"></TextView>
                    <SeekBar android:minWidth="100px"  android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/barPitch" android:max="200" ></SeekBar>
                    <LinearLayout
                      xmlns:android="http://schemas.android.com/apk/res/android"
                      android:layout_height="fill_parent" android:layout_width="fill_parent" android:gravity="right">
                        <ImageView
                            xmlns:android="http://schemas.android.com/apk/res/android"
                            android:background="@drawable/divider"
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"

                            android:scaleType="fitXY"/>
                    </LinearLayout>
                </LinearLayout>
            </TableRow>
            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/tableRow3_2" >
                <LinearLayout
                  xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="left">
                    <ImageView
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:background="@drawable/divider"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:scaleType="fitXY"/>
                    <TextView android:id="@+id/tvLocale" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/speed" android:minWidth="100px"></TextView>
                    <SeekBar android:minWidth="100px" android:layout_width="wrap_content" android:id="@+id/barSpeed" android:layout_height="wrap_content" android:max="200"></SeekBar>
                    <LinearLayout
                      xmlns:android="http://schemas.android.com/apk/res/android"
                      android:layout_height="fill_parent" android:layout_width="fill_parent" android:gravity="right">
                        <ImageView
                            xmlns:android="http://schemas.android.com/apk/res/android"
                            android:background="@drawable/divider"
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"

                            android:scaleType="fitXY"/>
                    </LinearLayout>
                </LinearLayout>
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:id="@+id/tableRow4" android:layout_height="wrap_content" >
                <LinearLayout
                  xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="left">
                    <ImageView
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:background="@drawable/divider"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:scaleType="fitXY"/>
                    <Button android:minWidth="100px" android:layout_width="wrap_content" android:layout_height="wrap_content"  android:id="@+id/btnSave" android:text="@string/save"></Button>
                    <Button android:minWidth="100px" android:layout_width="wrap_content" android:layout_height="wrap_content"  android:id="@+id/btnCancel" android:text="@string/cancel"></Button>
                    <LinearLayout
                      xmlns:android="http://schemas.android.com/apk/res/android"
                      android:layout_height="fill_parent" android:layout_width="fill_parent" android:gravity="right">
                        <ImageView
                            xmlns:android="http://schemas.android.com/apk/res/android"
                            android:background="@drawable/divider"
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"

                            android:scaleType="fitXY"/>
                    </LinearLayout>
                </LinearLayout>
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" >
                <ImageView
                    xmlns:android="http://schemas.android.com/apk/res/android"
                    android:background="@drawable/divider"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:scaleType="fitXY"
                    android:paddingLeft="5dp"
                    android:paddingRight="5dp"
                    android:paddingBottom="2dp"
                    android:paddingTop="2dp" />
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="2px">
                <ImageView
                    xmlns:android="http://schemas.android.com/apk/res/android"
                    android:background="@drawable/divider"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:scaleType="fitXY"
                    android:paddingLeft="5dp"
                    android:paddingRight="5dp"
                    android:paddingBottom="2dp"
                    android:paddingTop="2dp" />
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" >
                <LinearLayout
                  xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="left">
                    <ImageView
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:background="@drawable/divider"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:scaleType="fitXY"/>
                    <TextView android:text="@string/download_msg" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
                    <LinearLayout
                      xmlns:android="http://schemas.android.com/apk/res/android"
                      android:layout_height="fill_parent" android:layout_width="fill_parent" android:gravity="right">
                        <ImageView
                            xmlns:android="http://schemas.android.com/apk/res/android"
                            android:background="@drawable/divider"
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"

                            android:scaleType="fitXY"/>
                    </LinearLayout>
                </LinearLayout>
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" >
                <LinearLayout
                  xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="left">
                    <ImageView
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:background="@drawable/divider"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:scaleType="fitXY"/>
                    <TextView android:text="Step 1: Download and Install eSpeak:" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
                    <Button android:minWidth="80px" android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/btneSpeak" android:text="@string/eSpeak"></Button>
                    <ProgressBar android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/barESpeak" android:visibility="gone"></ProgressBar>
                    <LinearLayout
                      xmlns:android="http://schemas.android.com/apk/res/android"
                      android:layout_height="fill_parent" android:layout_width="fill_parent" android:gravity="right">
                        <ImageView
                            xmlns:android="http://schemas.android.com/apk/res/android"
                            android:background="@drawable/divider"
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"

                            android:scaleType="fitXY"/>
                    </LinearLayout>
                </LinearLayout>
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" >
                <LinearLayout
                  xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="left">
                    <ImageView
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:background="@drawable/divider"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:scaleType="fitXY"/>
                    <TextView android:text="Step 2: Download and Install Languages:" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
                    <Button android:minWidth="80px" android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/btnLanguages" android:text="@string/languages"></Button>
                    <ProgressBar android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/barLanguages" android:visibility="gone"></ProgressBar>
                    <LinearLayout
                      xmlns:android="http://schemas.android.com/apk/res/android"
                      android:layout_height="fill_parent" android:layout_width="fill_parent" android:gravity="right">
                        <ImageView
                            xmlns:android="http://schemas.android.com/apk/res/android"
                            android:background="@drawable/divider"
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"

                            android:scaleType="fitXY"/>
                    </LinearLayout>
                </LinearLayout>
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" >
                <LinearLayout
                  xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="left">
                    <ImageView
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:background="@drawable/divider"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:scaleType="fitXY"/>
                    <TextView android:text="Step 3: Reboot the device:" android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
                    <Button android:minWidth="80px" android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/btnReboot" android:text="Reboot"></Button>
                    <LinearLayout
                      xmlns:android="http://schemas.android.com/apk/res/android"
                      android:layout_height="fill_parent" android:layout_width="fill_parent" android:gravity="right">
                        <ImageView
                            xmlns:android="http://schemas.android.com/apk/res/android"
                            android:background="@drawable/divider"
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"

                            android:scaleType="fitXY"/>
                    </LinearLayout>
                </LinearLayout>
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" >
                <LinearLayout
                  xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="left">
                    <ImageView
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:background="@drawable/divider"
                        android:layout_width="wrap_content"
                        android:layout_height="fill_parent"
                        android:scaleType="fitXY"/>
                    <TextView android:text="Note: If Text to speech still fails repeat Step 2 and reboot again." android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
                    <LinearLayout
                      xmlns:android="http://schemas.android.com/apk/res/android"
                      android:layout_height="fill_parent" android:layout_width="fill_parent" android:gravity="right">
                        <ImageView
                            xmlns:android="http://schemas.android.com/apk/res/android"
                            android:background="@drawable/divider"
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"

                            android:scaleType="fitXY"/>
                    </LinearLayout>
                </LinearLayout>
            </TableRow>

            <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content" >
                <ImageView
                    xmlns:android="http://schemas.android.com/apk/res/android"
                    android:background="@drawable/divider"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:scaleType="fitXY"
                    android:paddingLeft="5dp"
                    android:paddingRight="5dp"
                    android:paddingBottom="2dp"
                    android:paddingTop="2dp" />
            </TableRow>

        </LinearLayout>

    </ScrollView>

</LinearLayout>
于 2011-06-30T19:59:28.103 に答える
0

これを Drawable ファイル名「selector_fieldset_background.xml」に保持します。

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
    <solid android:color="#FFFFFF" />
    <stroke
      android:width="1dip"
      android:color="#4fa5d5" />
</shape>

そして、これはあなたのレイアウトで：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_marginTop="13dp"
    android:background="@drawable/selector_fieldset_background"
    android:orientation="vertical" >
  </LinearLayout>

  <TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:background="@color/white"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:text="Order Information"
    android:textAppearance="?android:attr/textAppearanceLarge"/>
</RelativeLayout>

これにより、画像に示すようにグループ ボックス コンポーネントが作成されます。

于 2014-08-04T11:37:00.190 に答える