问题:当ScrollView超出一定高度时,它会隐藏其子视图的顶部部分。
我有以下XML格式定义的布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<LinearLayout
android:id="@+id/commandPanel"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:paddingLeft="5dip"
android:paddingRight="5dip" >
<Button
android:id="@+id/button1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="OK" />
<Button
android:id="@+id/button2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Back" />
</LinearLayout>
<RelativeLayout
android:id="@+id/mainContentPanel"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_above="@id/commandPanel"
android:background="@android:color/white" >
<ScrollView
android:id="@+id/formScrollView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_gravity="center"
android:layout_marginTop="5dip"
android:layout_weight="1"
android:background="@android:color/darker_gray"
android:fillViewport="false"
android:paddingBottom="5dip"
android:scrollbarStyle="insideOverlay" >
<LinearLayout
android:id="@+id/formContentLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_gravity="center"
android:layout_marginTop="20dip"
android:background="@android:color/black"
android:gravity="center_horizontal|top"
android:orientation="vertical"
android:paddingLeft="5dip"
android:paddingRight="5dip"
android:paddingTop="20dip" >
<LinearLayout
android:id="@+id/tr"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dip"
android:orientation="horizontal" >
<TextView
android:id="@+id/title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="sample title" />
<TextView
android:id="@+id/value"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="sample value ......." />
</LinearLayout>
</LinearLayout>
</ScrollView>
</RelativeLayout>
</RelativeLayout>
---------- code ------
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.scrollview);
updateUi();
}
//add few more rows here
void updateUi() {
LinearLayout sampletr = (LinearLayout) findViewById(R.id.tr);
LinearLayout contentPane = (LinearLayout) findViewById(R.id.formContentLayout);
TextView title = (TextView) findViewById(R.id.title);
TextView value = (TextView) findViewById(R.id.value);
for (int i = 0; i < 25; i++) {
LinearLayout tr = new LinearLayout(this);
TextView t = new TextView(this);
t.setText("Sample title : " + i);
TextView v = new TextView(this);
v.setText("Sample value : " + i);
tr.addView(t, title.getLayoutParams());
tr.addView(v, value.getLayoutParams());
contentPane.addView(tr, sampletr.getLayoutParams());
}
}
如果没有,LinearLayout(ScrollView的直接子节点)中的顶行开始从顶部开始消失。行增长超过15!此外,我甚至无法手动向上滚动查看它们,请指出任何指针,这个布局有什么问题?
答案 0 :(得分:28)
好的,我已经通过从LinearLayout(ScrollView的直接子节点)删除以下行来解决它
android:layout_gravity="center"
ScrollView现在完美运行。谢谢大家的建议。
答案 1 :(得分:0)
我会删除第二个RelativeLayout
节点,但保留ScrollView
。然后,对于ScrollView
,我会添加layout_alignParentTop=true
和layout_above="@+id/commandPanel"
。第二个RelativeLayout
似乎是多余的,通常当您将子项添加到RelativeLayout
时,他们应该使用容器的布局选项,即layout_above,下面,对齐等。
答案 2 :(得分:0)
看起来好像你的填充顶部有问题,请先尝试删除它。
答案 3 :(得分:0)
jus写xml与lil change
<LinearLayout
android:id="@+id/commandPanel"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:paddingLeft="5dip"
android:paddingRight="5dip" >
<Button
android:id="@+id/button1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="OK" />
<Button
android:id="@+id/button2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Back" />
</LinearLayout>
<RelativeLayout
android:id="@+id/mainContentPanel"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_above="@id/commandPanel"
android:background="@android:color/white" >
<ScrollView
android:id="@+id/formScrollView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_gravity="center"
android:layout_marginTop="0dp" <--- --- change n remove this margin
android:layout_weight="1"
android:background="@android:color/darker_gray"
android:fillViewport="false"
android:paddingBottom="5dip"
android:scrollbarStyle="insideOverlay" >
<LinearLayout
android:id="@+id/formContentLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_gravity="center"
android:layout_marginTop="20dip"
android:background="@android:color/black"
android:gravity="center_horizontal|top"
android:orientation="vertical"
android:paddingLeft="5dip"
android:paddingRight="5dip"
android:paddingTop="20dip" >
<LinearLayout
android:id="@+id/tr"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dip"
android:orientation="horizontal" >
<TextView
android:id="@+id/title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="sample title" />
<TextView
android:id="@+id/value"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="sample value ......." />
</LinearLayout>
</LinearLayout>
</ScrollView>
</RelativeLayout>
答案 4 :(得分:0)
只需在 android:gravity="center"
内的父线性布局中添加行 scrollView
就解决了我的问题。