Tabs, Set font and position with controlP5

jhsa · August 25, 2021, 8:13pm

Guys, I am trying to set the position of the tabs in “Processing” but that doesn’t work.
Also using “.setFont(font1)” throws a “NullPointerException” error.
This also doesn’t do anything " setPosition(float, float)".

What is happening? Thanks for your help.

João

void setup() {
  clear();
  read_data = new int[8192];
  size(800, 600); // Create Window
  cp5 = new ControlP5(this);
  font = createFont("Arial Bold", 18);
  font1 = createFont("Arial Bold", 9);
  font2 = createFont("Arial Bold", 13);
  font3 = createFont("Arial Bold", 12);
 
  cp5.addTab("default")
  .setSize(60, 20)

     .setColorBackground(color(216, 216, 216))
     .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .getCaptionLabel().align(CENTER,CENTER)
     ;
     
     cp5.addTab("Presets")
      .setSize(60, 20)

     .setColorBackground(color(216, 216, 216))
     .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .getCaptionLabel().align(CENTER,CENTER)
     ;
     
     cp5.addTab("Hardware")
      .setSize(60, 20)

     .setColorBackground(color(216, 216, 216))
     .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .getCaptionLabel().align(CENTER,CENTER)
     ;
     
     cp5.addTab("Global")
      .setSize(60, 20)

     .setColorBackground(color(216, 216, 216))
     .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .getCaptionLabel().align(CENTER,CENTER)
     ;
     
     cp5.getTab("default")     
     .activateEvent(true)
     .setLabel("Bypass")
     .setId(1)
     ;

  cp5.getTab("Presets")
     .activateEvent(true)
     .setId(2)
     ;
     
     cp5.getTab("Global")
     .activateEvent(true)
     .setId(3)
     ;
     cp5.getTab("Hardware")
     .activateEvent(true)
     .setId(4)
     ;
     
  
  // Add Button
  cp5.addButton("Open") // "Start" is the name of the Button
  .setBroadcast(false)
    .setPosition(10, 20) // x and y coordinates of upper left corner of Button
    .setSize(60, 20)     // (Width, Height)
    .setFont(font1)
    .setColorBackground(color(216, 216, 216))
    .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .setValue(1)
     .setBroadcast(true)
     .getCaptionLabel().align(CENTER,CENTER)
    ;
    
     cp5.addButton("Save") // "Start" is the name of the Button
     .setBroadcast(false)
    .setPosition(80, 20) // x and y coordinates of upper left corner of Button
    .setSize(60, 20)     // (Width, Height)
    .setFont(font1)
    .setColorBackground(color(216, 216, 216))
    .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .setValue(2)
     .setBroadcast(true)
     .getCaptionLabel().align(CENTER,CENTER)
    ;

    cp5.getController("Open").moveTo("global");
    cp5.getController("Save").moveTo("global");
  
}

jafal · August 26, 2021, 12:36am

@jhsa

this for font

import controlP5.*;

ControlP5 cp5;

PFont font ,font1,font2,font3 ;

void setup() {
  clear();
//  read_data = new int[8192];
  size(800, 600); // Create Window
  cp5 = new ControlP5(this);
 font = createFont("Arial Bold", 18);
  font1 = createFont("Arial Bold", 9);
  font2 = createFont("Arial Bold", 13);
  font3 = createFont("Arial Bold", 12);
  cp5.addTab("default")
  .setSize(60, 20)

     .setColorBackground(color(216, 216, 216))
     .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .getCaptionLabel().align(CENTER,CENTER)
     ;
     
     cp5.addTab("Presets")
      .setSize(60, 20)

     .setColorBackground(color(216, 216, 216))
     .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .getCaptionLabel().align(CENTER,CENTER)
     ;
     
     cp5.addTab("Hardware")
      .setSize(60, 20)

     .setColorBackground(color(216, 216, 216))
     .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .getCaptionLabel().align(CENTER,CENTER)
     ;
     
     cp5.addTab("Global")
      .setSize(60, 20)

     .setColorBackground(color(216, 216, 216))
     .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .getCaptionLabel().align(CENTER,CENTER)
     ;
     
     cp5.getTab("default")     
     .activateEvent(true)
     .setLabel("Bypass")
     .setId(1)
     ;

  cp5.getTab("Presets")
     .activateEvent(true)
     .setId(2)
     ;
     
     cp5.getTab("Global")
     .activateEvent(true)
     .setId(3)
     ;
     cp5.getTab("Hardware")
     .activateEvent(true)
     .setId(4)
     ;
     
  
  // Add Button
  cp5.addButton("Open") // "Start" is the name of the Button
  .setBroadcast(false)
    .setPosition(10, 20) // x and y coordinates of upper left corner of Button
    .setSize(60, 20)     // (Width, Height)
    .setFont(font1)
    .setColorBackground(color(216, 216, 216))
    .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .setValue(1)
     .setBroadcast(true)
     .getCaptionLabel().align(CENTER,CENTER)
    ;
    
     cp5.addButton("Save") // "Start" is the name of the Button
     .setBroadcast(false)
    .setPosition(80, 20) // x and y coordinates of upper left corner of Button
    .setSize(60, 20)     // (Width, Height)
    .setFont(font1)
    .setColorBackground(color(216, 216, 216))
    .setColorForeground(color(232, 232, 232))
    .setColorActive(color(186, 188, 188))
    .setColorLabel(color(0, 0, 0))
    .setValue(2)
     .setBroadcast(true)
     .getCaptionLabel().align(CENTER,CENTER)
    ;

    cp5.getController("Open").moveTo("global");
    cp5.getController("Save").moveTo("global");
  
}

jhsa · August 26, 2021, 12:42am

Thanks. I don’t think you added a font to the tabs?
Also

read_data = new int[8192];

has to stay uncommented.

jafal · August 26, 2021, 1:02am

import controlP5.*;

ControlP5 cp5;

PFont font ,font1,font2,font3 ;
int  read_data[];
void setup() {
  clear();
 read_data = new int[8192];
  size(800, 600); // Create Window
  cp5 = new ControlP5(this);
 font = createFont("Arial Bold", 88);

jafal · August 26, 2021, 1:48am

@jhsa

jhsa · August 26, 2021, 3:17am

Yes, I have that on the code, but i get that “Null Exception” error when I add the font setting to the “Add Tab” code.

void setup() {
  clear();
  read_data = new int[8192];
  size(800, 600); // Create Window
  cp5 = new ControlP5(this);
  font = createFont("Arial Bold", 18);
  font1 = createFont("Arial Bold", 10);
  font2 = createFont("Arial Bold", 13);
  font3 = createFont("Arial Bold", 12);

jafal · August 26, 2021, 3:49am

read this

Re: controlP5 tabs positioning

jhsa · August 26, 2021, 1:09pm

I did, many times. But I cannot find out how to use that solution I am a beginner, remember?

glv · August 29, 2021, 12:39pm

Hello @jhsa,

I am not a controlP5 user (on my to do list) but can direct you to resources that I am aware of:

GitHub - sojamo/controlp5: A gui library for processing.org
This is in the Contributed Libraries examples:

There may be something in there that helps.

:)

jhsa · August 29, 2021, 12:54pm

Thanks, I haven’t seen that, I did look in the examples

Topic		Replies	Views
Font on Button Processing an controlP5 Libraries	2	690	February 27, 2021
ControlP5 in Proclipsing Libraries	3	306	December 4, 2020
Modify text alignment of a ScrollableList in ControlP5 library Libraries	6	719	April 1, 2020
[SOLVED] .hide() not working for buttons Libraries	4	1650	June 12, 2019
Align Text in Scrollable List of ControlP5 Libraries	3	140	June 22, 2023

Tabs, Set font and position with controlP5

Re: controlP5 tabs positioning

Related Topics