\n \n In order to take full advantage of the dual-pane design of the app you can either:\n<\/p>\n \n \n \n \n Total Commander app uses dual-screen UX design patterns<\/a> to display relevant information on each screen.\n<\/p>\n \n All the enhancements have been made considering the dual-screen user experience<\/a> in relation to spanning, avoiding the hinge, or device orientation.\n<\/p>\n \n In the picture below, you can see the main screen of the Total Commander app running spanned in dual-portrait mode<\/a>. This is where it brings the biggest productivity gains; because of the side-by-side file manager panes, the user can view two different file systems at the same time.\n<\/p>\n \n Running like this, it is very easy to copy or move files from one side to another, but you can also pack files into a zip archive, delete, share, or check file properties.\n<\/p>\n \n One nice little trick which helps the user navigate between the two screens is the current directory bar, located just under the big title bar, but above the file explorer, which shows the current open directory in the explorer pane, but which inverts its color, from dark to light and vice versa, based on which screen is currently in focus. This way the user always knows where the next action is about to take place.\n<\/p>\n \n Although this dual-screen layout<\/a> is the most intuitive one on Surface Duo devices, the Total Commander app actually allows the user to enable or disable the two panels mode from the settings for each orientation, horizontal or vertical.\n<\/p>\n \n \n Total Commander \u2013 file manager allows the user to easily view multiple areas of the device:\n<\/p>\n \n As you can see in the screenshot above, the app dialog windows, like the Copy\/Move dialog exemplified are dual-screen aware thanks to the enhancement changes and this way they are placed on one of the screens and not rendered under the hinge where they could be obstructed.\n<\/p>\n \n \n \n \n \n \n By using dual-screen SDKs<\/a> the application is aware it is running on a foldable device, it reads from the system the bounds of the two screens and also the hinge or other folding features, then it adapts its layout accordingly for the best user experience.\n<\/p>\n \n This can be seen throughout Total Commander\u2019s design.\n<\/p>\n \n If you have any questions about dual-screen enhancing your apps, ask on our feedback forum<\/a>\u202for message us on Twitter\u202f@surfaceduodev<\/a>.\u202f\u202f\u00a0\n<\/p>\n \n Finally, please join us for our\u202fdual-screen developer livestream<\/a>\u202fat 11am (Pacific time) each Friday \u2013 mark it in your calendar and check out the\u202farchives on YouTube<\/a>.\u202f\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":" Hello Android developers! We\u2019re excited to announce that one of the most famous dual-pane apps of all time has been enhanced for Surface Duo dual-screen devices. Total Commander file manager\u2019s iconic dual-pane design has been one of its most recognizable features, starting from its Windows roots and continuing on Android. This dual-pane design is a […]<\/p>\n","protected":false},"author":67656,"featured_media":2514,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[31,45],"class_list":["post-2503","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-surface-duo-sdk","tag-dual-screen-development","tag-surface-duo-sdk"],"acf":[],"blog_post_summary":" Hello Android developers! We\u2019re excited to announce that one of the most famous dual-pane apps of all time has been enhanced for Surface Duo dual-screen devices. Total Commander file manager\u2019s iconic dual-pane design has been one of its most recognizable features, starting from its Windows roots and continuing on Android. This dual-pane design is a […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts\/2503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/users\/67656"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/comments?post=2503"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts\/2503\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/media\/2514"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/media?parent=2503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/categories?post=2503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/tags?post=2503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/06\/graphical-user-interface-description-automaticall.png\")
To span or not to span<\/h2>\n
\n
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/06\/graphical-user-interface-application-description.gif\")
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/06\/graphical-user-interface-application-description-1.gif\")
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/06\/a-screenshot-of-a-computer-description-automatica.png\")
Design and layout<\/h2>\n
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/06\/graphical-user-interface-text-description-automa.png\")
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/06\/graphical-user-interface-text-description-automa-1.png\")
Features<\/h2>\n
\n
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/06\/a-screenshot-of-a-computer-description-automatica-1.png\")
\n![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/06\/a-screenshot-of-a-computer-description-automatica-2.png\")
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/06\/graphical-user-interface-description-automaticall-1.png\")
\n![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/06\/graphical-user-interface-text-application-chat.png\")
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2022\/06\/graphical-user-interface-text-application-descr.png\")
\nSDK<\/h2>\n
Feedback and resources<\/h2>\n