如何获得设备上的布局以像Eclipse图形设计器中那样进行渲染？

Question

我意识到Eclipse图形布局编辑器经常（通常是？）呈现的内容与物理设备或仿真器的呈现方式不同。 我通常可以处理。 但是，在这种情况下，我无法弄清楚为什么会有如此大的差异，更重要的是，我无法弄清楚如何在目标设备上获得所需的布局。

我正在尝试使用一些带有自定义图形文件的自定义ImageButton小部件作为按钮。 我只希望按钮填充它们所在的父级布局。在设计器中，它们看起来像我认为的样子。 但是当我在设备上运行它时，按钮变小了。 使用设置为模仿我正在测试的Droid X的设备，设计看起来像这样。

http://pozzy.com/consulting/LayoutDesignInEclipse.PNG

这是在Droid X上运行时的屏幕截图：

http://pozzy.com/consulting/ScoreEntryDroidXScreenCapture.png

我试图缩减代码，但它仍然依赖于许多按钮图像文件。 这是布局XML：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    Android:layout_height="fill_parent">

     <LinearLayout
         android:id="@+id/scoreEntryPlayersAndMainEntry"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:orientation="horizontal" >

         <LinearLayout
             android:id="@+id/scoreEntryPlayers"
             android:layout_width="0dp"
             android:layout_height="fill_parent"
             android:layout_weight=".5"
             android:orientation="vertical"
             android:paddingBottom="4dp"
             android:paddingTop="4dp"
             android:paddingLeft="4dp" >                                             
         </LinearLayout>

         <LinearLayout
             android:id="@+id/scoreEntryMainEntry"
             android:layout_width="0dp"
             android:layout_height="fill_parent"
             android:layout_weight=".5"
             android:maxWidth="100dp"
             android:orientation="vertical"
             android:paddingBottom="4dp"
             android:paddingLeft="4dp"
             android:paddingRight="4dp"
             android:paddingTop="4dp" >

             <LinearLayout android:id="@+id/scoreEntryPreviousHoleNumberNextRow"
                 android:orientation="horizontal"
                   android:background="@drawable/score_entry_background_top"
                 android:layout_width="fill_parent"
                 android:layout_height="wrap_content"
                 android:layout_weight=".1"
                 android:gravity="center|top" >

                 <ImageButton
                     android:id="@+id/previousHoleButton"
                     android:layout_width="0dp"
                     android:layout_height="fill_parent"
                    android:layout_weight="2"
                     android:layout_margin="5dp"
                    android:scaleType="fitCenter"
                     android:background="@null"
                     android:contentDescription="Previous Hole"
                     android:src="@drawable/score_entry_prev" />

                 <TextView
                     android:id="@+id/holeNumber"
                     android:layout_width="0dp"
                     android:layout_height="match_parent"
                     android:layout_weight="1"
                     android:background="@null"
                     android:paddingTop="20dp"
                     android:text="##"
                     android:textColor="#FFFFFF"
                     android:textSize="24sp"
                     android:textStyle="bold" />

                    <ImageButton
                        android:id="@+id/nextHoleButton"
                        android:layout_width="0dp"
                        android:layout_height="fill_parent"
                    android:layout_weight="2"
                        android:layout_margin="5dp"
                        android:scaleType="fitCenter"
                        android:background="@null"
                        android:contentDescription="Next Hole"
                        android:src="@drawable/score_entry_next" />
             </LinearLayout>

             <LinearLayout
                 android:id="@+id/scoreEntryCurrentScore"
                   android:background="@drawable/score_entry_background_middle"
                 android:layout_width="fill_parent"
                 android:layout_height="wrap_content"
                 android:layout_weight=".8" >

                 <FrameLayout
                     android:id="@+id/scoreEntryScoreOverlays"
                     android:layout_width="fill_parent"
                     android:layout_height="wrap_content" >
                     <LinearLayout
                         android:visibility="invisible"
                         android:id="@+id/scoreEntryPlayerScoreLayout"
                         android:layout_width="fill_parent"
                         android:layout_height="wrap_content"
                         android:orientation="vertical" >

                         <TextView
                             android:id="@+id/currentPlayer"
                             android:layout_width="fill_parent"
                             android:layout_height="wrap_content"
                             android:layout_margin="10dp"
                             android:gravity="center"
                             android:text="Player Name"
                             android:textColor="#aaaaaa"
                             android:textSize="16sp"
                             android:textStyle="italic" />

                         <TextView
                             android:id="@+id/currentScore"
                             android:layout_width="fill_parent"
                             android:layout_height="fill_parent"
                             android:text="99"
                             android:gravity="center"
                             android:layout_gravity="bottom"
                             android:textColor="#ff0000"
                             android:textSize="100sp"
                             android:textStyle="bold|italic" />
                     </LinearLayout>
                </FrameLayout>
             </LinearLayout>

             <LinearLayout
                 android:id="@+id/scoreEntryScoreDownUpRow"
                 android:layout_width="fill_parent"
                 android:layout_height="wrap_content"
                 android:background="@drawable/score_entry_background_bottom"
                 android:gravity="bottom"
                 android:layout_weight=".1"
                 android:orientation="horizontal" >
                 <ImageButton
                     android:id="@+id/scoreDownButton"
                     android:layout_width="0dp"
                     android:layout_height="fill_parent"
                     android:layout_margin="5dp"
                     android:layout_weight="1"
                     android:background="@null"
                     android:scaleType="fitCenter"
                     android:src="@drawable/score_entry_minus" />


                 <ImageButton
                     android:id="@+id/scoreUpButton"
                     android:layout_width="0dp"
                     android:layout_height="fill_parent"
                     android:layout_margin="5dp"
                     android:layout_weight="1"
                     android:background="@null"
                     android:scaleType="fitCenter"
                     android:src="@drawable/score_entry_plus" />

             </LinearLayout>

         </LinearLayout>
     </LinearLayout>     
</RelativeLayout>

非常感谢您弄清楚如何使按钮填充各自的区域！

Answer 1

我遇到了完全相同的问题，我不得不通过每次都操作它来适应两个地方的情况来解决它，这很可悲。 蚀图形可视化器有时确实很烂。 我有
之所以尝试http://www.droiddraw.org/ ，是因为很多人都说这很好-但是在可视化工具上看到的与实际设备上看到的似乎有些差距。 我认为经验法则是遵循http://developer.android.com/training/multiscreen/screensizes.html并继续尝试。 我认为Droid Draw比eclipse更适合我，我想遵循上面的dev链接，并说Droid Draw最适合您。