我正在创建一个安卓游戏。中间有一个需要一直旋转的圆圈。我首先创建了一个从 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;
}
最佳答案
问题 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/
我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格: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
我主要使用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
我需要读入一个包含数字列表的文件。此代码读取文件并将其放入二维数组中。现在我需要获取数组中所有数字的平均值,但我需要将数组的内容更改为int。有什么想法可以将to_i方法放在哪里吗?ClassTerraindefinitializefile_name@input=IO.readlines(file_name)#readinfile@size=@input[0].to_i@land=[@size]x=1whilex 最佳答案 只需将数组映射为整数:@land边注如果你想得到一条线的平均值,你可以这样做:values=@input[x]
所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择
我是一个Rails初学者,但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby中打印出变量(认为它会在终端中出现),但没有得到任何结果。有什么建议吗?我知道Rails调试器,但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R
我试图在索引页中创建一个超链接,但它没有显示,也没有给出任何错误。这是我的index.html.erb代码。ListingarticlesTitleTextssss我检查了我的路线,我认为它们也没有问题。PrefixVerbURIPatternController#Actionwelcome_indexGET/welcome/index(.:format)welcome#indexarticlesGET/articles(.:format)articles#indexPOST/articles(.:format)articles#createnew_articleGET/article
我是rails的新手,想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围,如果不在范围内则返回错误信息。我可以检查上面代码的范围,但无法返回错误消息提前致谢 最佳答案 关键是您使用的是模型表单,一种显示ActiveRecord模型实例属性的表单。c
我正在尝试解析一个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
目前,Itembelongs_toCompany和has_manyItemVariants。我正在尝试使用嵌套的fields_for通过Item表单添加ItemVariant字段,但是使用:item_variants不显示该表单。只有当我使用单数时才会显示。我检查了我的关联,它们似乎是正确的,这可能与嵌套在公司下的项目有关,还是我遗漏了其他东西?提前致谢。注意:下面的代码片段中省略了不相关的代码。编辑:不知道这是否相关,但我正在使用CanCan进行身份验证。routes.rbresources:companiesdoresources:itemsenditem.rbclassItemi
如果我在模型中设置验证消息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]