{"id":4603,"date":"2018-12-30T08:31:14","date_gmt":"2018-12-30T08:31:14","guid":{"rendered":"https:\/\/www.gtechbooster.com\/?p=4603"},"modified":"2023-04-01T01:38:05","modified_gmt":"2023-04-01T01:38:05","slug":"foldable-is-here-users-and-developers","status":"publish","type":"post","link":"https:\/\/gtechbooster.com\/foldable-is-here-users-and-developers\/","title":{"rendered":"Foldable is here, Users and Developers"},"content":{"rendered":"\n

Within the next few months, mobile devices\nwill be introduced with new form factors. First of these form factors\nthat will be offered in the market are foldable phones. Soon, various\ntypes of form factor devices will be released.<\/p>\n\n\n\n

\"\"<\/a><\/div><\/div>

For upcoming new form factors on devices,\n the teams at Samsung and at Google Android hope that app developers\nwill look first at this design guide as the first step.<\/p>\n\n\n\n

App continuity<\/h5>\n\n\n\n

Users will be able to control multiple\ndisplays on one mobile device. The apps will be displayed on different\nscreens to suit the user’s preferences, as they will be switched between\n the screens. As a result, apps are needed to be prepared to switch\nbetween multiple screens using different screen attributes (resolutions,\n densities, and etc). <\/p>\n\n\n\n

Users also can unfold the device to have\nan immersive experience with the current task. Therefore when user\nunfolded the device, the current task must continue seamlessly into an\nunfolded display.<\/p>\n\n\n\n

Multi-window<\/h5>\n\n\n\n

A bigger screen real estate on foldable devices renders multi-tasking into an engaging experience.<\/p>\n\n\n\n

Android 7.0 supports displaying more than one app at the same time. In addition, when switching to a large screen such as a foldable phone case, users can use two or more apps on split-screen mode. There may be instances that the app may stop functioning whenever moving the focus from one to the other. To mitigate this, you will need to check the documentation on supporting the app with multi-resume in multi-active window mode of the device. <\/p>\n\n\n\n

Technical<\/h2>\n\n\n\n

To make the best experience for foldable devices make sure your apps are ready to work seamlessly between two displays and be active in multi-window mode.<\/p>\n\n\n\n\n\n

App continuity<\/h5>\n\n\n\n

Users unfold the device to have an immersive experience with the current task.<\/p>\n\n\n\n

When unfolded, the current task must continue seamlessly into an unfolded display and vice-versa.<\/p>\n\n\n\n

Multi-window<\/h5>\n\n\n\n

A bigger screen real estate on foldable devices renders multi-tasking into an engaging experience.<\/p>\n\n\n\n

Android 7.0 and higher supports\ndisplaying more than one app at the same time. In addition, when\nswitching to a large screen such as a foldable phone case, users can use\n two or more apps on split-screen mode. There may be instances that the\napp may stop functioning whenever moving the focus from one to the\nother. To mitigate this, you will need to check the documentation on\nsupporting the app with multi-resume in multi-active window mode of the\ndevice.<\/p>\n\n\n\n

App continuity<\/h4>\n\n\n\n\n\n

Folding\/unfolding triggers a configuration change for smallestScreenSize, screenSize<\/em> and screenLayout<\/em>.<\/p>\n\n\n\n

This configuration change is similar with\napps that are configured in multi-window mode. Even apps that does not\nsupport multi-window can be resized when a device gets folded or\nunfolded.<\/p>\n\n\n\n

Whenever a configuration change occurs, the default case is that the whole activity is destroyed and recreated.<\/p>\n\n\n\n

It is important to restore the previous\nstate when the activity is restarted. To properly save and restore the\nprevious state you can use onSaveInstanceState()<\/em> and ViewModel<\/em> object.<\/p>\n\n\n\n

You can save the state in onSaveInstancesState()<\/em> before your activity is destroyed and restore in onCreate()<\/em> or onRestoreInstanceState()<\/em>.<\/p>\n\n\n\n

If you want handling configuration change without restart, you need to add an android:configChanges<\/em> attribute to your manifest with at least these values below.<\/p>\n\n\n\n

With this attribute, you will need to manually update your view layout and reload resources in onConfigurationChaged()<\/em>.<\/p>\n\n\n\n

<activity\n    android:name=\".MyActivity\"\n    android:configChanges=\"screenSize|smallestScreenSize|screenLayout\"\n\/><\/code><\/pre>\n\n\n\n
Do not call finish()<\/em> or kill the process by itself in the activity\u2019s onDestroy()<\/em>. This will cause the app to close when a device gets folded or unfolded.<\/p>
\"\"<\/a><\/div><\/div>\n\n\n\n
Please refer to the detail in Android developer guide<\/a>
<\/p>\n\n\n\n
Multi-resume<\/h4>\n\n\n\n
What is multi-resume ?<\/h3>\n\n\n\n
An app that is running in multi-window will be paused when not active in the previous Android versions.<\/p>\n\n\n\n
With Android P (Pie), it provides a\nmulti-resume functionality for all visible top activities if the app and\n OEM (Original Equipment Manufacturer) opts in.<\/p>\n\n\n\n
Multi-resume is expected to become a mandatory behavior in Android Q.<\/p>\n\n\n\n\n\n
How can I make the app run in multi-resume?<\/h3>\n\n\n\n
Set the manifest flag to keep the app in a\nresumed state. This will allow the app to have resumed state even when\nit is not the topmost app.<\/p>\n\n\n\n
Code Block 1 Manifest flag<\/strong><\/h4>\n\n\n\n
<application>\n  <meta-data\n    android:name=\"android.allow_multiple_resumed_activities\"\n    android:value=\u201dtrue\u201d \/>\n  <activity ... \/>\n<\/application><\/code><\/pre>\n\n\n\n
\n   Note\n    <\/p>\n\n\n\n
More than one activity of the same app can be resumed.<\/p>\n\n\n\n
Caution with singletons storing the resumed activity, including in frameworks you depend on<\/p>\n\n\n\n
Other practices<\/h4>\n\n\n\n
Maximum aspect ratio<\/h4>\n\n\n\n
The cover display will have a long (21:9) aspect ratio.<\/p>\n\n\n\n
So the application needs to handle a maximum aspect ratio to fill the entire screen.<\/p>\n\n\n\n
The public guide is found in the Android developer site<\/a>:<\/p>\n\n\n\n
In the guideline, you can choose the following options to support aspect ratio.<\/p>\n\n\n\n
  1.  1. Declare the target SDK version Apps that targets Android 8.0 (API level 26) or higher, they will fill the entire screen. <\/li>
  2.  2. Declare the resizeableActivity<\/em> If the activity is resizable, your Activity will fill the entire screen. Code Block 2 Set attribute in your manifest’s <activity><\/code> or <application><\/code> element <\/strong>\n     android:resizeableActivity=[\"true\" | \"false\"]<\/code>\n     <\/li>
  3.  3. Declare a max aspect ratio For Android 7.1 and lower, add a <meta-data> element named android.max_aspect in the <application> element. Code Block 3 meta-data android.max_aspect<\/strong>\n     <!-- Render on full screen up to screen aspect ratio of 2.4 -->\n<!-- Use a letterbox on screens larger than 2.4 -->\n<meta-data android:name=\"android.max_aspect\" android:value=\"2.4\" \/><\/code>\n     <\/li><\/ol>\n\n\n\n
    \n   Note\n    <\/p>\n\n\n\n
    If an app does not support a long aspect ratio (9:21), it may not\n be resized properly when unfolded in emulator environment. Please make\nsure the app support a long aspect ratio first before testing folding\nand unfolding.<\/p>\n\n\n\n
    Optimized layouts for cover display and main display<\/h5>\n\n\n\n
    Now the app will run in both displays even with different sizes.<\/p>\n\n\n\n
    We recommend adding a separate resource folder to show more rich and clear content.<\/p>\n\n\n\n
    How to optimize layouts<\/h5>\n\n\n\n
    Refer to the following link to get the default information about separate resource folder.<\/a><\/p>\n\n\n\n
    Reference display configuration<\/h5>\n\n\n\n
    See the foldable device configurations below for each display.<\/p>\n\n\n\n
    <\/td>Cover display<\/th>Main display<\/th><\/tr><\/thead>
    smallest width<\/td>320 dp<\/td>585 dp<\/td><\/tr>
    screen size<\/td>840 x 1960<\/td>1536 x 2152<\/td><\/tr>
    screen layout<\/td>SCREENLAYOUT_SIZE_NORMAL
     SCREENLAYOUT_LONG_YES<\/td>    		SCREENLAYOUT_SIZE_LARGE
     SCREENLAYOUT_LONG_NO<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
    More Information<\/h2>\n\n\n\n