Apollo One (2 Viewers)

[wizard123]

Are you going to adjust the width of the dialog like in my screenshots ? what would you change to do that ?
I can do a close button but will it be hidden if no mouse is active and just show if you move mouse or touch display?

 

[morpheus_xx]

Are you going to adjust the width of the dialog like in my screenshots ? what would you change to do that ?

This would be pretty simple, just adding a Width="xxx" does it. One possible place is https://github.com/MediaPortal/Medi...ApolloOne/screens/master_dialog_bare.xaml#L63

But you should consider that the dialog currently adapts its size depending on content. A better way would be something like "MinWidth" to allow further expanding if required.

I can do a close button but will it be hidden if no mouse is active and just show if you move mouse or touch display?

Yes, please create a button! And yes, this control is usually only shown when using mouse (touch wraps mouse actions, so it works same way).
The existing "MouseModel" offers a property to bind visibility to:
https://github.com/MediaPortal/Medi.../Titanium/screens/master_dialog_bare.xaml#L99

 

[wizard123]

Thanks, yea there should definitely be minwidth to match the design because if they start looking all different sizes not matching it throws the design way off and starts looking like a mish mash.

 

[wizard123]

I was just thinking rather than have a specific close button on dialog screens is it possible to exit by just clicking or pressing outside of it in the open space ? i guess essentially the black overlay would be the exit button.

 

[morpheus_xx]

I was just thinking rather than have a specific close button on dialog screens is it possible to exit by just clicking or pressing outside of it in the open space ? i guess essentially the black overlay would be the exit button.

Just tested and it's possible! Done

 

[wizard123]

Great that will keep it nice and clean much better

 

[morpheus_xx]

Next step. Dialog width is set to a fixed value for now. The visible differences in size are caused by ScrollViewer / Scrollbars.
@wizard123 should I take over the general scrollbar layout from Titanium? Or do you like to have other scrollbar styles?

I have to change the way how the skin react on mouse clicks to close dialogs, it makes menu items not responding to clicks (UserInputCapture seems to consume mouse in any case when used).

With the non-square dialog you now better see, why current shader don't fit well: it is aspect ratio dependent.

 

[wizard123]

I think the scroll bar style is shown in a previous screenshot but i will post another up when i get 5 mins. Is it possible to have the faded out covers at the bottom or top of thumb control to indicate more in the list ?

 

[morpheus_xx]

Is it possible to have the faded out covers at the bottom or top of thumb control to indicate more in the list ?

At least not easy: only full items that fit into range will be shown and can be focused. We would probably need another kind of panel. Or we would need to use physical scrolling, but I think we cannot use Virtualization then.

 

[morpheus_xx]

The mouse click issue is solved, only one new condition

To give a short overview about the available items in home screen, take a look (thanks @wizard123 for the new tiles ):

You also see the new "dot animation" as busy indicator.