c# - Leaving the hamburger frame in UWP -


i new uwp development. trying make simple app show data. created hamburger menu first sections of app , works well. but, after choose page, shown on frame have in hamburger menu created splitviews.

<relativepanel background="{staticresource accentbrush}">         <button name="hamburgerbutton" fontfamily="segoe mdl2 assets" content="&#xe700;" fontsize="36" click="hamburgerbutton_click" />         <textblock name="titletextblock" relativepanel.rightof="hamburgerbutton" margin="10,0,0,0" text="contentedor" fontsize="36" />     </relativepanel>     <splitview name="mysplitview" grid.row="1" displaymode="compactoverlay" openpanelength="240" compactpanelength="56" horizontalalignment="left">         <splitview.pane>             <listbox selectionmode="single"                       background="dimgray"                      name="iconslistbox"                       selectionchanged="iconslistbox_selectionchanged">                 <listboxitem name="containerlistboxitem">                     <stackpanel orientation="horizontal">                         <!--<textblock fontfamily="segoe mdl2 assets" fontsize="36" text="&#xe72d;" />-->                         <image horizontalalignment="left" source="assets/icon1.png" width="35" height="35" />                         <textblock margin="20,0,0,0" text="page1" fontsize="24" />                     </stackpanel>                 </listboxitem>                 <listboxitem name="animallistboxitem">                     <stackpanel orientation="horizontal">                         <!--<textblock fontfamily="segoe mdl2 assets" fontsize="36" text="&#xe734;" />-->                         <image horizontalalignment="left" source="assets/icon2.png" width="35" height="35" />                         <textblock margin="20,0,0,0" text="page2" fontsize="24" />                     </stackpanel>                 </listboxitem>                 <listboxitem name="settingslistboxitem">                     <stackpanel orientation="horizontal">                         <!--<textblock fontfamily="segoe mdl2 assets" fontsize="36" text="&#xe72d;" />-->                         <image horizontalalignment="left" source="assets/icon3.png" width="35" height="35" />                         <textblock margin="20,0,0,0" text="page3" fontsize="24" />                     </stackpanel>                 </listboxitem>             </listbox>         </splitview.pane>         <splitview.content>             <frame name="myframe" />         </splitview.content>     </splitview> 

when click on icon1, go page1. thats ok. have list there , want navigate new page showing information of element in list. if that, still see information within frame. possible go out , open new (full window) page? way navigate new page is: frame.navigate(typeof(pages.containerdetail));

my problem second page not shown correctly because right side out of mobile screen due hamburger menu.

i don't know if there way it.

opening new window (winrt calls them views) little more complex should be. how implemented in template 10.

https://github.com/windows-xaml/template10/blob/master/template10%20(library)/services/navigationservice/navigationservice.cs#l175

public async task openasync(type page, object parameter = null, string title = null, viewsizepreference size = viewsizepreference.usehalf) {     debugwrite($"page: {page}, parameter: {parameter}, title: {title}, size: {size}");      var currentview = applicationview.getforcurrentview();     title = title ?? currentview.title;      var newview = coreapplication.createnewview();     var dispatcher = new dispatcherwrapper(newview.dispatcher);     await dispatcher.dispatchasync(async () =>     {         var newwindow = window.current;         var newappview = applicationview.getforcurrentview();         newappview.title = title;          var nav = bootstrapper.current.navigationservicefactory(bootstrapper.backbutton.ignore, bootstrapper.existingcontent.exclude);         nav.navigate(page, parameter);         newwindow.content = (nav inavigationserviceinternal).framefacade.frame;         newwindow.activate();          await applicationviewswitcher             .tryshowasstandaloneasync(newappview.id, viewsizepreference.default, currentview.id, size);     }); } 

i hope can steal code.

best of luck.


Comments

Popular posts from this blog

sublimetext3 - what keyboard shortcut is to comment/uncomment for this script tag in sublime -

java - No use of nillable="0" in SOAP Webservice -

ubuntu - Laravel 5.2 quickstart guide gives Not Found Error -