win universal app - Separator in a SplitView Pane -
i have created splitview, have problem in defining separator menu option in splitview pane in groove musique application:
i tried use line shape, think not solution.
how can define kind of separator in splitview pane?
using windows 10 splitview – build first hamburger menu guide, have adapted shown below using border , rectangle achieve separator.
<splitview x:name="mysplitview" displaymode="compactoverlay" ispaneopen="false" compactpanelength="50" openpanelength="150"> <splitview.pane> <stackpanel background="gray"> <button x:name="hamburgerbutton" fontfamily="segoe mdl2 assets" content="" width="50" height="50" background="transparent" click="hamburgerbutton_click"/> <stackpanel orientation="horizontal"> <button x:name="menubutton1" fontfamily="segoe mdl2 assets" content="" width="50" height="50" background="transparent"/> <textblock text="button 1" fontsize="18" verticalalignment="center" /> </stackpanel> <border borderbrush="red" borderthickness="1" width="auto" horizontalalignment="stretch" margin="4,0"/> <stackpanel orientation="horizontal"> <button x:name="menubutton2" fontfamily="segoe mdl2 assets" content="" width="50" height="50" background="transparent"/> <textblock text="button 2" fontsize="18" verticalalignment="center" /> </stackpanel> <rectangle horizontalalignment="stretch" fill="blue" height="4" margin="4,0"/> <stackpanel orientation="horizontal"> <button x:name="menubutton3" fontfamily="segoe mdl2 assets" content="" width="50" height="50" background="transparent"/> <textblock text="button 3" fontsize="18" verticalalignment="center" /> </stackpanel> </stackpanel> </splitview.pane> <splitview.content> <stackpanel> <textblock text="separator hamburger menu test"/> </stackpanel> </splitview.content> </splitview> 

Comments
Post a Comment