異なるサイズの画面に対する反応的な表のレイアウトandroid

単純な表レイアウトを作成しようとすると問題が発生します。レイアウトは大画面でうまく動作します。しかし、私は小さな電話でそれを使用しているときに問題が作成されます。完全な行は表示されません。異なるサイズの画面に対する反応的な表のレイアウトandroid

誰でもお手伝いできますか？私はちょうどそのような単純なテーブルレイアウトを作りたい： required layout

は、ここで私は、XMLレイアウトに

   <TableLayout 
       android:layout_below="@+id/jonosonkha" 
       android:layout_width="match_parent" 
       android:layout_height="250dp" 
       android:stretchColumns="5"> 
       <TableRow> 
        <TextView 
         android:textColor="#000" 
         android:background="#ffea00" 
         android:textSize="20sp" 
         android:text="পরিবার" 
         android:paddingLeft="5dp" /> 
        <TextView 
         android:background="#000" 
         android:textColor="#fff" 
         android:textSize="20sp" 
         android:text="পুরুষ" 
         android:gravity="left" 
         android:paddingLeft="5dp"/> 
        <TextView 
         android:background="#ffea00" 
         android:textSize="20sp" 
         android:text="মহিলা" 
         android:textColor="#000" 
         android:gravity="center" 
         android:paddingLeft="5dp" /> 
        <TextView 
         android:background="#000" 
         android:textSize="20sp" 
         android:text="গড় সদস্য" 
         android:gravity="left" 
         android:textColor="#fff" 
         android:paddingLeft="5dp" /> 
        <TextView 
         android:background="#ffea00" 
         android:textColor="#000" 
         android:textSize="20sp" 
         android:text="ঘনত্ব/কি.মি" 
         android:gravity="left" 
         android:paddingLeft="5dp" /> 
       </TableRow> 

       <TableRow 
        android:layout_marginTop="2dp" 
        > 
        <TextView 
         android:textColor="#000" 
         android:background="#ffea00" 
         android:textSize="16sp" 
         android:text="৮৯৮৬৩" 
         android:paddingLeft="5dp" /> 
        <TextView 
         android:background="#000" 
         android:textColor="#fff" 
         android:textSize="16sp" 
         android:text="২০৫০৭৫" 
         android:gravity="center" 
         android:paddingLeft="5dp"/> 
        <TextView 
         android:background="#ffea00" 
         android:textSize="16sp" 
         android:text="২০৯১১৩" 
         android:textColor="#000" 
         android:gravity="center" 
         android:paddingLeft="5dp" /> 
        <TextView 
         android:background="#000" 
         android:textSize="16sp" 
         android:text="৪.৫৪" 
         android:gravity="center" 
         android:textColor="#fff" 
         android:paddingLeft="5dp" /> 
        <TextView 
         android:background="#ffea00" 
         android:textColor="#000" 
         android:textSize="16sp" 
         android:text="২১৩৮" 
         android:gravity="left" 
         android:paddingLeft="5dp" /> 
       </TableRow> 
      </TableLayout>

を作ったものには、大画面のために正常に動作しますが、問題は、行の一部が小さなスクリーンで覆われています。すべての解決策をお願いします。

出典

2017-11-16 Meeyan

代わりにgridviewを試してください –

簡単な詳細ヘルプ。必要な画像のサンプルコードがありますか？ – Meeyan

水平スクロールビュー内でテーブルレイアウトを使用できます。この解決策を見てください。 https://stackoverflow.com/a/25460375/4824088 –

5つに分割したい場合TextView。

TextViewにandroid:layout_width="0dp",android:layout_height="match_parent"およびandroid:layout_weight="1"を追加できます。

これを試すことができます。

<TableLayout 
    android:layout_width="match_parent" 
    android:layout_height="250dp" 
    android:layout_below="@+id/jonosonkha" 
    android:stretchColumns="5"> 

    <TableRow> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:background="#ffea00" 
      android:paddingLeft="5dp" 
      android:text="পরিবার" 
      android:textColor="#000" 
      android:textSize="20sp"/> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:background="#000" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="পুরুষ" 
      android:textColor="#fff" 
      android:textSize="20sp"/> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:background="#ffea00" 
      android:gravity="center" 
      android:paddingLeft="5dp" 
      android:text="মহিলা" 
      android:textColor="#000" 
      android:textSize="20sp"/> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:background="#000" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="গড় সদস্য" 
      android:textColor="#fff" 
      android:textSize="20sp"/> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:background="#ffea00" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="ঘনত্ব/কি.মি" 
      android:textColor="#000" 
      android:textSize="20sp"/> 
    </TableRow> 

    <TableRow 
     android:layout_marginTop="2dp"> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:background="#ffea00" 
      android:paddingLeft="5dp" 
      android:text="৮৯৮৬৩" 
      android:textColor="#000" 
      android:textSize="16sp"/> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:background="#000" 
      android:gravity="center" 
      android:paddingLeft="5dp" 
      android:text="২০৫০৭৫" 
      android:textColor="#fff" 
      android:textSize="16sp"/> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:background="#ffea00" 
      android:gravity="center" 
      android:paddingLeft="5dp" 
      android:text="২০৯১১৩" 
      android:textColor="#000" 
      android:textSize="16sp"/> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:background="#000" 
      android:gravity="center" 
      android:paddingLeft="5dp" 
      android:text="৪.৫৪" 
      android:textColor="#fff" 
      android:textSize="16sp"/> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:background="#ffea00" 
      android:gravity="left" 
      android:paddingLeft="5dp" 
      android:text="২১৩৮" 
      android:textColor="#000" 
      android:textSize="16sp"/> 
    </TableRow> 
</TableLayout>

あなたが好き、テーブル行のwidth属性を定義する必要があります

出典

2017-11-16 08:29:23 KeLiuyue

それは私のためにうまく動作します。ここに少し問題があります。長いテキスト（タイトル内）は2行に分解されます。それらを1行にまとめる方法はありますか？ – Meeyan

'TextView'のサイズを変更するだけです。スペースは画面の1/5です。 – KeLiuyue

それを得ました。ありがとうございました。問題が解決しました。 – Meeyan

出力：

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

、すべてのTextviewsの重量属性：

<TextView 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:textColor="#000" 
    android:background="#ffea00" 
    android:textSize="20sp" 
    android:text="পরিবার" 
    android:paddingLeft="5dp" />

出典

2017-11-16 08:38:07 BlueMango

異なるサイズの画面に対する反応的な表のレイアウトandroid

答えて

関連する問題