[英]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.