Share your iP GUI here

[damithc]

If you have managed to implement the iP GUI (i.e., Level-10) already, you are encouraged to share a screenshot of your GUI here.

• If your GUI is close to the one reached by the JavaFX tutorial part 4, it will provide a good reference point for those encountering problems while doing Level-10 (i.e., they can compare their code with your code to find what they are doing differently) -- it's good to have a few (about 5) in this category here.
• If your GUI goes beyond part 4 of the JavaFX tutorial, it will inspire others to learn from yours how to do more things with the GUI -- we can have any number in this category as each might have something new to offer.

[RezwanAhmed123]

Here’s my GUI, I think I mostly followed everything up till a bit of level 5.

[hooyushing]

This is my GUI! Follow @doggomochie on instagram :D

[Feng1231]

This is my GUI. Didn't change much from part 4

[KennethTeo2002]

Here is my GUI, stopped at part 4 and played around with the code on my own.

[rxchell]

Hello, my GUI is close to the one reached in JavaFX tutorial part 4! I will be updating it later for further increments beyond part 4, but below is the one at part 4:

[WeiHanWong]

[zaidansani]

Nothing particularly special about mine, I wanted to do something that looked like WhatsApp - so I kept it simple. I think the main difference is that my chat windows are separated for messages with spaces in them

[KrashKart]

Basically a Whatsapp ripoff involving a Kopitiam uncle called Jackson

[yooplo]

mine is just a purple version of the example

[uniqly]

Graphics design is my passion.

[weijianwong]

[celeschai]

[anselmlong]

Still in the works, but I finished Level 5!

[JYL27]

[MAOXIONGKAI]

Here's mine. (Please don't ask me why I change the chat bot from Java's mascot to Go's mascot lol)

I realize that when the message box is too big, the pointing edge of the dialog bubble would not correctly point to the avatar as the avatar itself would always stay the top of the control. But there's an easy workaround with this issue, all you need to do is just wrap the ImageView that represent the avatar in a VBox and set the alignment to BOTTOME_CENTER like below:

<VBox alignment="BOTTOM_CENTER">
            <ImageView fx:id="displayPicture" fitHeight="99.0" fitWidth="99.0" pickOnBounds="true" preserveRatio="true"/
</VBox>

and then you can easily get the result like the above image.

[Meowloid]

Here's mine.

@KrashKart Looks good. How did you achieve the effect of the bot's reply having different colours?

[huangjiaxi1111]

[

](url) Here is my GUI

[lavanyagarg112]

[lithops-zty]

Wechat-style minimalist GUI design

[emmannyyy]

[Raghava-Chittidi]

[FYL2003]

My one only stop at level 4, so it is the most basic version

[verakohh]

[starbucksventi]

[yugan01]

[minhao23]

[tata32000]

[CYX22222003]

[Wxy2003-xy]

[jinnsuke]

[JoanneHing]

[kimxw]

here is mine :))