Android：表中的相同图像大小不同 - 仅在不调试时

Question

我正在尝试显示一个包含三行的表。前两个是图像，第三个是数据。我试图将表格行权重设置为45％，45％，10％......然而，这种情况从未发生过，它总是出现在47％，47％，6％左右。

但与我无法弄清楚的行为相比，这是微不足道的。

图像和数据是异步的，因此使用“runnable”填充它们。 问题是每次更新时第一个图像变大。第二张图片越来越小。 然而，这是踢球者，当我设置断点并暂停它来调试它时，它完全按照我的意愿工作。它不会改变大小，行高不会改变。

那就是说，这是我的布局XML：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingLeft="0dp"
android:paddingRight="0dp"
android:paddingTop="0dp"
android:paddingBottom="0dp"
android:layout_weight="1"
android:id="@+id/mainscreen">
android:background="#00ff00"
<TableRow
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:id="@+id/img1box"
    android:layout_weight="45"
    android:gravity="center_vertical|center_horizontal">

    <ImageView
        android:contentDescription="image1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:id="@+id/img1"
        android:src="@drawable/icon"/>
</TableRow>

<TableRow
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:id="@+id/img2box"
    android:layout_weight="45"
    android:gravity="center_vertical|center_horizontal">

    <ImageView
        android:contentDescription="image2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/img2"
        android:src="@drawable/icon" />
</TableRow>

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="10"
        android:id="@+id/dataholder"
        android:gravity="center_vertical|center_horizontal">

        <TextView
            android:id="@+id/statusbox"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text=""
            android:textColor="#000000"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:layout_gravity="center"/>
    </TableRow>
</TableLayout>

我尝试过设置，例如0dp（或0px），fill_parent，match_parent，wrap_content以及来自网络搜索的十几种其他配置。

发布数据/图像时发生的代码片段（删除了像findViewById（）那样的部分，发生在onCreate（）并且工作正常，并重命名一些机密变量）：

 final Runnable HandleImage1Ready = new Runnable() {
    @Override
    public void run() {
        int height, width;
        float xfactor, yfactor;
        height = m_Image1Box.getHeight(); //  This is the TableRow
        width = m_Image1Box.getWidth();
    //  Compute the reduction factor, but it's 
    //   always by height right now, so we just use that
        Bitmap image = BitmapFactory.decodeByteArray(m_img1, 0, m_img1.length);
        yfactor = height / (float) image.getHeight();
        xfactor = width / (float) image.getWidth();
       //  create a new bitmap, I even try reducing the "height"
       //   to prevent the table row from growing...  doesn't help
        Bitmap scaled = Bitmap.createScaledBitmap(image, (int) (image.getWidth() * yfactor), height, true);
        m_Image1.setImageBitmap(scaled);
        CompleteProcessing();
    }

};

final Runnable HandleImage2Ready = new Runnable() {
    @Override
    public void run() {
        int height, width;
        float xfactor, yfactor;
        height = m_Image2Box.getHeight(); //  This is the TableRow
        width = m_Image2Box.getWidth();
       //  EVEN TRY USING THE SAME IMAGE ON ROW 2... 
        //Bitmap image = BitmapFactory.decodeByteArray(m_img2, 0, m_img2.length);
        Bitmap image = BitmapFactory.decodeByteArray(m_img1, 0, m_img1.length);
        yfactor = height / (float) image.getHeight();
        xfactor = width / (float) image.getWidth();
        Bitmap scaled = Bitmap.createScaledBitmap(image, (int) (image.getWidth() * yfactor), height, true);
        m_Image2.setImageBitmap(scaled);
        CompleteProcessing();
    }
};
final Runnable HandleMicrReady = new Runnable() {
    @Override
    public void run() {
        int height, width;
     //  Just to debug these, and see how this row changes 
        height = m_statusBox.getHeight();
        width = m_statusBox.getWidth();
        m_statusBox.setText(m_data);
        CompleteProcessing();
    }
};

重复...当我在上述某个功能中设置断点并恢复执行时，每次发布新图像时，两个图像的大小都相同。这就是我想要发生的事情。

但是，如果我没有设置断点，每次发布新图像时，顶部表行会变得越来越大。到顶部图像超过表格（屏幕）的50％，并且底部图像和表格数据行变得越来越小。

从本质上讲，我相信安卓工作室正在嘲笑我，因为就像你在车里嘎嘎作响一样，当有人在观察这个问题时它就不会这样做......

（我包含了一个“android-studio”标签，因为在AS调试器中暂停它会导致问题消失）。

感谢任何建议。

-Scotty

Answer 1

表布局似乎没有严格地对它们施加权重。例如。当您向ImageView添加TableRow时，无论是否有src，它的呈现方式都会略有不同。我还用2个不同尺寸的图像验证了这一点，带有较大图像的行完全超过了较小图像的行。

解决方案是不使用TableLayout。如果你不想使用类似GridView的内容，我建议坚持使用LinearLayout。您可以以完全相同的方式使用它。您只需指定其android:orientation="horizontal|vertical"属性，而不是区分TableRow（水平种类）或TableLayout（垂直种类）

这是一个视觉比较：

因此，对于您提供的布局XML，这将成为：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingLeft="0dp"
android:paddingRight="0dp"
android:paddingTop="0dp"
android:paddingBottom="0dp"
android:weightSum="100"
android:background="#00ff00"
android:id="@+id/mainscreen">
<LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:id="@+id/img1box"
    android:layout_weight="45"
    android:gravity="center_vertical|center_horizontal">

    <ImageView
        android:contentDescription="image1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:id="@+id/img1"
        android:src="@drawable/icon"/>
</LinearLayout>

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:id="@+id/img2box"
    android:layout_weight="45"
    android:gravity="center_vertical|center_horizontal">

    <ImageView
        android:contentDescription="image2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/img2"
        android:src="@drawable/icon" />
</LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="10"
        android:id="@+id/dataholder"
        android:gravity="center_vertical|center_horizontal">

        <TextView
            android:id="@+id/statusbox"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text=""
            android:textColor="#000000"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:layout_gravity="center"/>
    </LinearLayout>
</LinearLayout>