home
products
contribute
download
documentation
forum
Home
Forums
New posts
Search forums
What's new
New posts
All posts
Latest activity
Members
Registered members
Current visitors
Donate
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Search forums
Search titles only
By:
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
MediaPortal 2
Skins and Design
BlueVision
Improving Menu structure
Contact us
RSS
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="morpheus_xx" data-source="post: 1175510" data-attributes="member: 48495"><p>I have thought about this idea. We can achieve this by having 3 instances of our "GridListView", each bound to another "tab".</p><p></p><p>For example I have changed the master_homemenu.xaml and duplicated the grid and moved it by -400,-50 (by RenderTransform):</p><p>[CODE=XML]</p><p> <bv:GridListView x:Name="MainMenu" DockPanel.Dock="Center" Style="{ThemeResource HomeMenuListViewStyle}" Margin="0,0,0,0"</p><p> VerticalAlignment="Stretch" SetFocusPrio="Fallback"</p><p> ItemsSource="{Binding Source={StaticResource MenuModel},Path=PositionedMenuItems,Mode=OneTime}"</p><p> IsVisible="{Binding Source={StaticResource MenuModel},Path=!IsHome}"></p><p> <bv:GridListView.Resources></p><p> <CommandBridge x:Key="Menu_Command" Command="{Binding Path=Command,Mode=OneTime}"/></p><p> </bv:GridListView.Resources></p><p> </bv:GridListView></p><p></p><p> <bv:GridListView x:Name="Left" DockPanel.Dock="Center" Style="{ThemeResource HomeMenuListViewStyle}" Margin="0,0,0,0"</p><p> VerticalAlignment="Stretch" SetFocusPrio="Fallback"</p><p> ItemsSource="{Binding Source={StaticResource MenuModel},Path=PositionedMenuItems,Mode=OneTime}"</p><p> IsVisible="{Binding Source={StaticResource MenuModel},Path=!IsHome}"></p><p> <bv:GridListView.Resources></p><p> <CommandBridge x:Key="Menu_Command" Command="{Binding Path=Command,Mode=OneTime}"/></p><p> </bv:GridListView.Resources></p><p> <bv:GridListView.RenderTransform></p><p> <TranslateTransform X="-400" Y="-50"/> <!-- Will be animated --></p><p> </bv:GridListView.RenderTransform></p><p> </bv:GridListView></p><p>[/CODE]</p><p></p><p>[ATTACH=full]175971[/ATTACH]</p><p></p><p>Then there should be an animation which (as example for moving focus to left):</p><ul> <li data-xf-list-type="ul">Slides in the left panel</li> <li data-xf-list-type="ul">Fades out the center panel<ul> <li data-xf-list-type="ul"><em>(Not sure how we should technically switch the "current page", because the left one is in center then, but we need to be able to move left again)</em></li> </ul></li> <li data-xf-list-type="ul">Switches the associated group indexes for controls</li> </ul><p>The model should expose 3 indexes, so xaml controls can bind to them (left, current, right pages) and also make sure that all GUI items are built.</p></blockquote><p></p>
[QUOTE="morpheus_xx, post: 1175510, member: 48495"] I have thought about this idea. We can achieve this by having 3 instances of our "GridListView", each bound to another "tab". For example I have changed the master_homemenu.xaml and duplicated the grid and moved it by -400,-50 (by RenderTransform): [CODE=XML] <bv:GridListView x:Name="MainMenu" DockPanel.Dock="Center" Style="{ThemeResource HomeMenuListViewStyle}" Margin="0,0,0,0" VerticalAlignment="Stretch" SetFocusPrio="Fallback" ItemsSource="{Binding Source={StaticResource MenuModel},Path=PositionedMenuItems,Mode=OneTime}" IsVisible="{Binding Source={StaticResource MenuModel},Path=!IsHome}"> <bv:GridListView.Resources> <CommandBridge x:Key="Menu_Command" Command="{Binding Path=Command,Mode=OneTime}"/> </bv:GridListView.Resources> </bv:GridListView> <bv:GridListView x:Name="Left" DockPanel.Dock="Center" Style="{ThemeResource HomeMenuListViewStyle}" Margin="0,0,0,0" VerticalAlignment="Stretch" SetFocusPrio="Fallback" ItemsSource="{Binding Source={StaticResource MenuModel},Path=PositionedMenuItems,Mode=OneTime}" IsVisible="{Binding Source={StaticResource MenuModel},Path=!IsHome}"> <bv:GridListView.Resources> <CommandBridge x:Key="Menu_Command" Command="{Binding Path=Command,Mode=OneTime}"/> </bv:GridListView.Resources> <bv:GridListView.RenderTransform> <TranslateTransform X="-400" Y="-50"/> <!-- Will be animated --> </bv:GridListView.RenderTransform> </bv:GridListView> [/CODE] [ATTACH=full]175971[/ATTACH] Then there should be an animation which (as example for moving focus to left): [LIST] [*]Slides in the left panel [*]Fades out the center panel [LIST] [*][I](Not sure how we should technically switch the "current page", because the left one is in center then, but we need to be able to move left again)[/I] [/LIST] [*]Switches the associated group indexes for controls [/LIST] The model should expose 3 indexes, so xaml controls can bind to them (left, current, right pages) and also make sure that all GUI items are built. [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
MediaPortal 2
Skins and Design
BlueVision
Improving Menu structure
Contact us
RSS
Top
Bottom