question

EduardoGomez-1870 avatar image
0 Votes"
EduardoGomez-1870 asked JarvanZhang-MSFT answered

UI Design help

Hey dude @LeonLu-MSFT

Do you think you could help me make this UI please

125065-microsoft.png


dotnet-xamarin
microsoft.png (30.5 KiB)
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

1 Answer

JarvanZhang-MSFT avatar image
0 Votes"
JarvanZhang-MSFT answered

Hello,​

Welcome to our Microsoft Q&A platform!

It seems that LeonLu has provided the code about how to design the bubbles in this thread. The bubble is design via drawing two cubic Bezier curves, you can specify different points to change the shape of bubble. For more detail, you could refer to this doc.

To design the UI as the picture shown, you could use a relativeLayout to define the position of each view. Or just use stackLayout as the parent and set the HorizontalOptions the head icon to Start or End. Adjust the direction of the bubble of the chart cell to make it point to the head icon.

Best Regards,

Jarvan Zhang


If the response is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.