TableLayout行は等しく縮小されませんが、最後の行のみが異なる画面サイズで表示されます

私は9匹の動物と次の矢印ボタンを表示したいテーブルを作成しました。各行には3匹の動物があります。そのため、動物は3行、次の矢印ボタンは最後の行です。私の問題は、異なる画面サイズでは、行が均等に縮小されませんが、最後の行だけが結果として、次の矢印ボタンが消えることがあります。TableLayout行は等しく縮小されませんが、最後の行のみが異なる画面サイズで表示されます

これは、Nexus 4の

に見え、それはそれは

そして、ここでは3.2" サイズが小さい画面をどのように見えるかだ方法です私のXMLコード

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/activity_animals" 
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" 
android:background="@color/background" 
tools:context="kidsbook.jok.kidsbook.Animals"> 

<TableLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_above="@+id/ads_text" 
    android:weightSum=".9" 
    android:id="@+id/animalsPage1" 
    android:visibility="visible"> 

    <TableRow 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:weightSum=".9"> 

     <Button 
      android:background="@drawable/cat" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/catSounds" 
      android:layout_weight=".3"/> 

     <Button 
      android:background="@drawable/dog" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/dogSounds" 
      android:layout_weight=".3"/> 

     <Button 
      android:background="@drawable/chicken" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/chickenSounds" 
      android:layout_weight=".3"/> 
    </TableRow> 

    <TableRow 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:weightSum=".9"> 

     <Button 
      android:background="@drawable/horse" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/horseSounds" 
      android:layout_weight=".3"/> 

     <Button 
      android:background="@drawable/frog" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/frogSounds" 
      android:layout_weight=".3"/> 

     <Button 
      android:background="@drawable/pig" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/pigSounds" 
      android:layout_weight=".3"/> 
    </TableRow> 

    <TableRow 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:weightSum=".9"> 

     <Button 
      android:background="@drawable/cock" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/cockSounds" 
      android:layout_weight=".3"/> 

     <Button 
      android:background="@drawable/donkey" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/donkeySounds" 
      android:layout_weight=".3"/> 

     <Button 
      android:background="@drawable/sheep" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:id="@+id/sheepSounds" 
      android:layout_weight=".3"/> 
    </TableRow> 

    <TableRow 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:gravity="end" 
     android:weightSum="1"> 

     <Button 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight=".22" 
      android:id="@+id/nextButtonAnimalsTo2" 
      android:background="@drawable/next_arrow" 
      android:onClick="toPage2from1"/> 
    </TableRow> 

</TableLayout> 

<TextView 
    android:text="@string/ads" 
    android:layout_gravity="center" 
    android:layout_width="match_parent" 
    android:minHeight="50dp" 
    android:layout_height="wrap_content" 
    android:gravity="center" 
    android:textSize="20sp" 
    android:id="@+id/ads_text" 
    android:layout_alignParentBottom="true"/> 

</RelativeLayout>

何か提案や助けをいただければ幸いです。

出典

2017-03-29 Smolikas

@Smolikas、あなたはRelativeLayoutを使用しているため、小さな画面であなたの意見が重なっていると思います。 LinearLayoutは、スクロールビュー内で垂直の向きで使用できます。それはあなたのために働くでしょう。

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/scrollView" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fillViewport="true"> 

    <LinearLayout 
     android:id="@+id/activity_animals" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" 
     android:paddingBottom="@dimen/activity_vertical_margin" 
     android:paddingLeft="@dimen/activity_horizontal_margin" 
     android:paddingRight="@dimen/activity_horizontal_margin" 
     android:paddingTop="@dimen/activity_vertical_margin">

あなたのTableLayout & Textview。

</LinearLayout> 
</ScrollView>

出典

2017-03-29 13:36:06

このレイアウトを試してください代わりRelativelayoutのLinearlayoutを使用し、画面を分割するために適切に配置重量とweightsumを管理します。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/activity_animals" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@color/color_white" 
    android:orientation="vertical" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    android:weightSum="5"> 

    <TableLayout 
     android:id="@+id/animalsPage1" 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_above="@+id/ads_text" 
     android:layout_weight="4" 
     android:visibility="visible" 
     android:weightSum="4"> 

     <TableRow 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" 
      android:weightSum="3"> 

      <Button 
       android:id="@+id/catSounds" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@mipmap/ic_launcher" /> 

      <Button 
       android:id="@+id/dogSounds" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@mipmap/ic_launcher" /> 

      <Button 
       android:id="@+id/chickenSounds" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@mipmap/ic_launcher" /> 
     </TableRow> 

     <TableRow 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" 
      android:weightSum="3"> 

      <Button 
       android:id="@+id/horseSounds" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@mipmap/ic_launcher" /> 

      <Button 
       android:id="@+id/frogSounds" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@mipmap/ic_launcher" /> 

      <Button 
       android:id="@+id/pigSounds" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@mipmap/ic_launcher" /> 
     </TableRow> 

     <TableRow 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" 
      android:weightSum="3"> 

      <Button 
       android:id="@+id/cockSounds" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@mipmap/ic_launcher" /> 

      <Button 
       android:id="@+id/donkeySounds" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@mipmap/ic_launcher" /> 

      <Button 
       android:id="@+id/sheepSounds" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@mipmap/ic_launcher" /> 
     </TableRow> 

     <TableRow 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" 
      android:gravity="end" 
      android:weightSum="3"> 

      <Button 
       android:id="@+id/nextButtonAnimalsTo2" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:background="@mipmap/ic_launcher" 
       android:onClick="toPage2from1" /> 
     </TableRow> 

    </TableLayout> 

    <TextView 
     android:id="@+id/ads_text" 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_alignParentBottom="true" 
     android:layout_gravity="center" 
     android:layout_weight="1" 
     android:gravity="center" 
     android:text="Your TEXT" 
     android:textColor="#000000" 
     android:textSize="20sp" /> 

</LinearLayout>

出力：

出典

2017-03-29 13:55:49 rafsanahmad007

TableLayout行は等しく縮小されませんが、最後の行のみが異なる画面サイズで表示されます

答えて

関連する問題