2015-03-11 2 views
0

Привет, мне нужно создать пользовательское нижнее меню слайдов ... Подобно панели приложений в Windows Phone. Как я могу это достичь. Пожалуйста, любой момент для начала?Как создать нижнее меню слайдов, например, панель приложений в Windows Phone

UI выглядит так, как показано на рисунках ниже: Когда пользователь скользит панель botton, состояние нижней панели должно меняться от 1 до 2 .... Это очень похоже на панель приложений, но мне нужно добавить настраиваемый элемент управления в что ...

This is default state

This is state after user slide it

+0

https://www.nuget.org/packages/SlideView, https://slideview.codeplex.com/ может оба полезны для вас :) –

+0

Мне нужен элемент управления, который я могу слайд поверх другого .. и не скользить с другим элементом управления ... Он должен иметь аналогичный эффект, как панель приложений в телефоне Windows. –

+0

Я даю вам способ, как вы можете это сделать, просто посмотрите и попробуйте с ним. Спасибо @ Balraj Singh –

ответ

0

Развитие представлений переходов с нуля не просто подвиг, но, к счастью, есть заранее написаны библиотеки, которые могут сделать это для нас. Лучшее, что я нашел до сих пор, называется Transitionals. Вы можете загрузить DLL с страницы Transitionals в CodePlex.

0
<Grid Name="GridDemo"> 

     <Grid.Triggers> 
      <EventTrigger RoutedEvent="MouseEnter"> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation 
         Storyboard.TargetName="ControlsGrid" 
         Storyboard.TargetProperty="(Grid.Height)" 
         From="0" 
         To="66" 
         Duration="0:0:0.5" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger> 
      <EventTrigger RoutedEvent="MouseLeave"> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation 
         Storyboard.TargetName="ControlsGrid" 
         Storyboard.TargetProperty="(Grid.Height)" 
         From="66" 
         To="0" 
         Duration="0:0:0.5" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger> 
     </Grid.Triggers> 

     <!-- 
     This is a sample content to demostrate animation; 
     Without it 'GridDemo' will be collapsed. 
    --> 


     <Grid Margin="0" Name="ControlsGrid" VerticalAlignment="Bottom" Background="Black" /> 
    </Grid> 

</Window> 
+0

Мне нужно это, используя событие сенсорного слайда, возможно ли это с этим? –