適應低分辨率屏幕的視圖

Question

我測試了我的應用程序，這是我在過去兩個月內開發的一款5英寸智能手機。現在，我顯示我的觀點的所有內容都有很大的問題。

首先，here's我的xml：

<FrameLayout 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=".MainActivity" 


    android:background="@drawable/bg"> 



<TableLayout 

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


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

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

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


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

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

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

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


    </TableRow> 


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



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

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

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

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

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

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


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

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

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

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

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

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

    </TableRow> 



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


     <Button 
     android:id="@+id/button13" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 

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

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

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

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

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

    </TableRow> 

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


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

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

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

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

    <Button 
     android:id="@+id/button20" 
     android:layout_marginLeft="210dp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 

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

    </TableRow> 

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


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

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

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

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

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

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


    </TableRow> 

    </TableLayout> 

<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=" " /> 


</FrameLayout> 

就像你看到的，我在每個4個按鍵6個錶行。在HTC Wildfire上，我看到第五排非常小，第六排不在我看來。 如何解決小屏幕的問題？

Answer 1

更改TableLayout垂直LinearLayout，給它一個weightSum。然後將水平LinearLayouts添加到作爲子女的Buttons。對於父母LinearLayout使用weightSum和子女LinearLayout使用體重。

所以對於6行，你有weightSum 6和每個LinearLayout高度0dp和重量1.

Answer 2

你可以做的是使用滾動型作爲主佈局，並且不需要修改你的按鈕和所有東西的大小，就像你可以移動滾動條，我使用它我認爲應用程序爲不同的屏幕尺寸。我希望你能提供一些東西。

Answer 3

我看到第五排非常小，第六排不在我看來。 如何解決小屏幕的問題？

因此，您可以使用dimens.xml文件，在該文件中，您可以根據自己的要求使用不同分辨率的佈局查看佈局/邊距等屬性。

dimens.xml的內容可以像：

<resources> 

    <!-- Default screen margins, per the Android Design guidelines. --> 
    <dimen name="activity_horizontal_margin">16dp</dimen> 
    <dimen name="activity_vertical_margin">16dp</dimen> 

</resources> 

根據您的屏幕尺寸/分辨率，你必須把這個文件爲：

res/values/dimens.xml 

res/values-hdpi/dimens.xml 

res/values-mdpi/dimens.xml 

res/values-sw360dp-hdpi/dimens.xml 

res/values-sw360dp-long-xhdpi/dimens.xml 

res/values-sw600dp/dimens.xml 

res/values-sw720dp-land/dimens.xml 

要使用此值： 對於例如 你的錶行1>按鈕2： 放

android:layout_marginLeft="@dimen/activity_horizontal_margin" 

代替

android:layout_marginLeft="70dp"