Search

Search results

  1. This example illustrates how you can use EdgeNavigator to make a navigation drawer that can be swiped in from the left, or opened using a button. <App> <iOS.StatusBarConfig Style="Light" /> <EdgeNavigator> <Panel ux:Name="sidebar" Edge="Left" Width="100%" Margin="0,0,56,0" Background="#37474F"> <Shadow ux:Name="shadow" Angle="180" Distance="8" Size="16" Color="#0000" /> <ActivatingAnimation> <Change shadow.Color="#0004" /> ...

    Sidebar Navigation Material Design
  2. Here we combine several different UX and JavaScript features to create a more involved app screen. This app screen shows how to: * Summon and dismiss the side menu using a Clicked-event and an EdgeNavigator * Move the main client area in response to the sidebar coming on screen * Animate the side menu icon, turning a familiar "hamburger"-menu icon into a "cross" dismiss-icon using Translation-, Rotation- and Opacity-transforms * Animate the menu choices in the side bar using the WhileIn...

    Sidebar JavaScript
  3. In this example we're making a fancy rotating sidebar, as shown below: ___________________________________________________________________________________________________________________ Update: Watch a video of Jake going through this example. We begin by creating our main panel. Since we want it to rotate around its top-left corner when the sidebar appears, we set TransformOrigin="TopLeft". <Panel ux:Name="content" TransformOrigin="TopLeft"> ... the content of our app ... </Panel> Ne...

    Sidebar Animation