ウェイトとスクロール表示の線形レイアウト

Question

ウェイトを使用してレスポンスレイアウトを作成しようとしていますが、この場合はスクロールビューも使用する必要があります。

これは、この時点で私のコードです：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context=".EncyclopediaFragment"> 

    <!--Linear Container--> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" 
     android:weightSum="100"> 

     <!--Title Box--> 
     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="20" 
      android:orientation="horizontal" 
      android:weightSum="100"> 

      <!--Empty Space--> 
      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="5"> 


      </LinearLayout> 

      <!--Text Box--> 
      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="95"> 

       <TextView 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:text="@string/encyclopedia_mosntersLabel" 
        android:gravity="center" 
        android:textAlignment="viewStart"/> 

      </LinearLayout> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="40"> 

     </LinearLayout> 

    </LinearLayout> 

が、それはthisようにする必要があります。

レイアウトはウェイトに反応すると思われますが、同時にスクロールすることが可能にする必要があります。

私の質問は次のとおりです。ウェイトに応じてレイアウトを作成すると同時に、画像のようにスクロールできるレイアウトを作成するにはどうすればよいですか？

Answer 1

あなたは6匹のモンスターと8タワーズの決定された数を持っている場合は、ここでは、あなたのレイアウトを整理する方法です。

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

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

      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:text="Monsters"/> 

      <!-- the following LinearLayout should be repeated twice for 6 Monsters --> 

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

       <MonsterView 
        android:layout_weight="1" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" /> 

       <MonsterView 
        android:layout_weight="1" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" /> 

       <MonsterView 
        android:layout_weight="1" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" /> 

      </LinearLayout> 

      ... 


      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:text="Towers"/>   

      <!-- the following LinearLayout should be repeated twice for 6 Towers --> 

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

       <TowerView 
        android:layout_weight="1" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" /> 

       <TowerView 
        android:layout_weight="1" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" /> 

       <TowerView 
        android:layout_weight="1" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" /> 

      </LinearLayout> 

      ... 


      <!-- attention here for two Towers in the last row -->   

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:orientation="horizontal" 
       android:weightSum="3"> 

       <TowerView 
        android:layout_weight="1" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" /> 

       <TowerView 
        android:layout_weight="1" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" /> 

      </LinearLayout> 

     </LinearLayout> 
    </ScrollView> 

Answer 2

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context=".EncyclopediaFragment"> 

<!--Toolbar--> 
<ScrollView 
android:layout_width="match_parent" 
android:layout_height="wrap_content"> 

<RelativeLayout 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<!--Linear Container With Weights--> 

</RelativeLayout> 
</ScrollLayout> 
</RelativeLayout> 

Answer 3

あなたScrollView内のコンテンツはwrap_parentを使用する必要があり、そしてあなたはそれがandroid:fillViewport="true"をセット内のコンテンツを伸ばしたい場合。これを試してみてください：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context=".EncyclopediaFragment"> 

    <ScrollView 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fillViewport="true"> 

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

      <!--Linear Container--> 

     </RelativeLayout> 
    </ScrollLayout> 
</RelativeLayout>