c# - Handle position of other pages when SplitView pane is open -
i trying implement splitview in app.but when ii set ispaneopen = true; pivots not moving right of split view pane.insted splitview pane opens on pivotitems. please me resolve this. in advance.
my main page:
<page x:class="splitview.mainpage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:splitview" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:ignorable="d"> <grid background="{themeresource applicationpagebackgroundthemebrush}"> <relativepanel x:name="myrelativepanel"> <pivot x:name="mypivot" relativepanel.alignrightwith="spv"> <pivotitem x:name="header1" header="header1"> <listbox x:name="listview" horizontalalignment="left" height="auto" verticalalignment="top" width="172" itemssource="{x:bind itemslist}" /> </pivotitem> <pivotitem x:name="header2" header="header2"> <listbox x:name="listview1" horizontalalignment="left" height="auto" verticalalignment="top" width="172" itemssource="{x:bind itemslist}" /> </pivotitem> </pivot> <local:splitviewpage x:name="spv"></local:splitviewpage> </relativepanel> </grid> </page>
my splivview page:
<page x:class="splitview.splitviewpage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:splitview" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:ignorable="d"> <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> <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> <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> <grid> <textblock text="splitview basic" fontsize="54" foreground="white" horizontalalignment="center" verticalalignment="center"/> </grid> </splitview.content> </splitview> </page>
use display mode compactinline, instead of compactoverlay on splitview.
displaymode="compactinline"
Comments
Post a Comment