Android:如何将RelativeLayout填充到屏幕的全宽?

时间:2014-02-06 10:56:20

标签: android xml android-layout layout

我正在创建一个Android应用,其中包含一个主要的RelativeLayout和一些LinearLayout。

现在我遇到了这个问题。将项目拖动到编辑器时,例如一个LinearLayout,它不适合屏幕的整个宽度。我怎样才能做到这一点?这是我的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:fillViewport="true"
android:gravity="fill"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<LinearLayout
    android:id="@+id/itemDetailLayout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:orientation="vertical" 
    android:fillViewport="true" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/itemImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:minHeight="40dp"
            android:minWidth="40dp"
            android:src="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/itemName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:text="Name"
            android:textAppearance="?android:attr/textAppearanceMedium" />

    </LinearLayout>

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

        <TextView
            android:id="@+id/itemRecentHigh"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Recent High" />

        <TextView
            android:id="@+id/itemRecentLow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Recent Low" />

        <TextView
            android:id="@+id/itemAverage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Average" />
    </LinearLayout>
</LinearLayout>

<LinearLayout
    android:id="@+id/listViewLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@+id/itemDetailLayout"
    android:layout_marginTop="10dp"
    android:fillViewport="true"
    android:gravity="fill_horizontal"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/searchListView"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:fillViewport="true" >

    </ListView>
</LinearLayout>

添加了截屏以获取更多信息。添加蓝色背景以产生一些对比。

http://i.stack.imgur.com/tPxsE.png

6 个答案:

答案 0 :(得分:18)

替换它:

   android:layout_width="wrap_content"
   android:layout_height="wrap_content"

   android:layout_width="match_parent"
   android:layout_height="wrap_content"

进入LinearLayout或从主RelativeLayout删除所有填充

答案 1 :(得分:3)

删除填充使线性布局适合设备的整个屏幕

答案 2 :(得分:1)

  

蓝色部分和“屏幕末端”之间的空间。在后退按钮和主页按钮所在的部分的侧面和上方。

从根RelativeLayout中删除填充。

答案 3 :(得分:1)

尝试

<LinearLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:orientation="vertical>
   // Other views within the linear layout
</LinearLayout>

我想你正在使用Eclipse。就个人而言,我讨厌Eclipse的图形编辑器,我通常直接编写XML代码,因为使用编辑器是一个真正的痛苦

答案 4 :(得分:0)

您应该尝试以下内容:

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

...


</LinearLayout>

我的意思是你应该这样做:

android:layout_width="fill_parent"

对于您希望其宽度为fill_parent的每个LinearLayout。

FILL_PARENT表示该视图希望与documentation中提到的父视图一样大。

请给我一些反馈

希望有助于此。

答案 5 :(得分:0)

不要使用fill_parent,因为它已被弃用。 而不是你的RelativeLayout集

android:layout_width="fill_parent"
android:layout_height="fill_parent"

然后,在列表视图中,您要填充屏幕的其余部分,您可以设置此标记

android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1"

通过这样做,您告诉XML您希望ListView执行fill_parent以前在Android版本中执行的操作。

亲切的问候!