• Home
  • Events
  • About
  • Round images with JavaFX

    November 29th, 2015

    In modern UI’s you can often find round avatar images like shown in this image:

    Creating these special UI nodes with JavaFX isn’t that hard. The most important JavaFX features to create such a rounded image is clipping. By using clipping you can define the area in that a control can draw it’s content. A clip can be any shape and you only need to set the shape property of a JavaFX Node instance to define its clipping. You can find an additional clipping description here.

    Let’s start creating the component. As a first step we will define a Circle shape as a clip and define it for an ImageView instance:

    In addition a border should be added to the component. To do so we add one (or several) Circle shapes on top of the ImageView:

    In the JavaFX code you can simply bind the bounds of the image to the bounds of the clip and the circle instances that are used as a border.

    Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
    • email
    • Print
    • Twitter
    • LinkedIn
    • XING
    • Facebook
    • Google Bookmarks

    Dolphin Platform in 15 minutes @ Nighthacking

    November 11th, 2015

    Michael Heinrichs and Hendrik Ebbers were interviewed at Devoxx about the Dolphin Platform. In this interview they explain the benefits of the framework and show some code:

    Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
    • email
    • Print
    • Twitter
    • LinkedIn
    • XING
    • Facebook
    • Google Bookmarks

    css.php