Graphic Interfaces

https://juce.com/learn/tutorials

Graphics

• The application window

Create a basic GUI app with a resizable window.

• The main component

Learn how to add a content component to your window that can hold different graphical elements.

• The Graphics class

Fill your app with colour! Add colours, text, lines and other geometrical shapes.

• Animating geometry

Create simple animations in your JUCE applications. Bring static geometry shapes to life using the AnimatedAppComponent class.

• Build an OpenGL application

Learn how to get started with OpenGL as a high performance rendering library within your JUCE applications. Render beautiful 2D and 3D graphics in your audio apps and plugins.

Interface Design

• Parent and child components

Learn how to arrange your components into a hierarchy to build a modular graphical user interface for your JUCE app.

• Customise the look and feel of your app

Make a custom skin for your application by drawing your own buttons, sliders, and other components.

• Colours in JUCE

Specify and apply colours within your application in various ways.

• The Point, Line, and Rectangle classes

Use the Point, Line, and Rectangle classes to simplify your geometry calculations.

• Advanced GUI layout techniques

Lay out your components with a simple yet powerful technique that will produce elegant code with fewer bugs.

• Responsive GUI layouts using FlexBox and Grid

Build responsive GUI layouts that work across different screen sizes and orientations using the FlexBox and Grid classes. Learn how to quickly visualise Components using the Projucer