适应低分辨率屏幕的视图

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"