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:

enter image description here

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.

hamburger menu 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="&#xe700;"              width="50" height="50" background="transparent" click="hamburgerbutton_click"/>             <stackpanel orientation="horizontal">                 <button x:name="menubutton1" fontfamily="segoe mdl2 assets" content="&#xe825;"              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="&#xe10f;"                  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="&#xe1d6;"                  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

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -