c# - Ellipse position according to grid layout -
i'm facing elements' positioning problem in wp 8.1 app (xaml/c#). i've read create flexible layout, should use grid control. well, here xaml within page element:
<grid style="{staticresource layoutgridcreateprofilstyle}"> <grid.rowdefinitions> <rowdefinition height="auto"/> <rowdefinition height="auto"/> <rowdefinition height="auto"/> <rowdefinition height="*"/> </grid.rowdefinitions> <rectangle grid.row="0" height="60" fill="#f3a8e4f9" ></rectangle> <rectangle grid.row="1" height="40" fill="gray"></rectangle> <listbox grid.row="2" height="420" background="transparent"/> <canvas grid.row="3"> <ellipse height="100" margin="0,0,0,0" width="100" fill="black" canvas.left="152" canvas.top="10"></ellipse> </canvas> </grid>
in xaml designer, i'm seeing want , looks below:
and here how looks on nokia lumia 925:
as can see, ellipse cut , cannot figure out how place should , appears in designer view. maybe me ?
thanks in advance !
the problem running out of height show elements of grid. first 3 rows take accumulated height of 540 pixels. if run time height available if 640 have 100 left on last row of grid.
but ellipse offset 10 pixels top of canvas , needs total of 110 (10 offset + 100 pixel ellipse height) in order show fully. if last row has less 110 pixels of space truncated, indeed seems be.
Comments
Post a Comment