LayoutGameActivity - mixing AndEngine with other Views!

[Nicolas Gramlich]

Hello Community,

some days ago I added a new example: XMLLayoutExample, which is using the new LayoutGameActivity class that makes integration of an AndEngine view into an complex layout trivial (Note, placing it into a ScrollView is not supported due to how SurfaceViews work Looks funny though ) .

This is pretty much what needs to be added, compared to the usual BaseGameActivity:

Syntax: [ Download ] [ Hide ]

Syntax: [ Download ] [ Show ]

Using java Syntax Highlighting

1.         @Override
2.         protected int getLayoutID() {
3.                 return R.layout.xmllayoutexample;
4.         }
5.  
6.         @Override
7.         protected int getRenderSurfaceViewID() {
8.                 return R.id.xmllayoutexample_rendersurfaceview;
9.         }

Parsed in 0.031 seconds, using GeSHi 1.0.8.4

This is what the example looks like on my Nexus:

device.png (33.33 KiB) Viewed 8437 times

Please keep in mind that this new 'feature' is pretty young and might be subject to changes

Best Regards,
Nicolas

[vael]

Hello Nicolas,

I've got a problem about ratio. Before making custom view through xml this worked fine:

Syntax: [ Download ] [ Hide ]

Syntax: [ Download ] [ Show ]

Using java Syntax Highlighting

1.        
2. @Override
3.         public Engine onLoadEngine()
4.         {                      
5.         DisplayMetrics displayMetrics = new DisplayMetrics();
6.         this.getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
7.        
8.         int CAMERA_WIDTH = displayMetrics.widthPixels;
9.         int CAMERA_HEIGHT = displayMetrics.heightPixels;
10.        
11.                 this.TheCamera = new ZoomCamera(0, 0, CAMERA_WIDTH, CAMERA_HEIGHT);
12.                 this.TheCamera.setZoomFactor(CAMERA_HEIGHT / Activity_Gameplay.GAME_HEIGHT);
13.  
14.         Activity_Gameplay.GAME_WIDTH = CAMERA_WIDTH / this.TheCamera.getZoomFactor();
15.                
16.                 this.TheCamera.setCenter(Activity_Gameplay.GAME_WIDTH / 2.0f, Activity_Gameplay.GAME_HEIGHT / 2.0f);
17.                
18.                 this.VisualEngine = new Engine(new EngineOptions(true, ScreenOrientation.PORTRAIT, new RatioResolutionPolicy(CAMERA_WIDTH, CAMERA_HEIGHT), this.TheCamera));
19.                
20.                 return this.VisualEngine;
21.         }
22.  

Parsed in 0.033 seconds, using GeSHi 1.0.8.4

But now when ad appears on the top displayMetrics.heightPixels won't return the actual view height. And I will obviously get a black bar. How to solve this?

Thank you

[Nicolas Gramlich]

Hi,

displayMetrics return the actual size of the whole physical display and not the size of the View

Best Regards,
Nicolas

[vael]

I understand that but how can I get the view size at this moment if onSetContentView() is called after onLoadEngine()?

[vael]

And also how to catch the moment when the view size changes (ad appears or disappears) and change camera/engine the right way?

[Knossos]

Very impressive.

Works perfectly.

[vael]

So does anyone know the answer to my previous question?

Thanks

[ndiiie90]

Hey Nicholas!

Thx for this tutorial! finally the ads can be added to my game!

But, I have a question, can't just the ads overlap the game? just like in angry birds..

Thx

[Nicolas Gramlich]

So does anyone know the answer to my previous question?

Not really, currently the size cannot be changed afterwards. I simply place the ads above the screen.

But, I have a question, can't just the ads overlap the game? just like in angry birds..

Yes, in FarmTower I do it just like Angry Birds does it. Display ads the first ~5 seconds of the game.

Best Regards,
Nicolas

[ndiiie90]

But, I have a question, can't just the ads overlap the game? just like in angry birds..

Yes, in FarmTower I do it just like Angry Birds does it. Display ads the first ~5 seconds of the game.

Best Regards,
Nicolas

How can you do that?
I just follow your tutorial above and customize my xml like this:

Syntax: [ Download ] [ Hide ]

Syntax: [ Download ] [ Show ]

Using xml Syntax Highlighting

1. <?xml version="1.0" encoding="UTF-8"?>
2. <LinearLayout
3.         xmlns:android="http://schemas.android.com/apk/res/android"
4.        android:layout_width="fill_parent"
5.        android:layout_height="fill_parent"
6.        android:orientation="vertical"
7.        android:gravity="center">
8.  
9.         <com.admob.android.ads.AdView
10.         android:id="@+id/ad"
11.         android:layout_width="fill_parent"
12.         android:layout_height="60px"
13.         android:gravity="center"
14.         android:layout_alignParentTop="true"
15.         myapp:backgroundColor="#FFFFFF"
16.         myapp:primaryTextColor="#000000"
17.         myapp:secondaryTextColor="#CCCCCC"
18.         />
19.  
20.          <org.anddev.andengine.opengl.view.RenderSurfaceView
21.                 android:id="@+id/xmllayoutexample_rendersurfaceview"
22.                 android:layout_width="fill_parent"
23.                 android:layout_height="fill_parent"
24.                 android:gravity="center"
25.           />
26.  
27. </LinearLayout>
28.  

Parsed in 0.003 seconds, using GeSHi 1.0.8.4

It has some different codes with your example..And the result is the game only takes place 3/4 screen size and remains blank space in top, right and bottom side of game (right side is for ads)..Am I miss something Nicolas so that the ads can overlap my game and the game takes place whole screen?

Thanks a lot NIcolas..