【问题标题】:Limit Height LinearLayout with ListView And Button使用 ListView 和按钮限制高度 LinearLayout
【发布时间】:2013-11-20 13:52:59
【问题描述】:

我有一个如下所示的 LinearLayout

    <LinearLayout
        android:id="@+id/middleLinearLayout"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1"
        android:orientation="vertical" >

            <ListView
                android:id="@+id/listView1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#00000000"
                android:cacheColorHint="#00000000"
                android:gravity="center"    
                android:listSelector="@drawable/categories_list_item_selector" >
            </ListView>

            <ImageButton
                android:id="@+id/imageButton1"
                android:layout_width="300dp"
                android:layout_height="22dp"
                android:adjustViewBounds="true"
                android:background="@android:color/transparent"
                android:scaleType="fitCenter"
                android:src="@drawable/button_plus" />


    </LinearLayout>

我希望按钮粘在底部的 ListView 上,所以如果 ListView 有 0 个项目,那么按钮向上... 如果 ListView 有很多项目,那么我希望 Button 像 ListView 一样增长,直到触及 Linear 的底部,然后 ListView 将停止获得更多高度。

感谢您的帮助...

-----编辑---------

我的完整布局 xml 如下所示

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_gravity="center_horizontal"
tools:context=".ShowFoodOrSupplement" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:scaleType="fitXY"
    android:src="@drawable/main_bg" />

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_alignParentLeft="true"
    android:adjustViewBounds="true"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <ImageButton
            android:id="@+id/backButton"
            android:layout_width="15dp"
            android:layout_height="16dp"
            android:layout_marginLeft="15dp"
            android:layout_marginTop="10dp"
            android:background="@android:color/transparent"
            android:onClick="backBtnClick"
            android:scaleType="fitXY"
            android:src="@drawable/back_arrow" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="245dp"
            android:layout_height="45dp"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="0dp"
            android:src="@drawable/general_top_image" />

        <TextView
            android:id="@+id/titleTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="8dp"
            android:text="το πρόγραμμά μου"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textSize="12sp" />

    </RelativeLayout>

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:adjustViewBounds="true"
        android:src="@drawable/myprogram_breakfast_image" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="6dp" >

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:src="@drawable/lines_bg_program_food" />

        <ImageButton
            android:id="@+id/imageButton4"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:layout_marginLeft="40dp"
            android:background="@android:color/transparent"
            android:scaleType="fitXY"
            android:src="@drawable/watch_program" />

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5dp"
            android:layout_toRightOf="@id/imageButton4"
            android:text="--:--" />

        <ImageButton
            android:id="@+id/imageButton5"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:layout_centerHorizontal="true"
            android:background="@android:color/transparent"
            android:scaleType="fitXY"
            android:src="@drawable/alarm_icon" />

        <ImageButton
            android:id="@+id/imageButton6"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:layout_alignParentRight="true"
            android:layout_marginRight="40dp"
            android:background="@android:color/transparent"
            android:scaleType="fitXY"
            android:src="@drawable/copy_program" />
    </RelativeLayout>

    <TextView
        android:id="@+id/textView9"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="5dp"
        android:layout_marginTop="3dp"
        android:text="Kcal"
        android:layout_gravity="right"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="#000000" />

    <RelativeLayout
        android:id="@+id/middleLinearLayout"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1"
        android:orientation="vertical" >

            <ListView
                android:id="@+id/listView1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#00000000"
                android:cacheColorHint="#00000000"
                android:gravity="center"
                android:listSelector="@drawable/categories_list_item_selector" >
            </ListView>

            <ImageButton
                android:id="@+id/imageButton1"
                android:layout_width="300dp"
                android:layout_height="22dp"
                android:adjustViewBounds="true"
                android:layout_below="@id/listView1"
                android:background="@android:color/transparent"
                android:scaleType="fitCenter"
                android:onClick="PickSomeFood"
                android:src="@drawable/button_plus" />


    </RelativeLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <View
            android:layout_width="fill_parent"
            android:layout_height="1dp"
            android:layout_marginBottom="10dp"
            android:layout_marginTop="10dp"
            android:background="@android:color/darker_gray" />

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="match_parent" >

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_marginLeft="20dp"
                android:text="σύνολο θερμίδων:" />

            <TextView
                android:id="@+id/textView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginRight="20dp"
                android:text="0 Kcal" />
        </RelativeLayout>

        <View
            android:layout_width="fill_parent"
            android:layout_height="1dp"
            android:layout_marginBottom="10dp"
            android:layout_marginTop="10dp"
            android:background="@android:color/darker_gray" />
    </LinearLayout>

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

        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <ImageButton
                android:layout_width="130dp"
                android:layout_height="35dp"
                android:background="@android:color/transparent"
                android:scaleType="fitXY"
                android:src="@drawable/profile_form_save_button" />

            <TextView
                android:id="@+id/text"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_gravity="center"
                android:text="αποθήκευση"
                android:textColor="#ffffff"
                android:textSize="14sp" />
        </FrameLayout>

        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <ImageButton
                android:id="@+id/ImageButton02"
                android:layout_width="130dp"
                android:layout_height="35dp"
                android:layout_gravity="center"
                android:background="@android:color/transparent"
                android:scaleType="fitXY"
                android:src="@drawable/profile_form_save_button" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_gravity="center"
                android:text="διαγραφή"
                android:textColor="#ffffff"
                android:textSize="14sp" />
        </FrameLayout>
    </LinearLayout>

    <ImageView
        android:id="@+id/imageViewBottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:layout_marginBottom="5dp"
        android:src="@drawable/bottom_schedule" />

</LinearLayout>

所以我希望第一个线性获得屏幕的全高, 然后在 middleLinearLayout 上方的所有小部件内部,将 middleLinearLayout 下方的其余部分放在底部......我成功添加了 android:layout_weight="1" 所以现在 middleLinearLayout 得到了剩下的高度......

现在在 middleLinearLayout 我有一个 ListView 和一个按钮...例如,如果 ListView 项目为 2,那么该按钮将粘在 ListView 的底部,并且在 middleLinearLayout 结束之前会有一个空格...

问题是,如果 ListView Items 的高度大于 middleLinearLayout 的高度,那么 ListView 下面的 UIImageButton 就会消失...

【问题讨论】:

  • 您可以将按钮作为页脚添加到列表视图
  • 将 LIST VIEW 和 IMAGE BUTTON 放在两个水平线布局中,并将 LIST VIEW 的 Linearlayout 的权重设为 1 并寻找输出

标签: android android-listview height android-linearlayout


【解决方案1】:

我认为,您想要的是一个容器(LinearLayoutRelativeLayout),正如您已经发现的那样,它适合使用 android:weight="1" 的其他两个视图。

在此容器中,您需要一个 ListView 和一个 Button。 Button 应位于列表项的正下方。

@Malachiasz 的答案是正确的,这意味着您的按钮将始终位于您的 ListView 下方,但现在您遇到了另一个问题 - 这是因为 ListView 的大小Button 更长可见,因为它不适合您的容器。

不幸的是,当 ListView 的父级在其祖先中具有离散大小时,您无法实现该行为。您的 ListView 可以是离散尺寸 (100dp)、相对于自身的尺寸 (wrap_contents) 或相对于其父级的尺寸(90%、填充等)。

如果你给它一个离散大小或相对于它的父级的大小,按钮将保持锚定在列表底部(或容器底部),并且永远不会向上或向下移动,具体取决于列表项正在添加。然而,从视觉上看,这看起来不错,很容易让它看起来正确。

如果你给 ListView 一个相对于它自身的大小 (wrap_content) 那么你的 Button 将根据列表内容正确地向上或向下移动,然而,如果 ListView 有除了wrap_contents 之外的任何高度的祖先,您最终将进入ListView 将变得比其容器更大并且按钮将消失的位置(您也将无法滚动到列表中的最后一项)。

由您决定采用哪种方法以及需要考虑哪些因素,以使您的 UI 看起来合理且功能正确。

【讨论】:

  • 非常感谢@Graeme,我将采用在 ListView 中添加页脚的解决方案...在 iOS 的同一个项目中,我正在计算项目,如果它们超出我设置的范围代码表高度...无论如何,感谢您的宝贵时间,感谢您的帮助。
  • ListView 页脚 api 在此问题/答案中进行了描述:stackoverflow.com/a/4265324/726954 - 但据我所知,您仍然会遇到同样的问题,因为您的 ListView 内容将意味着您的 List 变大比它的容器和页脚也会消失?
【解决方案2】:

使用RelativeLayout代替LinearLayout并设置ImageButton android:layout_below="@id/listView1"的属性

【讨论】:

  • 也许尝试使用最父级的 RelativeLayout android:layout_height="match_parent" 而不是 layout_height="0dip" 来排除它,问题不存在。
  • @Graeme 和 Malachiasz 请参见上文...我已经添加了更多解释的所有代码
猜你喜欢
  • 1970-01-01
  • 2017-06-10
  • 2020-12-12
  • 2011-07-26
  • 1970-01-01
  • 2016-07-27
  • 2014-12-03
  • 2017-07-21
  • 1970-01-01
相关资源
最近更新 更多