Apollo One (4 Viewers)

[wizard123]

Movie screens
I also changed the home button for a power button which makes a bit more sense i guess.

Looks good!

Few questions: how do we manage filtering/grouping of items? The actions are currently placed inside (hidden) menu and should be available in any kind.

Filters can be setup in the hidden dialog menu like the previous dialog menu i created, or do you mean something else ?

 

[morpheus_xx]

There is a difference between the dialog and the menu: the menu is included in the actual page, while the dialog is overlayed.

Where/how does the dialog should get shown? In Titanium we have a vertical button and a Key.Info mapping.

 

[wizard123]

Is there a reason why the menu could not be overlayed too ? the same as dialogs and the movie details. It can be the same access wise go far left for menu or press info button.

 

[morpheus_xx]

Is there a reason why the menu could not be overlayed too ? the same as dialogs and the movie details. It can be the same access wise go far left for menu or press info button.

No specific reason, nobody tried it so far I will look if it works inside same screen or if I need to open a dialog. Inside same screen you need to consider more things about control order, so that the "dialog" control doesn't overlap other interactive controls when not visible.

I have implemented the dialog and button style already, but didn't commit yet. The available blur effects don't look as good as in WPF That's why I try to get Direct2D Effects working with a shared DirectX9Ex texture. But this is hard to achieve (though stated to be possible).

 

[wizard123]

Inside same screen you need to consider more things about control order, so that the "dialog" control doesn't overlap other interactive controls when not visible.

So would it be best to create hidden menu items as a dialog instead to avoid control overlap ? I assume this would only be an issue if using a mouse ?

 

[morpheus_xx]

No, it also affects focus movement using key / remote. And btw, mouse (+ touch) support is also required in general.

Consider this example structure:

<Grid>
  <ListView x:Name="Movies" />

  <ListView x:Name="Menu">
    <ListView.RenderTransform>
       <TranslateTransform X="-500" />
    </ListView.RenderTransform>
  </ListView>
</Grid>

The menu listview comes after the "movies" list. As they are contained inside a grid, they are positioned over each other (same position).
Now the menu is moved out of screen (translate -500), but the layout wise it is still located over the movies. "Over" means, that clicking the items would first reach this control, underlying movies list is not clickable.

That are things the coder need to consider, in which order controls need to be placed and what transforms can cause (RenderTransform vs. LayoutTransform).

 

[wizard123]

So on pressing info button the -500 becomes 0 and then that control has focus ?

 

[morpheus_xx]

Yes, so it is implemented in Titanium:
https://github.com/MediaPortal/Medi...in/Titanium/screens/master_menu.xaml#L74-L115

On Screen.Show it's made sure that menu is "closed", once you open the menu the trigger starts the "slide in animation":
<!-- Slide-In animation when the MenuModel.ShowMenu gets true -->
<DataTrigger Binding="{Binding Source={StaticResource MenuModel},Path=IsMenuOpen}" Value="True">

 

[wizard123]

So in apollo the dialog / menu screens etc would fade in rather than slide how would you transition that ? from invisible to visible.

 

[morpheus_xx]

It depends what you like. Much things are possible: transition ("move in"), scale ("zoom"), opacity change ("fade in").

I will first test the screen layout if it can look like a dialog on top of current screen. If this not work, a normal dialog could be used (but it could be difficult, as workflow state changes and menu items are dependend on current workflow state).