草庐IT

android - Canvas 太慢,Surfaceview 不显示内容

coder 2023-12-29 原文

我正在创建一个安卓游戏。中间有一个需要一直旋转的圆圈。我首先创建了一个从 View 扩展的类,这样我就可以使用 onDraw 方法在 Canvas 上绘图。它可以工作,但是当您玩了几分钟(有时甚至几秒钟后)时,游戏开始非常滞后。我在互联网上搜索解决方案。所以我发现我也可以使用 SurfaceView,其中绘图发生在单独的线程上。这样,当 ui 线程仍可用于所有用户交互时,我可以在另一个线程中完成所有绘图(我的游戏还包含很多动画) 但是我遇到了几个问题:

问题一

当我开始在 SurfaceView 上绘图时,我的完整 SurfaceView 是黑色的。我搜索了这个问题并添加了这行代码:

    getHolder().setFormat(PixelFormat.TRANSLUCENT);

这有助于获得正确的背景颜色。但我的问题是:这样做是否正确?为什么我得到这个黑色叠加层(找不到很好的解释)

问题2

当我在表面 View 上绘图时,我看不到任何绘图。为此,我在网上搜索并找到了这个:

    setZOrderOnTop(true);

这适用于展示我的图纸,但不是正确答案。我有一个 View “游戏结束”,当用户做错事时,它将显示在表面 View 的顶部。 那么我该如何解决这个问题,让我既能看到我的绘图,又能看到我的 GameOverView?

对于带有 onDraw(...) 的 View ,我在 onDraw(...) 方法中计算了所有变量和绘图。因为我需要根据我的逻辑检查 Canvas 的宽度和高度。

对于 Surfaceview,我使用具有此 Runnabable 运行函数的线程:

@Override
public void run() {
    setZOrderOnTop(true);
    getHolder().setFormat(PixelFormat.TRANSLUCENT);
    while (isRunning) {
        if (!surfaceHolder.getSurface().isValid())
            continue;
        try {
            Thread.sleep(16);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        Canvas canvas = surfaceHolder.lockCanvas();
        draw(canvas);
        surfaceHolder.unlockCanvasAndPost(canvas);
    }
}

编辑 1

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="be.vanlooverenkoen.advancedwheel.ui.GameActivity">

    <be.vanlooverenkoen.advancedwheel.ui.CustomTextView
        android:id="@+id/pause_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:clickable="true"
        android:padding="20dp"
        android:text="@string/pause"
        android:textSize="30sp" />

    <be.vanlooverenkoen.advancedwheel.ui.CustomTextView
        android:id="@+id/current_points_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:padding="20dp"
        android:text="@string/default_score"
        android:textSize="120sp" />

    <be.vanlooverenkoen.advancedwheel.ui.CustomTextView
        android:id="@+id/title_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:gravity="center"
        android:keepScreenOn="true"
        android:padding="16dp"
        android:text="@string/name_title"
        android:textSize="@dimen/title_font"
        android:textStyle="bold" />

    <LinearLayout
        android:id="@+id/best_score_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:clickable="true"
        android:gravity="end"
        android:orientation="vertical"
        android:paddingBottom="20dp"
        android:paddingTop="20dp">


        <be.vanlooverenkoen.advancedwheel.ui.CustomTextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="end"
            android:paddingEnd="20dp"
            android:paddingStart="20dp"
            android:text="BEST"
            android:textSize="15sp" />

        <be.vanlooverenkoen.advancedwheel.ui.CustomTextView
            android:id="@+id/high_score_tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingEnd="20dp"
            android:paddingStart="20dp"
            android:text="10"
            android:textSize="30sp" />
    </LinearLayout>

    <be.vanlooverenkoen.advancedwheel.ui.CircleView
        android:id="@+id/circleview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/control_panel"
        android:layout_below="@+id/title_tv" />

    <LinearLayout
        android:id="@+id/control_panel"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:gravity="center"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/volume_imgv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:clickable="true"
                android:padding="20dp"
                android:src="@drawable/volume_on" />

            <ImageView
                android:id="@+id/settings_imgv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:clickable="true"
                android:padding="20dp"
                android:src="@drawable/settings" />

            <ImageView
                android:id="@+id/infoImgv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:clickable="true"
                android:padding="20dp"
                android:src="@drawable/info" />
        </LinearLayout>

        <com.google.android.gms.ads.AdView
            android:id="@+id/ad_banner"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:visibility="gone"
            ads:adSize="BANNER"
            ads:adUnitId="ca-app-pub-2228582628850456/4663114920" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:gravity="center"
        android:orientation="vertical">

        <be.vanlooverenkoen.advancedwheel.ui.CustomTextView
            android:id="@+id/replay_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="20dp"
            android:text="Replay"
            android:textSize="@dimen/title_font"
            android:visibility="gone" />

        <com.google.android.gms.ads.AdView
            android:id="@+id/gameover_ad_banner"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:visibility="gone"
            ads:adSize="BANNER"
            ads:adUnitId="ca-app-pub-2228582628850456/4663114920" />
    </LinearLayout>

    <be.vanlooverenkoen.advancedwheel.ui.CustomTextView
        android:id="@+id/game_over_tv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:keepScreenOn="true"
        android:padding="16dp"
        android:text="@string/game_over"
        android:textSize="@dimen/title_font"
        android:textStyle="bold" />

    <be.vanlooverenkoen.advancedwheel.ui.SettingsView
        android:id="@+id/settings_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clickable="true"
        android:padding="15dp" />

    <be.vanlooverenkoen.advancedwheel.ui.InfoView
        android:id="@+id/info_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clickable="true"
        android:padding="15dp" />

</RelativeLayout>

编辑 2 我的绘制方法:

private void draw(Canvas canvas) {
    int extra = (canvas.getWidth() - canvas.getHeight()) / 2;
    if (!isRunning)
        return;
    //The piechart of colors
    int offset = 0;
    if (canvas.getWidth() < canvas.getHeight()) {
        offset = canvas.getHeight() - canvas.getWidth();
        offset = offset / 2;
        rect.set(marginOuterCircle, marginOuterCircle + offset, canvas.getWidth() - marginOuterCircle, canvas.getWidth() + offset - marginOuterCircle);
    } else {
        rect.set(marginOuterCircle + extra, marginOuterCircle, canvas.getHeight() - marginOuterCircle + extra, canvas.getHeight() - marginOuterCircle);
    }
    //get value for 100%
    int sum = amountOfColors;
    //initalize painter
    paintPieChart.setStyle(Paint.Style.STROKE);
    paintPieChart.setStrokeWidth(1f);
    paintPieChart.setStyle(Paint.Style.FILL_AND_STROKE);
    double start = startAngle;
    for (int i = 0; i < amountOfColors; i++) {
        //draw slice
        paintPieChart.setColor(colors[i]);
        float angle;
        angle = ((360.0f / sum) * 1);
        if ((start <= 270 && start + angle >= 270) || (start <= -90 && start + angle >= -90)) {
            if (previousColor != paintPieChart.getColor()) {
                if (previousColor == paintStick.getColor()
                        && isPlaying)
                    wrongHit();
                if (inDemo && circleListener != null) {
                    circleListener.onWrongHit(score);
                }
                previousColor = currentColor;
            }
            if (inDemo && previousColor == paintStick.getColor() && circleListener != null)
                circleListener.onCorrectHit(0);
            currentColor = paintPieChart.getColor();
        }
        canvas.drawArc(rect, (float) start, angle, true, paintPieChart);
        start += angle;
        if (start > 360)
            start -= 360;
        if (start < -360)
            start += 360;
    }

    //Innercircle
    if (canvas.getWidth() < canvas.getHeight()) {
        rect.set(marginInnerCircle, marginInnerCircle + offset, canvas.getWidth() - marginInnerCircle, canvas.getWidth() + offset - marginInnerCircle);
    } else {
        //// TODO: 18/03/2017 FIX for height
        rect.set(marginInnerCircle + extra, marginInnerCircle, canvas.getHeight() - marginInnerCircle + extra, canvas.getHeight() - marginInnerCircle);
    }
    canvas.drawArc(rect, 0, 360, true, paintBackground);
    if (canvas.getWidth() < canvas.getHeight()) {
        rect.set(marginOverlayCircle, marginOverlayCircle + offset, canvas.getWidth() - marginOverlayCircle, canvas.getWidth() + offset - marginOverlayCircle);
    } else {
        //// TODO: 18/03/2017 FIX for height
        rect.set(marginOverlayCircle + extra, marginOverlayCircle, canvas.getHeight() - marginOverlayCircle + extra, canvas.getHeight() - marginOverlayCircle);
    }
    canvas.drawArc(rect, 0, 360, true, paintOverlay);
    //Stick
    rect.set((canvas.getWidth() / 2) - stickThickness
            , rect.top
            , (canvas.getWidth() / 2) + stickThickness
            , rect.bottom - ((rect.bottom - rect.top) / 2));
    canvas.drawRoundRect(rect, 2, 2, paintStick);

    if (revese)
        startAngle -= speed;
    else
        startAngle += speed;
    if (startAngle > 360)
        startAngle -= 360;
    if (startAngle < -360)
        startAngle += 360;
    index++;
    if (index >= colors.length)
        index = 0;
}

编辑 3

最佳答案

问题 1:

答案在SurfaceView的draw()方法里面,你可以看看它的来源:

        @Override
        public void draw(Canvas canvas) {
            if (mWindowType != WindowManager.LayoutParams.TYPE_APPLICATION_PANEL) {
                // draw() is not called when SKIP_DRAW is set
                if ((mPrivateFlags & PFLAG_SKIP_DRAW) == 0) {
                    // punch a whole in the view-hierarchy below us
                    canvas.drawColor(0, PorterDuff.Mode.CLEAR);
                }
            }
            super.draw(canvas);
        }

所以它正在做的是绘制黑色 - #000000 以在 View 层次结构中“打洞”以不与任何其他 View 的绘图重叠。默认像素格式是不透明的,所以这种颜色实际上变成了#FF000000(不透明的黑色),因为系统不读取颜色的 alpha channel 。但是对于 PixelFormat.TRANSLUCENT,它使用适当的完全透明的黑色 - #00000000。 所以是的,这个解决方案是完全合法的。

您可以在此处阅读有关 SurfaceView 工作原理的详细信息 - https://source.android.com/devices/graphics/arch-sv-glsv

问题 2(编辑):

我建议在 SurfaceView 中手动绘制这个 Game Over 叠加层。

另一种可能的解决方案是设置 setZOrderOnTop(false); 并在帧之间使用纯色(非透明)清除背景。

您也可以尝试调用 setZOrderMediaOverlay(true)

确定有效的方法 - 将 SurfaceView 替换为 TextureView,因为它能够与屏幕上的其他 View 正确组合 - https://source.android.com/devices/graphics/arch-tv

关于android - Canvas 太慢,Surfaceview 不显示内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43091195/

有关android - Canvas 太慢,Surfaceview 不显示内容的更多相关文章

  1. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

    我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

  2. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  3. ruby - 将数组的内容转换为 int - 2

    我需要读入一个包含数字列表的文件。此代码读取文件并将其放入二维数组中。现在我需要获取数组中所有数字的平均值,但我需要将数组的内容更改为int。有什么想法可以将to_i方法放在哪里吗?ClassTerraindefinitializefile_name@input=IO.readlines(file_name)#readinfile@size=@input[0].to_i@land=[@size]x=1whilex 最佳答案 只需将数组映射为整数:@land边注如果你想得到一条线的平均值,你可以这样做:values=@input[x]

  4. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB? - 2

    所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择

  5. ruby-on-rails - 如何在我的 Rails 应用程序 View 中打印 ruby​​ 变量的内容? - 2

    我是一个Rails初学者,但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby​​中打印出变量(认为它会在终端中出现),但没有得到任何结果。有什么建议吗?我知道Rails调试器,但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R

  6. ruby-on-rails - link_to 不显示任何 rails - 2

    我试图在索引页中创建一个超链接,但它没有显示,也没有给出任何错误。这是我的index.html.erb代码。ListingarticlesTitleTextssss我检查了我的路线,我认为它们也没有问题。PrefixVerbURIPatternController#Actionwelcome_indexGET/welcome/index(.:format)welcome#indexarticlesGET/articles(.:format)articles#indexPOST/articles(.:format)articles#createnew_articleGET/article

  7. ruby-on-rails - 如何在 Rails View 上显示错误消息? - 2

    我是rails的新手,想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围,如果不在范围内则返回错误信息。我可以检查上面代码的范围,但无法返回错误消息提前致谢 最佳答案 关键是您使用的是模型表单,一种显示ActiveRecord模型实例属性的表单。c

  8. ruby - 查找字符串中的内容类型(数字、日期、时间、字符串等) - 2

    我正在尝试解析一个CSV文件并使用SQL命令自动为其创建一个表。CSV中的第一行给出了列标题。但我需要推断每个列的类型。Ruby中是否有任何函数可以找到每个字段中内容的类型。例如,CSV行:"12012","Test","1233.22","12:21:22","10/10/2009"应该产生像这样的类型['integer','string','float','time','date']谢谢! 最佳答案 require'time'defto_something(str)if(num=Integer(str)rescueFloat(s

  9. ruby-on-rails - 复数 for fields_for has_many 关联未显示在 View 中 - 2

    目前,Itembelongs_toCompany和has_manyItemVariants。我正在尝试使用嵌套的fields_for通过Item表单添加ItemVariant字段,但是使用:item_variants不显示该表单。只有当我使用单数时才会显示。我检查了我的关联,它们似乎是正确的,这可能与嵌套在公司下的项目有关,还是我遗漏了其他东西?提前致谢。注意:下面的代码片段中省略了不相关的代码。编辑:不知道这是否相关,但我正在使用CanCan进行身份验证。routes.rbresources:companiesdoresources:itemsenditem.rbclassItemi

  10. ruby-on-rails - 在 Flash 警报 Rails 3 中显示错误消息 - 2

    如果我在模型中设置验证消息validates:name,:presence=>{:message=>'Thenamecantbeblank.'}我如何让该消息显示在闪光警报中,这是我迄今为止尝试过的方法defcreate@message=Message.new(params[:message])if@message.valid?ContactMailer.send_mail(@message).deliverredirect_to(root_path,:notice=>"Thanksforyourmessage,Iwillbeintouchsoon")elseflash[:error]

随机推荐