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:

designer picture

and here how looks on nokia lumia 925:

lumia 925 picture

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

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

gradle error "Cannot convert the provided notation to a File or URI" -

ios - Possible to get UIButton sizeThatFits to work? -