Remove green border around Android application

Development Platform & Builds Mobile
, , ,
1

I am currently having an issue with an Android application built with UE4.24 having a green frame around the body of the application:

These are what I tried to do.

to use usb keyboard
set in Config\DefaultEngine.ini under [SystemSettings]

GameName=MyUEAndroidProject
[SystemSettings]
Android.EnableMouse=1
Android.EnableHardwareKeyboard=1

to disable defaultFocusHighlightEnabled
set in C:\Program Files\Epic Games\UE_4.24\Engine\Build\Android\Java\res\values

    <style name="UE4BaseTheme" parent = "@android:style/Theme.Black.NoTitleBar.Fullscreen">
      <item name="android:defaultFocusHighlightEnabled">false</item>
    </style>

I type usb keyboard and appear green border.
Anyone help me. Thanks.

Reference
https://stackoverflow.com/questions/49256092/remove-green-border-around-android-application

2

I solved myself

change 3files under
C:\Program Files\Epic Games\UE_4.24\Engine\Build\Android\Java\res\
values\styles.xml
values-land\styles.xml
values-port\styles.xml

from
<style name="UE4BaseTheme" parent = "@android:style/Theme.Black.NoTitleBar.Fullscreen" />
to

  <style name="UE4BaseTheme" parent = "@android:style/Theme.Black.NoTitleBar.Fullscreen">
    <item name="android:defaultFocusHighlightEnabled">false</item>
    <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
  </style>

and must set project settings\android
show launch images = true

values
values855×780 87.8 KB

1 Like
3

Thank you for this.
Btw its “bShowLaunchImage=True”

Also in UE5 this has changed slightly:

From:

<style name="UnrealBaseTheme" parent = "Theme.Black.AppCompat.NoActionBar.FullScreen" />

to

    <style name="UnrealBaseTheme" parent = "Theme.Black.AppCompat.NoActionBar.FullScreen">
	<item name="android:defaultFocusHighlightEnabled">false</item>
	<item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
	</style>

You’d think after 3 years they would have fixed this by now?

Other Unreal Games with this problem:
Fortnight
Rocket League.
See here:
https://www.reddit.com/r/OdinHandheld/comments/zg6mqs/green_border_around_native_android_games/

To add some repro:
Connect Vysor to your android, and when in game, press any of the direction arrow keys on your keyboard and you’ll get a green border. (In UE5.5 you get a transparent grey overlap on top of the entire app)

Some users trigger this bug with certain controllers. I suspect those controllers register as some sort of keyboard.