滾動視圖中的中心內容

Question

我想將我的LinearLayout放置在ScrollView中。當LinearLayout的高度很小時，它居中居中（見圖＃1），但是當LinearLayout的高度大於屏幕的高度時，它表現得很奇怪。我無法看到LinearLayout的頂部（請參閱圖像＃2），並且在ScrollView的底部有巨大的填充。我不知道這裏發生了什麼。當LinearLayout中有大量內容時，整個屏幕應該如圖3所示。

image #1
image #2
image #3

這是我的佈局文件：

  <?xml version="1.0" encoding="utf-8"?> 
      <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:background="#cccfff" > 

       <LinearLayout 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center_vertical" 
        android:layout_margin="28dp" 
        android:background="#ffffff" 
        android:orientation="vertical" 
        android:paddingBottom="40dp" 
        android:paddingLeft="20dp" 
        android:paddingRight="20dp" 
        android:paddingTop="40dp" > 

        <ImageView 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_marginBottom="16dp" 
         android:src="@drawable/ic_launcher" /> 

        <TextView 
         android:id="@+id/tip_title" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_marginBottom="12dp" 
         android:text="Title" 
         android:textColor="@color/orange_text" 
         android:textSize="@dimen/font_size_medium" /> 

        <TextView 
         android:id="@+id/tip_description" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="Description description..." 
         android:textSize="@dimen/font_size_small" /> 
       </LinearLayout> 

      </ScrollView> 

Answer 1

您應該使用外部水平的LinearLayout

Answer 2

嘗試把利潤率和補白的ScrollView

Answer 3

試試這個可滿足您的要求。在Java代碼中

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#cccfff" 
    android:gravity="center" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:layout_margin="10dp" 
     android:background="#ffffff" 
     android:gravity="center_vertical" 
     android:orientation="vertical" 
     android:paddingBottom="40dp" 
     android:paddingLeft="20dp" 
     android:paddingRight="20dp" 
     android:paddingTop="40dp" > 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="16dp" 
      android:src="@drawable/ic_launcher" /> 

     <TextView 
      android:id="@+id/tip_title" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="12dp" 
      android:text="Title" /> 

     <TextView 
      android:id="@+id/tip_description" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:text="biruDescription description..." /> 
    </LinearLayout> 

</LinearLayout> 

下一行

TextView tip_description = (TextView) findViewById(R.id.tip_description); 
     tip_description.setMovementMethod(new ScrollingMovementMethod()); 

這將滾動你的描述的內容，而整個佈局。要看到

<ImageView 
      android:focusable="true" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="16dp" 
      android:src="@drawable/ic_launcher" /> 

Answer 4

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
      xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="vertical" 
      android:gravity="center" 
      android:padding="10dp" 
      android:background="#cccfff"> 

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

       <LinearLayout 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center_vertical" 
        android:layout_margin="28dp" 
        android:background="#ffffff" 
        android:orientation="vertical" 
        android:paddingBottom="40dp" 
        android:paddingLeft="20dp" 
        android:paddingRight="20dp" 
        android:paddingTop="40dp" > 

        <ImageView 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_marginBottom="16dp" 
         android:src="@drawable/ic_launcher" /> 

        <TextView 
         android:id="@+id/tip_title" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_marginBottom="12dp" 
         android:text="Title" 
         android:textColor="@color/orange_text" 
         android:textSize="@dimen/font_size_medium" /> 

        <TextView 
         android:id="@+id/tip_description" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="Description description..." 
         android:textSize="@dimen/font_size_small" /> 
       </LinearLayout> 

      </ScrollView> 
</LinearLayout> 

Answer 5

將焦點設置你的最頂端的UI組件。它在相同的情況下爲我工作。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:gravity="center" 
     android:orientation="horizontal" > 
    <ScrollView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" > 
     <LinearLayout 
       android:orientation="vertical" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:gravity="center_horizontal" > 
      <TextView 
        android:text="@string/your_text" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" /> 
     </LinearLayout> 
    </ScrollView> 
</LinearLayout> 

Answer 6

也許還不清楚佈局是如何工作的。在你的情況下，你需要設置一個外部佈局來填充父項，並將重力設置爲中心，內部有一個佈局高度爲wrap_content的滾動視圖，以及佈局高度爲wrap_content的內部佈局。然後，如果外部佈局較小，則它將居中滾動視圖。

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

    <ScrollView 
     android:orientation="vertical" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

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

     <!-- Content here --> 

     </LinearLayout> 
    </ScrollView> 
</LinearLayout> 

Answer 7

您可以使用android:fillViewport="true"來居中內容。事情是這樣的：

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fillViewport="true"> 
     <!-- content --> 
</ScrollView>