使用layout_weight进行滚动视图

时间:2014-02-04 13:15:07

标签: android scrollview

我有三张相同的视图,应该相邻放置。我给每个人减肥1。但他们没有采取相同的领域。第一个是占用总空间的1/2。接下来两个是平均剩余的半空间。这是xml文件。我哪里错了?

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/Ststus"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    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" >

    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Search for Bluetooth devices" 
            android:layout_weight="1"/>

    </TableRow>

   <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

       <ScrollView
           android:id="@+id/ScrollView01"
           android:layout_width="wrap_content"
           android:layout_height="150dip"
           android:layout_weight="1">

           <TextView
               android:id="@+id/tv_mobile"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:gravity="center|center_vertical"
               android:text="Mobiles"
               android:textAppearance="?android:attr/textAppearanceLarge" />
       </ScrollView>

        <ScrollView
            android:id="@+id/ScrollView02"
            android:layout_width="wrap_content"
            android:layout_height="150dip"
            android:layout_weight="1">

            <TextView
                android:id="@+id/tv_laptops"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center|center_vertical"
                android:text="Computers"
                android:textAppearance="?android:attr/textAppearanceLarge" />

        </ScrollView>

        <ScrollView
            android:id="@+id/ScrollView03"
            android:layout_width="wrap_content"
            android:layout_height="150dip"
            android:layout_weight="1">

            <TextView
                android:id="@+id/tv_headset"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center|center_vertical"
                android:text="Headsets"
                android:textAppearance="?android:attr/textAppearanceLarge" />

        </ScrollView>
    </TableRow>

</TableLayout>

5 个答案:

答案 0 :(得分:2)

将ScrollView的android:layout_width="wrap_content"更改为android:layout_width="0dip"

试试这个

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/Ststus"
android:layout_width="match_parent"
android:layout_height="match_parent"
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" >

<TableRow
    android:id="@+id/tableRow1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Search for Bluetooth devices" 
        android:layout_weight="1"/>

</TableRow>

<TableRow
    android:id="@+id/tableRow2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

   <ScrollView
       android:id="@+id/ScrollView01"
       android:layout_width="0dip"
       android:layout_height="150dip"
       android:layout_weight="1">

       <TextView
           android:id="@+id/tv_mobile"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:gravity="center|center_vertical"
           android:text="Mobiles"
           android:textAppearance="?android:attr/textAppearanceLarge" />
   </ScrollView>

    <ScrollView
        android:id="@+id/ScrollView02"
        android:layout_width="0dip"
        android:layout_height="150dip"
        android:layout_weight="1">

        <TextView
            android:id="@+id/tv_laptops"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center|center_vertical"
            android:text="Computers"
            android:textAppearance="?android:attr/textAppearanceLarge" />

    </ScrollView>

    <ScrollView
        android:id="@+id/ScrollView03"
        android:layout_width="0dip"
        android:layout_height="150dip"
        android:layout_weight="1">

        <TextView
            android:id="@+id/tv_headset"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center|center_vertical"
            android:text="Headsets"
            android:textAppearance="?android:attr/textAppearanceLarge" />

    </ScrollView>
</TableRow>

答案 1 :(得分:0)

布局权重机制仅在第一次布局传递后分配剩余的空间。在第一个布局过程中,滚动视图为wrap_content宽。无论桌子行剩下什么,水平空间都将根据重量进行分配。

使宽度为0px,使它们各占1/3的空间。

答案 2 :(得分:0)

我认为使用Linear-layout而不是Table-layout对你有好处。此外,滚动视图必须包含父视图组到其所有子视图。文本视图不是视图组。将“线性布局”或“相对布局”添加为“滚动视图”内部文本视图的父级。如果要为其分配权重,还要为scrollView将layout_width设置为“0dp”。有关详细信息,请参阅此http://developer.android.com/reference/android/widget/ScrollView.html。以下是示例代码: -

<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@id/bnext"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignStart="@id/bnext" >

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

    <TextView
        android:id="@+id/textView1"
        android:visibility="gone" />
</LinearLayout>

答案 3 :(得分:0)

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/Ststus"
android:layout_width="match_parent"
android:layout_height="match_parent"
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" >

<TableRow
    android:id="@+id/tableRow1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Search for Bluetooth devices" 
        android:layout_weight="1"/>

</TableRow>
  <TableRow
    android:id="@+id/tableRow2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

   <ScrollView
       android:id="@+id/ScrollView01"
       android:layout_width="0dp"
       android:layout_height="150dip"
       android:layout_weight="1">

       <TextView
           android:id="@+id/tv_mobile"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:gravity="center|center_vertical"
           android:text="Mobiles"
           android:textAppearance="?android:attr/textAppearanceLarge" />
   </ScrollView>

    <ScrollView
        android:id="@+id/ScrollView02"
        android:layout_width="0dp"
        android:layout_height="150dip"
        android:layout_weight="1">

        <TextView
            android:id="@+id/tv_laptops"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center|center_vertical"
            android:text="Computers"
            android:textAppearance="?android:attr/textAppearanceLarge" />

    </ScrollView>

    <ScrollView
        android:id="@+id/ScrollView03"
        android:layout_width="0dp"
        android:layout_height="150dip"
        android:layout_weight="1">

        <TextView
            android:id="@+id/tv_headset"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center|center_vertical"
            android:text="Headsets"
            android:textAppearance="?android:attr/textAppearanceLarge" />

    </ScrollView>
</TableRow>

    </TableLayout>

答案 4 :(得分:0)

        <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/Ststus"
android:layout_width="match_parent"
android:layout_height="match_parent"
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"
android:orientation="horizontal" >
<TableRow
    android:id="@+id/tableRow1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Search for Bluetooth devices" 
        android:layout_weight="1"/>
</TableRow>
<TableRow
    android:id="@+id/tableRow2"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <ScrollView
        android:id="@+id/ScrollView01"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1" >
        <TextView
            android:id="@+id/tv_mobile"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center|center_vertical"
            android:text="Mobiles"
            android:textAppearance="?android:attr/textAppearanceLarge" />
    </ScrollView>
    <ScrollView
        android:id="@+id/ScrollView02"
       android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1"  >
        <TextView
            android:id="@+id/tv_laptops"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center|center_vertical"
            android:text="Computers"
            android:textAppearance="?android:attr/textAppearanceLarge" />
    </ScrollView>
    <ScrollView
        android:id="@+id/ScrollView03"
       android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1"  >
        <TextView
            android:id="@+id/tv_headset"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center|center_vertical"
            android:text="Headsets"
            android:textAppearance="?android:attr/textAppearanceLarge" />
    </ScrollView>
</TableRow>