작은 화면에 모든 TableRow 표시

Question

5 인치 스마트 폰에서 내 앱을 개발 했으므로 이제는 더 작은 화면에 문제가 있습니다. HTC 산불로 테스트 한 결과, 마지막 두 행은 표시되지 않았습니다. 모든 것은 6 개의 행과 4 개의 열이있는 테이블입니다. 모든 필드에 하나의 버튼이 있습니다. 모든 단추는 한 화면에 있어야하며 (스크롤 할 수 없음) 모든 화면에서 단추가 충분히 커야합니다.

저는 dp를 사용하여 모든 것을 개발했으며 그 때문에 왜 지금이 문제가 있는지 알지 못합니다.

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 

    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/bg" 
    tools:context=".MainActivity"> 


    <TableRow 
     android:id="@+id/tableRow1" 
     android:layout_width="wrap_content" 
     android:layout_height="22dp" > 

     <Button 
     android:id="@+id/button1" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:background="@drawable/willi" 
     /> 

    <Button 
     android:id="@+id/button2" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="70dp" 


     android:background="@drawable/willi" 
     /> 


    <Button 
     android:id="@+id/button3" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
    android:layout_marginLeft="140dp" 
     android:background="@drawable/willi" 
/> 


    <Button 
     android:id="@+id/button4" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
    android:layout_marginLeft="210dp" 

     android:background="@drawable/willi" 
     /> 


    </TableRow> 


    <TableRow 
     android:id="@+id/tableRow2" 
     android:layout_width="wrap_content" 
     android:layout_height="22dp" 
     android:layout_marginTop="90dp"> 



     <Button 
     android:id="@+id/button5" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 

     android:background="@drawable/willi" 
     /> 

    <Button 
     android:id="@+id/button6" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="70dp" 
     android:background="@drawable/willi" 
    /> 

    <Button 
     android:id="@+id/button7" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="140dp" 
     android:background="@drawable/willi" 
     /> 

    <Button 
     android:id="@+id/button8" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="210dp" 
     android:background="@drawable/willi" 
     /> 

     </TableRow> 
     <TableRow 
     android:id="@+id/tableRow3" 
     android:layout_width="wrap_content" 
     android:layout_height="22dp" 
     android:layout_marginTop="90dp" > 


     <Button 
     android:id="@+id/button9" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 

     android:background="@drawable/willi" /> 
    <Button 

     android:id="@+id/button10" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="70dp" 
     android:background="@drawable/willi" /> 

    <Button 
     android:id="@+id/button11" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="140dp" 
     android:background="@drawable/willi" /> 

    <Button 
     android:id="@+id/button12" 
     android:layout_marginLeft="210dp" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 

     android:background="@drawable/willi" /> 

    </TableRow> 



       <TableRow 
     android:id="@+id/tableRow4" 
     android:layout_width="wrap_content" 
     android:layout_height="22dp" 
     android:layout_marginTop="90dp" > 


     <Button 
     android:id="@+id/button13" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:background="@drawable/willi" /> 
    <Button 

     android:id="@+id/button14" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="70dp" 
     android:background="@drawable/willi" /> 

    <Button 
     android:id="@+id/button15" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="140dp" 
     android:background="@drawable/willi" /> 

    <Button 
     android:id="@+id/button16" 
     android:layout_marginLeft="210dp" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 

     android:background="@drawable/willi" /> 

    </TableRow> 

     <TableRow 
     android:id="@+id/tableRow5" 
     android:layout_width="50dp" 
     android:layout_height="22dp" 
     android:layout_marginTop="90dp" > 


     <Button 
     android:id="@+id/button17" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 

     android:background="@drawable/willi" /> 
    <Button 

     android:id="@+id/button18" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="70dp" 
     android:background="@drawable/willi" /> 

    <Button 
     android:id="@+id/button19" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="140dp" 
     android:background="@drawable/willi" /> 

    <Button 
     android:id="@+id/button20" 
     android:layout_marginLeft="210dp" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:background="@drawable/willi" /> 

    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow6" 
     android:layout_width="wrap_content" 
     android:layout_height="22dp" 
     android:layout_marginTop="90dp" > 


     <Button 
     android:id="@+id/button21" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 

     android:background="@drawable/willi" /> 
    <Button 

     android:id="@+id/button22" 
       android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="70dp" 
     android:background="@drawable/willi" /> 

    <Button 
     android:id="@+id/button23" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginLeft="140dp" 
     android:background="@drawable/willi" /> 

    <Button 
     android:id="@+id/button24" 
     android:layout_marginLeft="210dp" 
      android:layout_width="40dp" 
     android:layout_height="40dp" 

     android:background="@drawable/willi" /> 

    <TextView 
     android:id="@+id/tvPunktewaehrend" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:textStyle="bold" 
     android:layout_gravity="center_horizontal" 
     android:textColor="@color/white" 
     android:textSize="20sp" 
     android:text=" " /> 


    </TableRow> 

    </TableLayout> 

내가 잘못 뭐하는 거지 : 여기 내 XML인가?

Answer 1

여러 화면 크기를 타겟팅하는 경우 고정 너비를 사용할 수 없습니다. TableLayout의 컬럼 스트레칭 기능을 사용하여 TableRow에있는 각보기의 열 너비를 동적으로 조정해야합니다.