Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[sa-wo]

Hallo Zusammen,

ich bin recht neu auf dem Gebiet VIS, vielleicht kann mir jemand einen Tip geben wie ich mein Vorhaben umsetzen kann.

Ich möchte gerne 3 verschiedene Bilder anhand von Werten ausgebenlassen / anzeigenlassen.
Momentan versuche ich mich an den Signalbildern der Widgets.
wenn z.b. der Wert

• kleiner als 350 dann Bild 1
• kleiner als 500 aber größer 351 dann Bild 2
• größer als 650 dann Bild 3

Kann man das mit den Signalbildern machen?

Hier bei geht es um Pflanzensenoren "von Mwinkler" um zu wissen, ob sie gegossen werden müssen, oder nicht.

Vielen Dank
sawo

[sigi234]

@sa-wo

Geht via Basic Image und Sichtbarkeit.

[sa-wo]

@sigi234 said in verschiedende Bilder anhand von Werten:

Basic Image

Hi Sigi,
das heißt ich würde dann 3x mal das "Basic Image" übereinanderlegen, und jeweils die hinterlegten Werten angeben.
Wie mache ich das denn mit den Werten zwischen 351 und 500 ?

Danke

[liv-in-sky]

@sa-wo hab es mit binding und einem bild-widget

{varx:controll-own.0.AAATEST.TestZahl; varx<350 ?  "/vis.0/armin/img/1-.png" : varx >500 ? "/vis.0/armin/img/3-.png" : "/vis.0/armin/img/2-.png"}

[crepp1967]

@liv-in-sky sagte in verschiedende Bilder anhand von Werten:

{varx:controll-own.0.AAATEST.TestZahl; varx<350 ? "/vis.0/armin/img/1-.png" : varx >500 ? "/vis.0/armin/img/3-.png" : "/vis.0/armin/img/2-.png"}

@liv-in-sky
Kannst Du die Zusammensetzung des Befehls noch mal erläutern?

was ist der Befehl und wo fängt ist die Objekt ID an ?
Die Pfade zu den versch. Bilder sind klar.

Gruß
crepp

[crepp1967]

@liv-in-sky sagte in verschiedende Bilder anhand von Werten:

{varx:controll-own.0.AAATEST.TestZahl; varx<350 ? "/vis.0/armin/img/1-.png" : varx >500 ? "/vis.0/armin/img/3-.png" : "/vis.0/armin/img/2-.png"}

{varx:worx.0.20193019850100311705.mower.batteryState; varx<99 ? "/vis.0/main/img/belimo.png" : varx >50 ? "/vis.0/main/img/BP7.png" : "/vis.0/main/imgausrufezeichen_dreieck.png"}

funktioniert zum Beispiel nicht obwohl ID und Bilder vorhanden sind.
Gruß
crepp

[Glasfaser]

@crepp1967

Funktioniert doch ...
Bei Wert 99 , 50 ... ändert sich das Bild .
Wie hast du die Bilder hochgeladen ?

[liv-in-sky]

@crepp1967 sagte in verschiedende Bilder anhand von Werten:

@liv-in-sky sagte in verschiedende Bilder anhand von Werten:

{varx:controll-own.0.AAATEST.TestZahl; varx<350 ? "/vis.0/armin/img/1-.png" : varx >500 ? "/vis.0/armin/img/3-.png" : "/vis.0/armin/img/2-.png"}

@liv-in-sky
Kannst Du die Zusammensetzung des Befehls noch mal erläutern?

was ist der Befehl und wo fängt ist die Objekt ID an ?
Die Pfade zu den versch. Bilder sind klar.

Gruß
crepp

bis zum strichpunkt ist es die variable-definition
dann lautet die übersetzung:
wenn varx < 350 nehme pfad 1 wenn varx >500 nehme pfad 2 und sonst nehme pfad 3

teste mal bei dir

mache es mit dem zwischenraum als sonst am ende - zwischen 50 und 99 -

{varx:controll-own.0.AAATEST.TestZahl; varx<50 ?  "/vis.0/armin/img/1-.png" : varx >99 ? "/vis.0/armin/img/3-.png" : "/vis.0/armin/img/2-.png"}

wenn varx < 50 nehme pfad 1 wenn varx >99 nehme pfad 2 und sonst nehme pfad 3 (bedeutet zwischendrin)

[crepp1967]

@liv-in-sky
Sorry, dass es so lang mit der Antwort gedauert hat...
Bei mir funkt es leider nicht. Upload geht über vis upload Funktion.
Aber ich habe noch zwei Ideen. Nehme ich viell. das falsche Widegt. (ich nehme das normale Image-Widget)
Kann es sein das er ein anderes Punkt- Zeichen auf der Tastatur braucht ?

Gruß
crepp

[Glasfaser]

@crepp1967
Widget ist richtig.
Du bekommst erst ein Bild im Runtime Modus , nicht im VIS Editor !!!

[crepp1967]

@Glasfaser
Ja, es funktioniert. Ich bin happy. Vielen Dank, Ihr habt mir sehr geholfen.
Gibt es irgendwo im Forum eine Stelle wo man sich über die VIS etwas tiefgreifender einlesen kann, solche Feinheiten wie die mit der dynamischen Bildauswahl stehen in der normalen Doku gar nicht drin, die habe ich schon gelesen.

Gruß aus Thüringen
Torsten

[von.cartman]

Alle schön und gut, aber wenn man mit "kleiner <" und "größer >" Zeichen Arbeitet.
Wie funktioniert es wenn ich "ist gleich =" anwenden will und verglichen wird nicht eine Zahl sondern String?

[von.cartman]

Alle schön und gut, aber wenn man mit "kleiner <" und "größer >" Zeichen Arbeitet.
Wie funktioniert es wenn ich "ist gleich =" anwenden will und verglichen wird nicht eine Zahl sondern String?

[liv-in-sky]

@von-cartman
ist gleich sind 2 gleichzeichen

var == "text"

[von.cartman]

@liv-in-sky VIELEN DANK !!!

[liv-in-sky]

@von-cartman gerne

ungleich wäre:

var != "text"

[Drachensteyn]

Funktioniert das mit dem Image und dem Binding immer noch?
Leider bekomme ich das nicht hin. Es zeigt mir kein Bild an, auch in der Runtime.

Das ist mein Binding:

{h:0_userdata.0.VIS.Abholung_1_Mülltonne; h==1 ? "/vis.0/Navigation/Biomüll.png" : "/vis.0/Navigation/Restmüll.png"}

Diese soll dann noch auf 4 Typen erweitert werden. Dann soll es so aussehen:

{h:0_userdata.0.VIS.Abholung_1_Mülltonne;  h==Biomüll ? "/vis.0/Navigation/Biomüll.png" : h==Gelber_Sack ? "/vis.0/Navigation/GelberSack.png" :  h==Papiermüll ? "/vis.0/Navigation/Papiermüll.png" : "/vis.0/Navigation/Restmüll.png"}

Eingetragen habe ich das im Image-Widget unter Quelle.

[liv-in-sky]

@drachensteyn

• sind die datenpunkte, die du abfrägt, vom typ number ? ansonsten h=="1" oder h=="Biomüll"
• die bilder sind über den dateimanager in die vis geladen worden ?
• im chrome browser in der runtime die entwicklungstools öffnen und den tab "console" - dann refresh der seite und nach fehlern suchen, wenn welche da sind

[Drachensteyn]

@liv-in-sky
Danke für deine Antwort.

Mit deinem 1. Punkt hast du mir schon geholfen. Es geht jetzt.
Ja, die Bilder habe ich über den Dateimanager in der VIS hochgeladen.

Vielen Dank.

[heinz527]

@drachensteyn said in verschiedende Bilder anhand von Werten:

Funktioniert das mit dem Image und dem Binding immer noch?
Leider bekomme ich das nicht hin. Es zeigt mir kein Bild an, auch in der Runtime.

Das ist mein Binding:

{h:0_userdata.0.VIS.Abholung_1_Mülltonne; h==1 ? "/vis.0/Navigation/Biomüll.png" : "/vis.0/Navigation/Restmüll.png"}

Diese soll dann noch auf 4 Typen erweitert werden. Dann soll es so aussehen:

{h:0_userdata.0.VIS.Abholung_1_Mülltonne;  h==Biomüll ? "/vis.0/Navigation/Biomüll.png" : h==Gelber_Sack ? "/vis.0/Navigation/GelberSack.png" :  h==Papiermüll ? "/vis.0/Navigation/Papiermüll.png" : "/vis.0/Navigation/Restmüll.png"}

Eingetragen habe ich das im Image-Widget unter Quelle.

Hallo zusammen,

ich versuche seit 2 Tagen das ans laufen zu bekommen. Leider funktioniert es einfach nicht.
Ich will aus dem my-muell-Adapter die Info holen, welche Tonne als nächstes abgeholt werden soll und dann das entsprechende Bild anzeigen.

{h:my-muell.0.next.name;h == Wertstofftonne ? "/vis.0/mobile7zoll/muellgelb.png" : "/vis.0/mobile7zoll/muellgrau.png"}

Garantiert mache ich was falsch...... Der Pfad des Bildes ist korrekt, gebe ich ihn alleine ein, wird das Bild angezeigt. Daher vermute ich ein Problem mit der Datenabfrage vom my-muell-Adapter.....

Sobald das in der kleinen Version läuft, wird der Rest erweitert.

Könntet ihr mir weiterhelfen?

Vielen Dank im voraus!!

Hier der Adapter: