How was this made?

[phyzix5761]

How can something like this be made with Java?

Java Swing GUI Demo - YouTube

[Tolls]

Well, not looking at the YT vid, but simply going by the title...in Swing?

[phyzix5761]

I don't understand how they can change the JFrame to look like that. And how do they add the mask for the text?

[Potato]

Here's a demo. You can read more about doing cool things with frames here: How to Create Translucent and Shaped Windows (The Java™ Tutorials > Creating a GUI With JFC/Swing > Using Other Swing Features)

import java.awt.Canvas;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Polygon;
import java.awt.Rectangle;
import java.awt.event.ComponentAdapter;
import java.awt.event.ComponentEvent;

import javax.swing.JFrame;


public class ShapedWindow extends JFrame {

	private static final long serialVersionUID = 1L;

	public static void main(String[] args) {
		new ShapedWindow().start();
	}

	private final Canvas canvas;

	public ShapedWindow() {
		super("Custom Shaped Window");

		final Polygon shape = new Polygon(); // Your window will be the shape of this polygon: Note that the size is also determined by the points you use. These are pixels.
		shape.addPoint(0, 0);
		shape.addPoint(100, 0);
		shape.addPoint(50, 50);
		shape.addPoint(10, 200);

		addComponentListener(new ComponentAdapter() {

			@Override
			public void componentResized(ComponentEvent e) { // If your window is resized, it should still retain it's shape
				setShape(shape);
			}

		});

		setIgnoreRepaint(true);
		setLocationRelativeTo(null);
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		setUndecorated(true);
		Rectangle size = shape.getBounds();
		setSize(size.width, size.height); // Automatically size JFrame
		canvas = new Canvas();
		canvas.setSize(getSize());
		canvas.setIgnoreRepaint(true);
		add(canvas);
	}

	public void start() {
		setVisible(true);

		Graphics g = canvas.getGraphics();
		g.setColor(Color.black);
		g.fillRect(0, 0, getWidth(), getHeight());
		g.setColor(Color.red);
		g.fillRect(0, 0, getWidth() / 2, getHeight() / 2);
		g.dispose();
	}

}