Froxty

<p align="center"> <img src="https://i.imgur.com/l1JdYMt.png" alt="Banner"> </p>

FroXty is JavaFX library which replicates the famous iOS translucent effect with ease.

Set-up

FroXty can be imported into your project either by downloading the JAR file (see releases) or via Maven/Gradle through JitPack.

Maven

<repositories>
    <repository>
        <id>jitpack.io</id>
        <url>https://jitpack.io</url>
    </repository>
</repositories>
<dependency>
    <groupId>com.github.iAmGio</groupId>
    <artifactId>froxty</artifactId>
    <version>1.4.0</version>
</dependency>

Gradle

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}
dependencies {
    implementation 'com.github.iAmGio:froxty:1.4.0'
}

Getting started

The following piece of code will generate a frosty effect out of any node:

//...
FrostyEffect effect = new FrostyEffect(opacity, updateTime); // Instantiates the effect. The parameters are optional and default to (0.5, 10)
FrostyBox box = new FrostyBox(effect, node); // Instantiates a container with frosty effect
box.setBorderRadius(borderRadius); // Rounds the borders of the box
root.getChildren().add(box); // Adds the container to the scene

Then it's possible to style it:

.frosty-box {
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, .5), 15, 0, 0, 5);
}

.frosty-box > * {
    -fx-background-color: rgba(255, 255, 255, .4);
    -fx-background-radius: 20;
}

Important notes

• Target nodes must not be directly added to the root. Add the Frosty Box, which wraps the target node, instead.
• Applying drop shadows to the target node results in visual errors. Apply effects to the Frosty Box instead.