Bar: /* Referencer */

2022-11-24T22:42:17Z

Referencer

← Ældre version		Versionen fra 25. nov. 2022, 00:42
Linje 76:		Linje 76:
	==Referencer==		==Referencer==
	<references />		<references />


			{{Programmering}}


	[[Kategori:Processing]]		[[Kategori:Processing]]

Bar med 22. okt. 2022, 11:28

2022-10-22T11:28:00Z

← Ældre version		Versionen fra 22. okt. 2022, 13:28
Linje 6:		Linje 6:

	==Program-ideen==		==Program-ideen==
	Programmet indeholder 3 elementer på skærmen:		Programmet indeholder 3 elementer på skærmen:
	* Et tekst-input felt, hvor man skal skrive tallet		* Et tekst-input felt, hvor man skal skrive tallet
	* En knap man skal klikke på for at konvertere teksten til et tal		* En knap man skal klikke på for at konvertere teksten til et tal

Bar: 1 version importeret

2022-10-22T06:14:06Z

1 version importeret

← Ældre version	Versionen fra 22. okt. 2022, 08:14
(Ingen forskel)

htx_>Bar med 18. okt. 2020, 21:18

2020-10-18T21:18:05Z

Ny side

Hvis man ønsker indtaste tal i et [[Processing]]-program, så kan det være en besværlig proces at fange de enkelte key-events, og få dem konverteret til et tal.

En hjælp til at løse dette problem kan være et text-input-felt, som det der findes i biblioteket <ref>ControlP5 [http://www.sojamo.de/libraries/controlP5/]</ref>. Biblioteket kan rigtigt mange ting, hvilket kan opleves under dets eksempler.

For at kunne anvende biblioteket skal man have det importeret. Det gør man under Sketch - Import Library - Add Library.

==Program-ideen==
Programmet indeholder 3 elementer på skærmen:
* Et tekst-input felt, hvor man skal skrive tallet
* En knap man skal klikke på for at konvertere teksten til et tal
* Et text-output som viser tallet, eller hvis konverteringen er svigtet, så en fejlmelding

Programmet ser ud som følger:<br />
[[fil:tal-input-processing.png|251px|Tal input til Processing]]

==Koden til programmet==

Programmet består af følgende kode:

<source lang="C">
import controlP5.*;

ControlP5 cp5;

Textfield textfield;
Button button1;
float number = 0.0;

void setup() {
size(500, 300);
PFont font = createFont("arial", 24);

// Kontakt til ConptrolP5 Biblioteket
cp5 = new ControlP5(this);

// Tekst-feltet hvor tallet skal indtastes
textfield=cp5.addTextfield("input");
textfield.setPosition(50, 80)
.setSize(150, 50)
.setFont(font)
.setColor(color(255))
.setColorCursor(color(255))
.setAutoClear(false)
.setLabel("")
;

// Knappen der er knyttet til funktionen generate()
button1=cp5.addButton("generate");
button1.setPosition(230, 85)
.setSize(180, 40)
.setLabel("Læs tallet")
.setFont(font)
;
textFont(font);
}

void draw() {
background(0, 151, 156);
fill(255);
if (Float.isNaN(number)) {
text("Tallet er indtastet forkert", 50, 200);
} else {
text(number, 50, 200);
}
}

public void generate() {
// Tallet hentes som en tekststreng i tekst-feltet input
String input = cp5.get(Textfield.class, "input").getText();
input = input.replace(',', '.'); // Accepter dansk komma
number = float(input);
textfield.clear();
}
</source>

==Referencer==
<references />

[[Kategori:Processing]]

Tal Input til Processing - Versionshistorie

Bar: /* Referencer */

Bar med 22. okt. 2022, 11:28

Bar: 1 version importeret

htx_>Bar med 18. okt. 2020, 21:18