Imgui font looks weird on my android phone

[mori1234]

Imgui font looks weird on my android phone, how to adjust font

[rh101]

Are you sure the issue is the font? Everything looks squished horizontally, so it may be a scaling issue. How is your app set up in AppDelegate? Show the contents of that file, but most importantly the code in AppDelegate::applicationDidFinishLaunching().

If you do want to change the font, you can try:
ax::extension::ImGuiPresenter::getInstance()->addFont()

[mori1234]

GameConst::s_OriWinSize = director->getWinSize();

// Set the design resolution
//glView->setDesignResolutionSize(designResolutionSize.width, designResolutionSize.height,
// ResolutionPolicy::SHOW_ALL);

if (GameConst::s_OriWinSize.height / GameConst::s_OriWinSize.width < designResolutionSize.height / designResolutionSize.width)
{
MyLog("ResolutionPolicy FIXED_HEIGHT");
glView->setDesignResolutionSize(designResolutionSize.width, designResolutionSize.height, ResolutionPolicy::FIXED_HEIGHT);
}
else
{
MyLog("ResolutionPolicy FIXED_WIDTH");
glView->setDesignResolutionSize(designResolutionSize.width, designResolutionSize.height, ResolutionPolicy::FIXED_WIDTH);
}

designResolutionSize = Size(640, 1336);

[rh101]

OK, I can't reproduce the issue on an Android device with the code you have provided, so there is clearly something missing. Instead of going back and forth with bits and pieces of info, it would be best if you provide a project with the minimal amount of code required to reproduce the issue, and post it somewhere (such as on your github repo).

[mori1234]

OK, I can't reproduce the issue on an Android device with the code you have provided, so there is clearly something missing. Instead of going back and forth with bits and pieces of info, it would be best if you provide a project with the minimal amount of code required to reproduce the issue, and post it somewhere (such as on your github repo).

When in Android portrait mode, the font is strange, but when in landscape mode, it is normal

[rh101]

OK, so I managed to reproduce it if the app is started in portrait mode, but only if ImGuiPresenter::setViewResolution is not called.

So, to fix this, make sure you call:

ax::extension::ImGuiPresenter::getInstance()->setViewResolution(width, height);

The width and height are whatever values you want in order to get the correct ImGui scale. For example:

ax::extension::ImGuiPresenter::getInstance()->setViewResolution(designResolutionSize.width, designResolutionSize.height);

That should fix the issue, because the width and height need to match the aspect ratio based on the design resolution. The values do not need to equal the design resolution, but they do need to be the same aspect ratio. For example, the aspect ratio you posted is 640:1336. It may even need to be set to the same aspect ratio of the actual device, I can't quite recall, but either way, you can check that for yourself.

[mori1234]

ax::extension::ImGuiPresenter::getInstance()->setViewResolution

Thank you, it works well

[rh101]

Will have to add this to the wiki. The cpp-tests project does use the ImGuiPresenter::setViewResolution, but developers may not know to look for it.