xaml - UWP ScrollViewer inside a SplitView.Content not scrolling -
i´m trying build uwp app , have follow components:
mainpage:
<grid background="{themeresource applicationpagebackgroundthemebrush}"> <grid.rowdefinitions> <rowdefinition height="50"/> <rowdefinition height="auto"/> <rowdefinition height="*"/> </grid.rowdefinitions> <stackpanel name="titulostackpanel" orientation="horizontal"> <button name="hamburguerbutton" content="" fontfamily="segoe mdl2 assets" height="50" width="50" click="hamburguerbutton_click"/> <textblock name="titulo" text="estrutura de dados" verticalalignment="center" margin="10"/> </stackpanel> <splitview name="principalsplitview" displaymode="compactoverlay" ispaneopen="false" compactpanelength="50" openpanelength="200" grid.row="1"> <splitview.pane> <stackpanel> <stackpanel orientation="horizontal"> <button name="listasbutton" content="l" width="50" height="50" click="listasbutton_click"/> <textblock text="listas" verticalalignment="center" margin="10"/> </stackpanel> <stackpanel orientation="horizontal"> <button name="pilhasbutton" content="p" width="50" height="50"/> <textblock text="pilhas" verticalalignment="center" margin="10"/> </stackpanel> <stackpanel orientation="horizontal"> <button name="filasbutton" content="f" width="50" height="50"/> <textblock text="filas" verticalalignment="center" margin="10"/> </stackpanel> </stackpanel> </splitview.pane> <splitview.content> <textblock text="splitview content" verticalalignment="center" horizontalalignment="center"/> </splitview.content> </splitview> </grid>
the next page loaded inside content of splitview.
<page> <grid> <grid.columndefinitions> <columndefinition width="*"/> <columndefinition width="200"/> </grid.columndefinitions> <scrollviewer background="cyan" grid.column="1" verticalscrollbarvisibility="auto"> <relativepanel padding="20" maxheight="700" verticalalignment="top"> <a lot of components: textblocks, textboxes, radiobuttons, ... /> </relativepanel> </scrollviewer> </grid> </page>
the scrollviewer should work toolbar on right side of window. when resize window, vertical scroll not works.
full screen:
resized:
the problem because splitview in row <rowdefinition height="auto"/>
. makes splitview higher screen , not scroll result.
use <rowdefinition height="*"/>
row make high screen is.
<grid.rowdefinitions> <rowdefinition height="50"/> <rowdefinition height="*"/> </grid.rowdefinitions> <splitview grid.row="1"> .... </spitview>
Comments
Post a Comment