按鈕顯示多個滾動視圖，導致其他按鈕佈局

Question

我創建了三個按鈕在xml文件活動，當我點擊某個按鈕滾動將顯示，這導致隱藏在屏幕底部的其他按鈕，如何可以我解決這個問題：

XML結構：

<LinearLayout> 

<!-- Section 1 --> 
    <Button/> 

    <ScrollView> 

     <TableLayout> 
    <!-- Components --> 
     </TableLayout> 
    </ScrollView> 

<!-- Section 2 --> 
<Button/> 

    <ScrollView> 

     <TableLayout> 
    <!-- Components --> 
     </TableLayout> 
    </ScrollView> 

<!-- Section 3 --> 
    <Button/> 

    <ScrollView> 

     <TableLayout> 
    <!-- Components --> 
     </TableLayout> 
    </ScrollView> 

</LinearLayout> 

我全碼：activity_main.xml中

<LinearLayout 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:orientation="vertical" 
tools:context=".MainActivity" > 

<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical"> 

    <Button 
     android:id="@+id/button1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="Section 1" /> 

    <ScrollView 
     android:id="@+id/Section_1" 
     android:layout_width="fill_parent" 
     android:layout_height="match_parent" 
     android:visibility="gone" > 

     <TableLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:stretchColumns="1" > 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 1" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 
     </TableLayout> 
    </ScrollView> 

    <Button 
     android:id="@+id/button2" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="Section 2" /> 

    <ScrollView 
     android:id="@+id/Section_2" 
     android:layout_width="fill_parent" 
     android:layout_height="match_parent" 
     android:visibility="gone" > 

     <TableLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:stretchColumns="1" > 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 2" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 
     </TableLayout> 
    </ScrollView> 

    <Button 
     android:id="@+id/button3" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="Section 3" /> 

    <ScrollView 
     android:id="@+id/Section_3" 
     android:layout_width="fill_parent" 
     android:layout_height="match_parent" 
     android:visibility="gone" > 

     <TableLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:stretchColumns="1" > 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:id="@+id/textView1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Section 3" 
       android:textAppearance="?android:attr/textAppearanceLarge" /> 
     </TableLayout> 
    </ScrollView> 
</LinearLayout> 

MainActivity.java：

import java.util.ArrayList; 
import java.util.List; 

import android.app.Activity; 
import android.os.Bundle; 
import android.view.View; 
import android.widget.Button; 
import android.widget.LinearLayout; 
import android.widget.ScrollView; 

public class MainActivity extends Activity { 

private List<ScrollView> listOfScrolls = new ArrayList<ScrollView>(); 
private List<Button> listOfButtons = new ArrayList<Button>(); 

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 

    listOfScrolls.add((ScrollView) findViewById(R.id.Section_1)); 
    listOfScrolls.add((ScrollView) findViewById(R.id.Section_2)); 
    listOfScrolls.add((ScrollView) findViewById(R.id.Section_3)); 

    listOfButtons.add((Button) findViewById(R.id.button1)); 
    listOfButtons.add((Button) findViewById(R.id.button2)); 
    listOfButtons.add((Button) findViewById(R.id.button3)); 

    int index = 0; 
    for (Button btn : listOfButtons) { 
     final int fi = index; 
     btn.setOnClickListener(new View.OnClickListener() { 

      @Override 
      public void onClick(View v) { 
       // TODO Auto-generated method stub 
       if (listOfScrolls.get(fi).getVisibility() == LinearLayout.VISIBLE) { 
        listOfScrolls.get(fi).setVisibility(LinearLayout.GONE); 
       } else { 
        listOfScrolls.get(fi).setVisibility(LinearLayout.VISIBLE); 
       } 
      } 
     }); 

     ++index; 
    } 
} 
} 

Answer 1

試試這個，每滾動視圖

<ScrollView 
     android:id="@+id/Section_1" 
     android:layout_width="fill_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:visibility="gone" >