1

レイアウトに関するいくつかの問題を解決しようとしています。レイアウトの知識がある人が助けてくれることを願っています。以下のxmlには、最終的に達成しようとしているもののスクリーンショットと、xmlが現在表示するもののスクリーンショットがあります。

1) 中央のセクション (スクリーン ショットの lorem ipsum テキスト) では、高さを画面いっぱいにする必要があります。基本的に、オフィスのテキストとその下の項目を押し下げるように、そのセクションを拡張しようとしています。

2) 下部のセクションには、左右にスクロールする 2 つの画像ボタンと、中央にリストビューがあります。リストビューの右側に右の画像ボタンを表示する方法がわかりません。

xml とスクリーンショットは次のとおりです。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:minWidth="25px"
    android:minHeight="25px">
    <RelativeLayout
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/relativeLayout1">
        <ImageView
            android:id="@+id/ivPhoto"
            android:src="@android:drawable/ic_menu_gallery"
            android:layout_width="38dp"
            android:layout_height="52dp"
            android:layout_marginRight="5dp" />
        <TextView
            android:id="@+id/tvName"
            android:text="Medium Text"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/ivPhoto" />
        <TextView
            android:id="@+id/tvPracticeName"
            android:text="Small Text"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/ivPhoto"
            android:layout_below="@+id/tvName" />
        <TextView
            android:id="@+id/tvPracticeType"
            android:text="Small Text"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/ivPhoto"
            android:layout_below="@+id/tvPracticeName" />
        <ImageView
            android:id="@+id/ivFacebook"
            android:src="@android:drawable/ic_menu_gallery"
            android:layout_width="16dp"
            android:layout_height="16dp"
            android:layout_below="@+id/tvPracticeType"
            android:layout_toRightOf="@+id/ivPhoto"
            android:layout_marginRight="5dp" />
        <ImageView
            android:id="@+id/ivFacebook"
            android:src="@android:drawable/ic_menu_gallery"
            android:layout_width="16dp"
            android:layout_height="16dp"
            android:layout_below="@+id/tvPracticeType"
            android:layout_toRightOf="@+id/ivPhoto"
            android:layout_marginRight="5dp" />
        <ImageView
            android:id="@+id/ivLinkedIn"
            android:src="@android:drawable/ic_menu_gallery"
            android:layout_width="16dp"
            android:layout_height="16dp"
            android:layout_below="@+id/tvPracticeType"
            android:layout_toRightOf="@+id/ivFacebook"
            android:layout_marginRight="5dp" />
        <ImageView
            android:id="@+id/ivTwitter"
            android:src="@android:drawable/ic_menu_gallery"
            android:layout_width="16dp"
            android:layout_height="16dp"
            android:layout_below="@+id/tvPracticeType"
            android:layout_toRightOf="@+id/ivLinkedIn"
            android:layout_marginRight="5dp" />
    </RelativeLayout>
    <LinearLayout
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/linearLayout1">
        <TextView
            android:text="This section needs to growth vertically as to push the offices down."
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@+id/textView1" />
    </LinearLayout>
    <TextView
        android:text="Offices"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textView1" />
    <RelativeLayout
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/linearLayout1">
        <ImageView
            android:id="@+id/ivLeftScroll"
            android:src="@android:drawable/ic_menu_gallery"
            android:layout_width="38dp"
            android:layout_height="52dp" />
        <ListView
            android:id="@+id/lvOffices"
            android:minWidth="25px"
            android:minHeight="25px"
            android:layout_width="0dp"
            android:layout_height="120dp"
            android:layout_toRightOf="@+id/ivLeftScroll" />
        <ImageView
            android:id="@+id/ivRightScroll"
            android:src="@android:drawable/ic_menu_gallery"
            android:layout_width="38dp"
            android:layout_height="52dp"
            android:layout_alignParentRight="true" />
    </RelativeLayout>
</LinearLayout>

これが最終的に私が達成したいことです。スタイリングを行うことができます。上記の 2 つの質問についてサポートが必要です。

ここに画像の説明を入力

以下は、xml が生成するものです。

ここに画像の説明を入力

助けてくれてありがとう！！

*** 更新: xml を更新し、最後のセクションを相対レイアウトにし、ListView の幅を 0dp に変更しました

4

1 に答える 1

1

次のコードを試してみてください。ListView高さをに設定することもお勧めできないwrap_contentので、目的に合わせて適切な値を設定して 120dp に設定します。

<?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"
android:orientation="vertical" >

<RelativeLayout
    android:id="@+id/relativeLayout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:minHeight="25px"
    android:minWidth="25px" >

    <ImageView
        android:id="@+id/ivPhoto"
        android:layout_width="38dp"
        android:layout_height="52dp"
        android:layout_marginRight="5dp"
        android:src="@android:drawable/ic_menu_gallery" />

    <TextView
        android:id="@+id/tvName"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/ivPhoto"
        android:text="Medium Text"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView
        android:id="@+id/tvPracticeName"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tvName"
        android:layout_toRightOf="@+id/ivPhoto"
        android:text="Small Text"
        android:textAppearance="?android:attr/textAppearanceSmall" />

    <TextView
        android:id="@+id/tvPracticeType"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tvPracticeName"
        android:layout_toRightOf="@+id/ivPhoto"
        android:text="Small Text"
        android:textAppearance="?android:attr/textAppearanceSmall" />

    <ImageView
        android:id="@+id/ivFacebook"
        android:layout_width="16dp"
        android:layout_height="16dp"
        android:layout_below="@+id/tvPracticeType"
        android:layout_marginRight="5dp"
        android:layout_toRightOf="@+id/ivPhoto"
        android:src="@android:drawable/ic_menu_gallery" />

    <ImageView
        android:id="@+id/ivFacebook"
        android:layout_width="16dp"
        android:layout_height="16dp"
        android:layout_below="@+id/tvPracticeType"
        android:layout_marginRight="5dp"
        android:layout_toRightOf="@+id/ivPhoto"
        android:src="@android:drawable/ic_menu_gallery" />

    <ImageView
        android:id="@+id/ivLinkedIn"
        android:layout_width="16dp"
        android:layout_height="16dp"
        android:layout_below="@+id/tvPracticeType"
        android:layout_marginRight="5dp"
        android:layout_toRightOf="@+id/ivFacebook"
        android:src="@android:drawable/ic_menu_gallery" />

    <ImageView
        android:id="@+id/ivTwitter"
        android:layout_width="16dp"
        android:layout_height="16dp"
        android:layout_below="@+id/tvPracticeType"
        android:layout_marginRight="5dp"
        android:layout_toRightOf="@+id/ivLinkedIn"
        android:src="@android:drawable/ic_menu_gallery" />
</RelativeLayout>

<TextView
    android:id="@+id/textView1"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:text="Growing section"
    android:textAppearance="?android:attr/textAppearanceSmall" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Offices"
    android:textAppearance="?android:attr/textAppearanceMedium" />

<LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/ivLeftScroll"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:src="@android:drawable/ic_menu_gallery" />

    <ListView
        android:id="@+id/lvOffices"
        android:layout_width="0dp"
        android:layout_height="120dp"
        android:layout_weight="1" />

    <ImageView
        android:id="@+id/ivRightScroll"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:src="@android:drawable/ic_menu_gallery" />
</LinearLayout>

</LinearLayout>
于 2013-02-21T14:23:39.663 に答える