1

我试图找出布局的几个问题,希望有布局知识的人能提供帮助。我有下面的 xml 以及我最终想要实现的屏幕截图以及 xml 当前将显示的屏幕截图。

1)在中心部分(屏幕截图中的lorem ipsum文本)我需要让高度充满屏幕。基本上,我正在尝试扩展该部分,以便将办公室文本及其下方的项目向下推。

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>

这最终是我想要实现的,我可以做造型,我只需要上面两个问题的帮助:

在此处输入图像描述

以下是 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 回答