xaml - How can I specify the following layout with RelativePanel? -
+--+---+--+ | |red| | +------+ | | blue | | +------+--+
i have tried few different combinations of relativepanel.align...
attached properties, can't quite seem things work out way want.
<!-- version overlays red beneath blue, aligned on right --> <rectangle x:name="red" relativepanel.alignrightwith="blue" /> <rectangle x:name="blue" /> <!-- version shoves blue half off-screen --> <rectangle x:name="red" /> <rectangle x:name="blue" relativepanel.alignrightwith="red" relativepanel.below="red" /> <!-- version circular dependency --> <rectangle x:name="red" relativepanel.alignrightwith="blue" /> <rectangle x:name="blue" relativepanel.below="red" />
if in shoes, use grid
.
<grid> <grid.rowdefinitions> <rowdefinition/> <rowdefinition/> </grid.rowdefinitions> <grid.columndefinitions> <columndefinition/> <columndefinition/> <columndefinition/> </grid.columndefinitions> <rectangle fill="red" grid.column="1" ... /> <rectangle fill="blue" grid.row="1" grid.columnspan="2" ... /> </grid>
Comments
Post a Comment