TableLayout中的奇怪行为surfaceView

时间:2013-08-14 12:36:52

标签: android surfaceview android-tablelayout

我正在研究一种正在铺设大脑地图的软件。我有几个地图在每次迭代时刷新。我想在可缩放的表格布局中显示这些地图,所以我使用类AwesomeTableLayout.java(只是一个基本的tableLayout开始):

public class AwesomeTableLayout extends TableLayout{

    public AwesomeTableLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

    public AwesomeTableLayout(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

}

使用名为MapView的SurfaceView:

显示每个地图
public class MapView extends SurfaceView implements SurfaceHolder.Callback {

我想以编程方式添加这些地图,然后用户可以删除/添加不同的地图(输入,内存,焦点等)。

所以在MainActivity我这样做:

public class MainActivity extends Activity {

        //...

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

                Resources r = getResources();
        XmlResourceParser parser = r.getXml(R.layout.activity_main);
        AttributeSet as = Xml.asAttributeSet(parser);
        Context context = getApplicationContext();

        mMapView = new MapView(context, as);
        mMapView2 = new MapView(context, as);

        AwesomeTableLayout tl = (AwesomeTableLayout) findViewById(R.id.layout);

        TableRow tr = new TableRow(this);
        tr.addView(new AddMapOrStatsView(context, 0, 0));
        tr.addView(mMapView2);
        tr.addView(mMapView);
        tr.addView(new AddMapOrStatsView(context, 0, 1));
        tr.addView(new AddMapOrStatsView(context, 0, 2));
        tl.addView(tr, new TableLayout.LayoutParams(LayoutParams.WRAP_CONTENT,
                LayoutParams.WRAP_CONTENT));
        }

AddMapOrStatsView只是一种“添加”图像,用于在表格上添加新地图(图像是android的外星人):

public class AddMapOrStatsView extends ImageView{

    public AddMapOrStatsView(Context context,final int ligne,final int colonne) {
        super(context);
        /* image utilisée */
        setImageResource(R.drawable.ic_launcher);
        setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                System.out.println("Un click simple sur l' AddMapOrStatsView("+ligne+","+colonne+") a été effectué !");
            }
        });
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<com.main.gui.AwesomeTableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" > <!-- 2 columns -->

<!--     <TableRow -->
<!--         android:id="@+id/tableRow1" -->
<!--         android:layout_width="wrap_content" -->
<!--         android:layout_height="wrap_content" -->
<!--         android:padding="5dip" > -->

<!--         <TextView -->
<!--             android:id="@+id/textView1" -->
<!--             android:text="Column 1" -->
<!--             android:textAppearance="?android:attr/textAppearanceLarge" /> -->

<!--         <Button -->
<!--             android:id="@+id/button1" -->
<!--             android:text="Column 2" /> -->

<!--         <Button -->
<!--             android:id="@+id/buttonxx" -->
<!--             android:text="Column 3" /> -->
<!--     </TableRow> -->

</com.main.gui.AwesomeTableLayout>

现在,问题出在这里。如果我使用前面的代码运行应用程序,我会看到:

code wanted

如您所见,我只看到3个视图AddMapOrStatView。

如果我取消注释xml:

<?xml version="1.0" encoding="utf-8"?>
<com.main.gui.AwesomeTableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" > <!-- 2 columns -->

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

        <TextView
            android:id="@+id/textView1"
            android:text="Column 1"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/button1"
            android:text="Column 2" />

<!--         <Button -->
<!--             android:id="@+id/buttonxx" -->
<!--             android:text="Column 3" /> -->
    </TableRow>

</com.main.gui.AwesomeTableLayout>

我明白这一点:

eee

如果我点击播放(即我绘制两个surfaceView),我会看到:

zzzz

最后,我取消注释我的xml:

<?xml version="1.0" encoding="utf-8"?>
<com.main.gui.AwesomeTableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" > <!-- 2 columns -->

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

        <TextView
            android:id="@+id/textView1"
            android:text="Column 1"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/button1"
            android:text="Column 2" />

        <Button
            android:id="@+id/buttonxx"
            android:text="Column 3" />
    </TableRow>

</com.main.gui.AwesomeTableLayout>

我明白这一点:

enter image description here

当我绘制两个表面视图时,我看到了这一点:

enter image description here

事情是,我只是想看看android和两张地图的3张照片。为什么我应该在tableLayout的行中添加一些其他内容来查看我的表面视图?

感谢阅读。

1 个答案:

答案 0 :(得分:0)

我只修改了surfaceView持有者的大小:

holder.setFixedSize(60, 60);

现在正在运作!