![\"\"](\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/07\/Screenshot-from-2021-07-05-16-19-54-1024x691.png\")
![\"\"](\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/07\/Screenshot-from-2021-07-05-16-19-56.png\")
<\/figure><\/li>![\"\"](\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/07\/Screenshot-from-2021-07-05-16-20-09.png\")
<\/figure><\/li><\/ul><\/figure>\n<\/div>\n<\/div>\n\n\n\nBut this would originally switch out only the display method , i.e., switch out the ListWidget with the GridWidget. The button layout would stay the same.<\/p>\n\n\n\n
But List requires more buttons that I had previously moved into the tray like Start Game, Load Game, Edit Game. So what I instead had to do was create 2 different Dialogs which derived from a common Launcher Dialog, and a Launcher Dialog Chooser object which selected which dialog must be opened. This is a similar setup to what is done with Save\/Load dialogs.<\/p>\n\n\n\n
After that I restored the button layout for List view to its original form (+ the switching buttons).<\/p>\n\n\n\n
![\"\"](\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/07\/Screenshot-from-2021-07-05-16-35-55-1024x568.png\")
<\/figure>\n\n\n\nTask 2 : Visual Changes<\/h2>\n\n\n\n
Few smaller visual changes were made to the grid<\/p>\n\n\n\n
An autoscroll for partially offscreen entries, so that the tray is not drawn outside the window, in future this may have a short sliding pseudoanimation to make the autoscroll and tray popup less jarring to the user.<\/p>\n\n\n\n
\n\n![\"\"](\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/07\/Screenshot-from-2021-07-05-16-22-32-1.png\")
Selecting a offscreen entry….<\/figcaption><\/figure>\n<\/div>\n\n\n\n \n![\"\"](\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/07\/Screenshot-from-2021-07-05-16-22-41-1.png\")
…autoscrolls and then opens a tray<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n I had already reserved two lines in my layouts but I wasn’t using them. Hence, grid in earlier screenshots may look bit more “spaced”.<\/p>\n\n\n\n
\n\n![\"\"](\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/07\/Screenshot-from-2021-07-05-16-24-36.png\")
Take single line title<\/figcaption><\/figure>\n\n\n\n <\/p>\n<\/div>\n\n\n\n
\n![\"\"](\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/07\/Screenshot-from-2021-07-05-16-26-04.png\")
…Split into two lines<\/figcaption><\/figure>\n<\/div>\n\n\n\n \n![\"\"](\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/07\/Screenshot-from-2021-07-05-16-27-19.png\")
…and then, Centered<\/figcaption><\/figure>\n\n\n\n <\/p>\n<\/div>\n<\/div>\n\n\n\n
![\"\"](\"https:\/\/blogs.scummvm.org\/av-dx\/wp-content\/uploads\/sites\/6\/2021\/07\/Screenshot-from-2021-07-05-16-42-22-1.png\")
A tooltip containing the full title on hover<\/figcaption><\/figure>\n\n\n\n The final change was that the tray closes up when navigating to the launcher buttons, leaving the entry selected, so that things like “Remove Game”, “About”, “Options” can be pressed without needing to explicitly close the tray. (Can’t really convey with screenshots)<\/p>\n\n\n\n
In other news…<\/h4>\n\n\n\n
I got my second dose of COVID vaccine yesterday, so a bit late for the blog post. But I’m feeling good and will soon start preparation for the first phase of evaluations coming up.<\/p>\n","protected":false},"excerpt":{"rendered":"
Task 1 : Switching between list and grid The list layout has been a part of the GUI for a long time, and its not being replaced this time either. There should be a button to toggle between grid and list view. But this would originally switch out only the display method , i.e., switch… Continue reading Best of both layouts (Week 4 progress)<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-68","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/posts\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":2,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/posts\/68\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/av-dx\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}