简体   繁体   English

使用layout_weight进行滚动视图

[英]Using layout_weight for scrollviews

I have threescroll views which should be placed adjacently. 我有三个滚动视图,应该相邻放置。 I gave weight 1 to each one. 我给每个人减肥1。 But they are not taking same areas. 但他们没有采取相同的领域。 First one is taking 1/2 of total available space. 第一个是占用总空间的1/2。 Next two are taking the remaining half space equally. 接下来两个是平均剩余的半空间。 Here is the xml file. 这是xml文件。 Where am I going wrong? 我哪里错了?

<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>

Change ScrollView's android:layout_width="wrap_content" to android:layout_width="0dip" 将ScrollView的android:layout_width="wrap_content"更改为android:layout_width="0dip"

Try this one 试试这个吧

<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>

Layout weight mechanism only distributes remaining space after first layout pass. 布局权重机制仅在第一次布局通过后分配剩余空间。 In the first layout pass, the scrollviews are wrap_content wide. 在第一个布局过程中,scrollview是wrap_content wide。 Whatever is left of the table row horizontal space will be distributed in relation to weight. 无论桌子行剩下什么,水平空间将相对于重量分布。

Make the widths 0px to make them each take 1/3 of the space. 使宽度为0px使它们各占空间的1/3。

I think that it will be good for You to use Linear-layout instead of Table-layout. 我认为使用Linear-layout而不是Table-layout对你有好处。 Also Scroll-view Must contain a parent View Group to all of it's child. 此外,滚动视图必须包含父视图组到其所有子视图。 Text view isn't a View Group. 文本视图不是视图组。 Add Linear Layout OR Relative Layout as a parent to your text view which is inside Scroll View. 将“线性布局”或“相对布局”添加为“滚动视图”内部文本视图的父级。 Also set the layout_width to "0dp" for scrollView if you are assigning weight to it. 如果要为其分配权重,还要为scrollView将layout_width设置为“0dp”。 See this for further reference http://developer.android.com/reference/android/widget/ScrollView.html . 有关详细信息,请参阅此处http://developer.android.com/reference/android/widget/ScrollView.html Below is the sample code:- 以下是示例代码: -

<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>

<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>
        <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>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM