Graphic Interfaces: Difference between revisions
(Created page with "https://juce.com/learn/tutorials Graphics The application windowCreate a basic GUI app with a resizable window. The main componentLearn how to add a content componen...") |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
https://juce.com/learn/tutorials | == https://juce.com/learn/tutorials == | ||
Graphics | === Graphics === | ||
* [http://docs.juce.com/master/tutorial_main_window.html The application window] | |||
Create a basic GUI app with a resizable window. | |||
* [http://docs.juce.com/master/tutorial_main_component.html The main component] | |||
Learn how to add a content component to your window that can hold different graphical elements. | |||
* [http://docs.juce.com/master/tutorial_graphics_class.html The Graphics class] | |||
Fill your app with colour! Add colours, text, lines and other geometrical shapes. | |||
* [http://docs.juce.com/master/tutorial_animation.html Animating geometry] | |||
Create simple animations in your JUCE applications. Bring static geometry shapes to life using the AnimatedAppComponent class. | |||
* [http://docs.juce.com/master/tutorial_open_gl_application.html 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 | === Interface Design === | ||
* [http://docs.juce.com/master/tutorial_component_parents_children.html Parent and child components] | |||
Learn how to arrange your components into a hierarchy to build a modular graphical user interface for your JUCE app. | |||
* [http://docs.juce.com/master/tutorial_look_and_feel_customisation.html Customise the look and feel of your app] | |||
Make a custom skin for your application by drawing your own buttons, sliders, and other components. | |||
* [http://docs.juce.com/master/tutorial_colours.html Colours in JUCE] | |||
Specify and apply colours within your application in various ways. | |||
*[http://docs.juce.com/master/tutorial_point_line_rectangle.html The Point, Line, and Rectangle classes] | |||
Use the Point, Line, and Rectangle classes to simplify your geometry calculations. | |||
* [http://docs.juce.com/master/tutorial_rectangle_advanced.html Advanced GUI layout techniques] | |||
Lay out your components with a simple yet powerful technique that will produce elegant code with fewer bugs. | |||
* [http://docs.juce.com/master/tutorial_flex_box_grid.html 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 |
Latest revision as of 10:28, 15 May 2019
https://juce.com/learn/tutorials[edit]
Graphics[edit]
Create a basic GUI app with a resizable window.
Learn how to add a content component to your window that can hold different graphical elements.
Fill your app with colour! Add colours, text, lines and other geometrical shapes.
Create simple animations in your JUCE applications. Bring static geometry shapes to life using the AnimatedAppComponent class.
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[edit]
Learn how to arrange your components into a hierarchy to build a modular graphical user interface for your JUCE app.
Make a custom skin for your application by drawing your own buttons, sliders, and other components.
Specify and apply colours within your application in various ways.
Use the Point, Line, and Rectangle classes to simplify your geometry calculations.
Lay out your components with a simple yet powerful technique that will produce elegant code with fewer bugs.
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