16

我正在尝试在一个屏幕上使用 3 个 SurfaceView,一个在上半部分(BoardView),一个在下半部分(StatusView),最后一个作为上半部分上方的额外层(TileView)(参见 main.xml) .

我创建了一个 MySurfaceView 类,它由 BoardView、StatusView 和 TileView 扩展。

我有很多问题。

让我先给出代码。

主.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"
    android:background="@color/main_background">

    <com.niek.test.BoardView
        android:id="@+id/boardview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@+id/boardview">
        <com.niek.test.StatusView
            android:id="@+id/statusview"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="#F0931E"
            android:layout_below="@+id/boardview" />

            <com.niek.test.TileView
                android:id="@+id/tileview"
                android:layout_width="180dip"
                android:layout_height="60dip"
                android:layout_gravity="bottom"/>


    </FrameLayout>
</RelativeLayout>

MainActivity.java:

package com.niek.test;

public class MainActivity extends Activity {

    private Board board;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        board = new Board();
        BoardView boardView = (BoardView) findViewById(R.id.boardview);
        boardView.setBoard(board);
        StatusView statusView = (StatusView) findViewById(R.id.statusview);
        statusView.setBoard(board);
    }
}

MySurfaceView.java

package com.niek.test;

public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback {

    protected DrawThread drawThread;

    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
        getHolder().addCallback(this);
        setFocusable(true);

        drawThread = new DrawThread(getHolder());
    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
        // TODO Auto-generated method stub

    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        // TODO Auto-generated method stub
        drawThread.setRunning(true);
        drawThread.start();
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        // we have to tell thread to shut down & wait for it to finish, or else
        // it might touch the Surface after we return and explode
        boolean retry = true;
        drawThread.setRunning(false);
        while (retry) {
            try {
                drawThread.join();
                retry = false;
            } catch (InterruptedException e) {
                // we will try it again and again...
            }
        }
    }

    protected class DrawThread extends Thread {
        private SurfaceHolder surfaceHolder;
        private boolean isRunning;

        public DrawThread(SurfaceHolder surfaceHolder) {
            this.surfaceHolder = surfaceHolder;
            isRunning = false;
        }

        public void setRunning(boolean run) {
            isRunning = run;
        }

        public void run() {
            Canvas c;
            while (isRunning) {
                try {
                    Thread.sleep(100);
                } catch (Exception e) {
                    // TODO: handle exception
                }
                c = null;
                try {
                    c = surfaceHolder.lockCanvas(null);
                    synchronized (surfaceHolder) {
                        onDraw(c);
                        postInvalidate();
                    }
                } finally {
                    // do this in a finally so that if an exception is thrown
                    // during the above, we don't leave the Surface in an
                    // inconsistent state
                    if (c != null) {
                        surfaceHolder.unlockCanvasAndPost(c);
                    }
                }
            }
        }
    }

}

这三个类扩展了 MySurfaceView:

BoardView.java

package com.niek.test;


public class BoardView extends MySurfaceView {

    private int squareSize, marginX, marginY;

    private Board board;

    Paint boardBorder;

    public BoardView(Context context, AttributeSet attrs) {
        super(context, attrs);
        board = null;
    }

    public void setBoard(Board board) {
        this.board = board;
    }

    private void init(SurfaceHolder holder) {
        Canvas canvas = null;
        try {
            canvas = holder.lockCanvas();
            /* Initialize the board */
            squareSize = canvas.getWidth() / Board.GRIDSIZE;

            /* Size the view */
            LayoutParams lp = getLayoutParams();
            lp.height = (squareSize * Board.GRIDSIZE) + 4;
            setLayoutParams(lp);

            /* Place the board neatly in the center */
            marginX = (canvas.getWidth() - (squareSize * Board.GRIDSIZE)) / 2;
            marginY = 1;
        } finally {
            holder.unlockCanvasAndPost(canvas);
        }

        boardBorder = new Paint();
        boardBorder.setColor(Color.RED);
        boardBorder.setStyle(Style.STROKE);
    }

    @Override
    public void onDraw(Canvas canvas) {
        drawBoard(board, canvas);
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        init(holder);
        super.surfaceCreated(holder);
    }

    private void drawBoard(Board board, Canvas canvas) {
        synchronized (board) {
            if (board != null) {
                for (Square[] ys : board.getSquares()) {
                    for (Square xs : ys) {
                        xs.onDraw(canvas, squareSize, squareSize, marginX, marginY);
                    }
                }
            }   
            canvas.drawRect(marginX - 1, marginY - 1, marginX + squareSize * Board.GRIDSIZE + 1, marginY + squareSize * Board.GRIDSIZE + 1, boardBorder);
        }
    }
}

状态视图.java

package com.niek.test;

public class StatusView extends MySurfaceView {

    private Board board;
    private Paint textPaint;

    public StatusView(Context context, AttributeSet attrs) {
        super(context, attrs);
        board = null;

        textPaint = new Paint();
        textPaint.setColor(Color.BLACK);
        textPaint.setTextSize(20);
        textPaint.setTypeface(Typeface.DEFAULT_BOLD);
    }

    public void setBoard(Board board) {
        this.board = board;
    }

    int tmp=0;
    @Override
    public void onDraw(Canvas c) {
        if (board != null) {
            c.drawText(tmp+"", 10, 20, textPaint);          
            tmp++;
            System.out.println(tmp);
        }
    }
}

TileView.java

package com.niek.test;

public class TileView extends MySurfaceView {

    public TileView(Context context, AttributeSet attrs) {
        super(context, attrs);
        System.out.println(0);
    }


    int tmp =0;
    @Override
    public void onDraw(Canvas c) {
        System.out.println(2);
        Paint p= new Paint();
        p.setColor(Color.RED);
        c.drawColor(Color.RED);
        c.drawText(tmp+"",10,10,p);
        tmp++;

    }

}

现在我的问题是什么?

首先,正如您在 MySurfaceView 中看到的那样,我得到了这个:

try {
    c = surfaceHolder.lockCanvas(null);
    synchronized (surfaceHolder) {
        onDraw(c);
        postInvalidate();
    }
}

当我只使用 onDraw(c) 时,只有 BoardView 被绘制,StatusView 不被绘制,但 StatusView 的 onDraw 中的 tmp 增量正在执行。当我只使用 postInvalidate() 时,同样的故事,但只有 StatusView 被绘制,BoardView 不会。所以这就是我使用这两种方法的原因,并且两个视图都被绘制了。

然后是 TileView,System.out(2) 显示在 logcat 中,但视图没有被绘制。它是一个黑色方块而不是红色方块,我要求它在 onDraw 方法中。

当我关闭屏幕然后再打开时,TileView 确实被绘制,并且显示了 tmp 增量。

谁能帮我?

为了清楚起见,我根据教程创建了这个。

4

3 回答 3

70

可以SurfaceViews在一个布局中拥有多个。Grafika中的“Multi-surface test”活动共有三个。

@nonsleepr 的回答中引用的第一篇文章在 9 个月后由同一作者跟进了这篇文章,其中提到了SurfaceView#setZOrderMediaOverlay()的存在。

要理解的关键是这SurfaceView不是常规视图。当您的应用程序进入前台时,它会获得一个可供绘制的表面。应用程序 UI 中的所有内容都由应用程序渲染到应用程序的表面,然后该表面由系统合成器与其他表面(如状态栏和导航栏)合成。当您创建 时SurfaceView,它实际上是在创建一个由系统而不是您的应用程序合成的全新表面。

SurfaceView您可以非常松散地控制表面的 Z 顺序(即“深度”) 。有四个位置,从上到下:

  • SurfaceView+ ZOrderOnTop
  • (应用程序用户界面在这里)
  • SurfaceView+ ZOrderMediaOverlay
  • SurfaceView(默认)

如果您有两个相同深度的 SurfaceView,并且它们重叠,则结果是不确定的——一个会“获胜”,但您无法控制哪个。

当您有 N 个表面时,现代设备上的系统合成器非常有效。在 N+1 个表面上,您会遇到性能悬崖。因此,虽然您可以拥有三个SurfaceViews,但通常最好将数字保持在较低水平。N 的值因设备而异。

更新:如果您真的想了解 SurfaceView 的工作原理,请参阅Android System-Level Graphics 文档

于 2014-03-30T16:03:02.683 回答
11

看起来您不应该在一个布局上创建多个 SurfaceView。根据Android框架工程师写的这两个 帖子:

实现表面视图的方式是在其包含窗口后面创建一个单独的表面并按 Z 顺序排列,并将透明像素绘制到 SurfaceView 所在的矩形中,以便您可以看到后面的表面。我们从未打算允许多个表面视图。

您应该有效地将 SurfaceView 视为嵌入在窗口中的叠加层,为您提供一个可以独立于普通视图更新系统直接绘制的区域。

所以,你能做的就是使用一个 SurfaceView 来绘制你想要的所有图形。

于 2011-10-05T12:58:58.287 回答
1

听起来 SurfaceViews 正在被绘制,但没有为顶部的任何一个启用透明度。在 SurfaceCreated() 方法的 MySurfaceView 类中,确保您正在调用holder.setFormat(PixelFormat.TRANSPARENT);

于 2016-02-02T15:56:48.403 回答