A full month hasn't even passed since the last update of RetroArch, 1.7.9, which released earlier this October, and added new touchscreen gestures for those using the mobile version of the program. Now, with the newly released version 1.8.0, even more improvements have been made to the UI in general, for mobile users. Some new improvements and additions include a new method of scaling menu sizes for a variety of different resolutions and DPI, animated transitions between menus, a navigation bar which makes changing settings more effortless, and other visual optimizations.
With version 1.7.9, we already improved the mobile UX significantly by adding touchscreen gestures and better touch responsiveness.
This however pales in comparison to what has been done for version 1.8.0 in this department. We will quickly go over the major highlights, most of the text here has been written by jdgleaver (the author of these changes) with only minimal edits by myself –
New menu scaling
At present, Material UI is scaled according to screen resolution and hard-coded magic numbers. This ‘kinda-sorta’ works on some mobile devices, but in general (and specifically on desktop computers and tablets) the interface is too large, and scaling is highly inconsistent when resizing windows. To combat these inadequacies, there existed a ‘DPI override’ feature which allowed the user to set a specific scale – but this didn’t work in real-time (so adjustments were blind), and it’s not user friendly (since the average user can’t be expected to know the correct DPI setting for their screen).
This new version modifies the scaling of Material UI such that it uses the hardware-reported DPI value of the display, with empirical adjustments to accommodate very large and very small screen sizes (where normal DPI scaling fails). This should ensure an appropriate default interface size regardless of hardware. Moreover, it removes the ‘DPI override’ and replaces it with a generic Menu Scale Factor under User Interface > Appearance, which is a simple fractional multiplier (much easier for the user to understand!). This Menu Scale Factor is now also used by XMB (instead of the previous XMB-specific scale factor) – it is intended that Ozone and menu widgets will obey this setting in the future.
- DPI Override Removed – Menu Scale Factor comes in its place – starts out at 1.00x and can be made smaller or higher than the default value
- Material UI now correctly readjusts its layout when screen orientation changes on mobile devices
- Material UI now resizes in real-time when the user manually sets the Menu Scale Factor (this never worked properly with the old DPI override)
- Material UI no longer leaks memory on ‘context reset’
Menu animations
A new ‘Menu Transition Animation’ option has been added under User Interface > Appearance. When this is enabled, menu transition events are animated.
All sorts of animations have been added – fade-in effects, slide effects, etc. If you dislike any of these, you can always turn the setting off completely to go back to the previous behavior.
System bar
A new Android-style ‘system bar’ has been added. This shows current core name, clock and battery level.
Navigation bar
The navigation bar is now shown at all times – i.e. it is an actual navigation tool, rather than a ‘top-level-menu’ curiosity.
Two new context-sensitive buttons have been added:
On the bottom left we have a ‘back’ button. This performs the same function as tapping the menu bar, but the button is in a more ergonomic/standard position. This should address most of the complaints Android users have about RetroArch ignoring the hardware back button.
On the bottom right we have a ‘resume content’ button. This means we can easily change/test runtime settings without performing finger gymnastics. e.g. we can change a core option or apply a shader and immediately toggle the menu off without having to hit back to get to the quick menu, and scroll up to the resume content entry.
Auto-Rotation
A new ‘Auto-Rotate Navigation Bar’ option has been added under User Interface > Appearance. When enabled (this is the default setting), the navigation bar is moved to the right hand side of the screen when using landscape screen orientations. It looks something like this:
If you don’t like this and you want it to always appear at the bottom of the screen, turn this option off.
Title bar
The title bar now uses a larger font, and the sublabel font has also been enlarged a little, to more closely align with Material Design standards.
Optimize Landscape Layout
A new Optimize Landscape Layout option has been added under User Interface > Appearance. This is intended to address the rather uncomfortable appearance of Materail UI in landscape orientation on wide displays (particularly on the desktop). The option is disabled by default on mobile platforms (like iOS/Android), and enabled by default everywhere else. When enabled, it looks something like this:
Click to expand...
PC and Linux users also get some nice new features, with two bounty requests having been fulfilled. Rinnegatamante has added "graceful switching" for video drivers, meaning
Catherine: Full Body’s English translation for the Vita