1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
|
/*
==============================================================================
This file is part of the JUCE examples.
Copyright (c) 2022 - Raw Material Software Limited
The code included in this file is provided under the terms of the ISC license
http://www.isc.org/downloads/software-support-policy/isc-license. Permission
To use, copy, modify, and/or distribute this software for any purpose with or
without fee is hereby granted provided that the above copyright notice and
this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" WITHOUT ANY WARRANTY, AND ALL WARRANTIES,
WHETHER EXPRESSED OR IMPLIED, INCLUDING MERCHANTABILITY AND FITNESS FOR
PURPOSE, ARE DISCLAIMED.
==============================================================================
*/
/*******************************************************************************
The block below describes the properties of this PIP. A PIP is a short snippet
of code that can be read by the Projucer and used to generate a JUCE project.
BEGIN_JUCE_PIP_METADATA
name: ComponentDemo
version: 1.0.0
vendor: JUCE
website: http://juce.com
description: Displays a grid of lights.
dependencies: juce_core, juce_data_structures, juce_events, juce_graphics,
juce_gui_basics
exporters: xcode_mac, vs2022
moduleFlags: JUCE_STRICT_REFCOUNTEDPOINTER=1
type: Component
mainClass: ComponentDemo
useLocalCopy: 1
END_JUCE_PIP_METADATA
*******************************************************************************/
#pragma once
//==============================================================================
/**
This class represents one of the individual lights in our grid.
*/
class ToggleLightComponent : public Component
{
public:
ToggleLightComponent() {}
void paint (Graphics& g) override
{
// Only shows the red ellipse when the button is on.
if (isOn)
{
g.setColour (getLookAndFeel().findColour (Slider::thumbColourId));
g.fillEllipse (getLocalBounds().toFloat());
}
}
void mouseEnter (const MouseEvent&) override
{
// button toggles state on mouse over.
isOn = ! isOn;
repaint();
}
private:
// member variables for the Component
bool isOn = false;
JUCE_DECLARE_NON_COPYABLE_WITH_LEAK_DETECTOR (ToggleLightComponent)
};
//==============================================================================
/**
This is the parent class that holds multiple ToggleLightComponents in a grid.
*/
class ToggleLightGridComponent : public Component
{
public:
ToggleLightGridComponent()
{
// Adds the child light components and makes them visible
// within this component.
// (they currently rely on having a default constructor
// so they don't have to be individually initialised)
for (auto i = 0; i < numX * numY; ++i)
addAndMakeVisible (toggleLights[i]);
}
void resized() override
{
// This creates a grid of rectangles to use as the bounds
// for all of our lights. The grid is defined with the
// width and height of this component.
auto stepX = getWidth() / numX;
auto stepY = getHeight() / numY;
for (auto x = 0; x < numX; ++x)
{
for (auto y = 0; y < numY; ++y)
{
// creates the rectangle (x, y, width, height)
Rectangle<int> elementBounds (x * stepX, y * stepY, stepX, stepY);
// set the size and position of the Toggle light to this rectangle.
toggleLights[x + numX * y].setBounds (elementBounds);
}
}
}
private:
// member variables for the Component
static const int numX = 20;
static const int numY = 20;
ToggleLightComponent toggleLights [numX * numY];
JUCE_DECLARE_NON_COPYABLE_WITH_LEAK_DETECTOR (ToggleLightGridComponent)
};
//==============================================================================
/*
This component lives inside our window, and this is where you should put all
your controls and content.
*/
class ComponentDemo : public Component
{
public:
//==============================================================================
ComponentDemo()
{
// add the light grid to out main component.
addAndMakeVisible (lightGrid);
setSize (600, 600);
}
void paint (Graphics&) override {}
void resized() override
{
// set the size of the grid to fill the whole window.
lightGrid.setBounds (getLocalBounds());
}
private:
//==============================================================================
ToggleLightGridComponent lightGrid;
JUCE_DECLARE_NON_COPYABLE_WITH_LEAK_DETECTOR (ComponentDemo)
};
|
