digitale Anzeige von Werten in VIS

[BananaJoe]

@nashra Digital-Schriftart in ioBroker hochgeladen und eingebunden.
Auf Z-Ebene 10 dann z.B. 88888 in Schriftfarbe schwarz mit etwas transparenz
Auf Z-Ebene 11 dann die eigentliche Zahl in Weiß

Die weißen Zahlen haben auch schatten meine ich, vermutlich

2px 2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, -2px -2px 0 #000000, 2px 0px 0 #000000, 0px 2px 0 #000000, -2px 0px 0 #000000, 0px -2px 0 #000000, 4px 4px 8px #000000

[Nashra]

@bananajoe sagte in Nur mal Danke sagen !!:

Digital-Schriftart

Also Schrift habe ich drin, aber irgendwie bekomme ich die Zahlen nicht so das sie genau übereinander liegen.
Würdest Du die View zur Verfügung stellen, mache da irgendwo einen Denkfehler.

[BananaJoe]

@Nashra Eigentlich müssten wir beide da mal ein eigenes Thema für öffnen ...
muss mal sehen wie ... erster Versuch war zu groß
Reichen 2 Widgets? Basic Number + HTML
Eine Grafik und eine Einheit sind auch dabei

Spoiler

[{"tpl":"tplValueFloat","data":{"oid":"tuya.0.bf2490fb41fb50e515daur.63","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","is_comma":false,"factor":"","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"digits":"0","html_append_singular":"","html_append_plural":"","is_tdp":false,"oid-quality":"","name":"Helligkeit"},"style":{"left":"10px","top":"236px","z-index":"100","width":"400px","height":"141px","color":"#eeece1","text-shadow":"2px 2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, -2px -2px 0 #000000, 2px 0px 0 #000000, 0px 2px 0 #000000, -2px 0px 0 #000000, 0px -2px 0 #000000, 4px 4px 8px #000000","font-family":"Digital","font-size":"150px","text-align":"right"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"lux"},"style":{"left":"410px","top":"256px","color":"#eeece1","text-align":"left","text-shadow":"2px 2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, -2px -2px 0 #000000, 2px 0px 0 #000000, 0px 2px 0 #000000, -2px 0px 0 #000000, 0px -2px 0 #000000, 4px 4px 8px #000000","font-family":"Oxanium","font-size":"30px","width":"72px","height":"36px","z-index":"100"},"widgetSet":"basic"},{"tpl":"i-vis-image-new","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","iCornerRadiusUL":"0","iCornerRadiusUR":"0","iCornerRadiusLR":"0","iCornerRadiusLL":"0","iImgRotation":"0","iOpacityCtn":"1","iImgBlinkFalse":"0","iImgBlinkTrue":"0","iImgColorFalse":"#eeece1","iImgColorTrue":"#eeece1","iImgScaleType":"Normal","iImgTileSize":"","iShadowSpread":"0","iShadowSpreadInner":"0","iShadowBlur":"0","iShadowColor":"#111111","iShadowColorActive":"#111111","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"iImageFalse":"/vis-icontwo/Weather/sun.png","iImageTrue":"/vis-icontwo/Weather/sun.png"},"style":{"left":"20px","top":"256px","width":"50px","height":"50px","z-index":"100"},"widgetSet":"vis-inventwo"}]

[Nashra]

@Homoran könntest Du bitte die letzten vier Einträge von mir und @BananaJoe in einen eigenen Thread verschieben,
gehört hier nicht rein, Danke

[Homoran]

@nashra erledigt!
sucht euch bitte einen sinnvollen Titel aus

[Nashra]

@homoran sagte in neues Thema:

@nashra erledigt!
sucht euch bitte einen sinnvollen Titel aus

Danke
Puh, gar nicht so einfach.
Wie wäre es mit....digitale Anzeige von Werten in VIS.....oder so ähnlich
oder.... Werte in VIS digital darstellen

[Homoran]

@nashra sagte in neues Thema:

gar nicht so einfach.

doch!

ersten Post editieren und eintragen

wenn's v8m Titel einfach gewesen wäre hätte ich es gemacht.

[Nashra]

@homoran sagte in neues Thema:

@nashra sagte in neues Thema:

gar nicht so einfach.

doch!

ersten Post editieren und eintragen

wenn's v8m Titel einfach gewesen wäre hätte ich es gemacht.

Darauf hatte ich mich verlassen, das dir was einfällt
Habs geändert

[Nashra]

@bananajoe sagte in neues Thema:

@Nashra Eigentlich müssten wir beide da mal ein eigenes Thema für öffnen ...
muss mal sehen wie ... erster Versuch war zu groß
Reichen 2 Widgets? Basic Number + HTML
Eine Grafik und eine Einheit sind auch dabei

Spoiler

[{"tpl":"tplValueFloat","data":{"oid":"tuya.0.bf2490fb41fb50e515daur.63","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","is_comma":false,"factor":"","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"digits":"0","html_append_singular":"","html_append_plural":"","is_tdp":false,"oid-quality":"","name":"Helligkeit"},"style":{"left":"10px","top":"236px","z-index":"100","width":"400px","height":"141px","color":"#eeece1","text-shadow":"2px 2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, -2px -2px 0 #000000, 2px 0px 0 #000000, 0px 2px 0 #000000, -2px 0px 0 #000000, 0px -2px 0 #000000, 4px 4px 8px #000000","font-family":"Digital","font-size":"150px","text-align":"right"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"lux"},"style":{"left":"410px","top":"256px","color":"#eeece1","text-align":"left","text-shadow":"2px 2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, -2px -2px 0 #000000, 2px 0px 0 #000000, 0px 2px 0 #000000, -2px 0px 0 #000000, 0px -2px 0 #000000, 4px 4px 8px #000000","font-family":"Oxanium","font-size":"30px","width":"72px","height":"36px","z-index":"100"},"widgetSet":"basic"},{"tpl":"i-vis-image-new","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","iCornerRadiusUL":"0","iCornerRadiusUR":"0","iCornerRadiusLR":"0","iCornerRadiusLL":"0","iImgRotation":"0","iOpacityCtn":"1","iImgBlinkFalse":"0","iImgBlinkTrue":"0","iImgColorFalse":"#eeece1","iImgColorTrue":"#eeece1","iImgScaleType":"Normal","iImgTileSize":"","iShadowSpread":"0","iShadowSpreadInner":"0","iShadowBlur":"0","iShadowColor":"#111111","iShadowColorActive":"#111111","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"iImageFalse":"/vis-icontwo/Weather/sun.png","iImageTrue":"/vis-icontwo/Weather/sun.png"},"style":{"left":"20px","top":"256px","width":"50px","height":"50px","z-index":"100"},"widgetSet":"vis-inventwo"}]

Soweit war ich ja schon. Problem besteht darin die Zahlen 8888 im Hintergrund genau
so zu setzen das es mit der Anzeige passt.
Verdammt, jetzt habe ich es hinbekommen

Habe nichts anderes gemacht als gestern. Da wollte der VIS-Editor wohl nicht so richtig, Zahlen waren immer verschoben
d.h. wenn einer passte waren die anderen daneben.

[paul53]

@nashra sagte: Wie wäre es mit....digitale Anzeige von Werten in VIS

Das nennt sich 7-Segment-Anzeige.

[Nashra]

@paul53 sagte in Werte in VIS digital darstellen:

@nashra sagte: Wie wäre es mit....digitale Anzeige von Werten in VIS

Das nennt sich 7-Segment-Anzeige.

Jow hast recht

[Nashra]

Jetzt flippt die Anzeige wieder aus, die Zahlen liegen nicht übereinander grrr
Vermute es liegt an dem Font.
@BananaJoe
könntest Du mal deine font.ttf hier reinsetzen, danke

[SBorg]

....oder man nimmt das "timeandweather"-Widget. Da kann man sich stundenlang mit den verschiedenen Einstellungen austoben:

[Homoran]

@sborg Bei den Spritpreisen suche ich auch noch das Problem dass die initial verschoben angezeit werden:

alleine funktioniert es

[Nashra]

@sborg sagte in digitale Anzeige von Werten in VIS:

....oder man nimmt das "timeandweather"-Widget. Da kann man sich stundenlang mit den verschiedenen Einstellungen austoben:

Habe ich gerade mal probiert (segment clock) aber bekomme da überhaupt nix hin.
Welches Widget hast du da genommen von timeandweather?
Habs jetzt, nur die kleine Neun bekomme ich noch nicht hin

[SBorg]

@homoran Ich erinnere mich dunkel
...aber was mir eben auffällt, es gibt bei dir zur "richtigen" Anzeige und zum Test einen kleinen Unterschied. Im Test hast du nur x.xx Euro, in der "echten" Anzeige noch die "hoch 9". Wenn ich mir die Größe von "hoch 9" so anschaue, dann ist das IMO genau die Höhe um die er die x.xx € verschiebt (warum auch immer, bei mir funktioniert es ja auch).
Im Original ist das Pattern zur Anzeige #.## (nicht ersichtlich, aber da sind ein oder zwei Leerzeichen zum Schluss, damit es quasi eine leere Stelle gibt). Auf die leere Stelle ist dann kleiner nochmals die "9" gelegt. Wahrscheinlich klemmt da etwas ?

[SBorg]

@nashra sagte in digitale Anzeige von Werten in VIS:

Habs jetzt, nur die kleine Neun bekomme ich noch nicht hin

Selbes Widget nochmals, nur halt kleiner
Mal paar Beispiele. Einen Nachteil hat es aber, da es im Grunde eine Uhr ist, werden keine trail-/leading "0" angezeigt und immer linksbündig (letzte Anzeige sind hier eigentlich 14.00 °C)

[FredF]

@nashra sagte in digitale Anzeige von Werten in VIS:

Habs jetzt, nur die kleine Neun bekomme ich noch nicht hin

Schau mal https://forum.iobroker.net/post/883177

[Nashra]

@sborg sagte in digitale Anzeige von Werten in VIS:

@nashra sagte in digitale Anzeige von Werten in VIS:

Habs jetzt, nur die kleine Neun bekomme ich noch nicht hin

Selbes Widget nochmals, nur halt kleiner
Mal paar Beispiele. Einen Nachteil hat es aber, da es im Grunde eine Uhr ist, werden keine trail-/leading "0" angezeigt und immer linksbündig (letzte Anzeige sind hier eigentlich 14.00 °C)

Hatte es vorhin hinbekommen, aber wie du schon schreibst, leider linksbündig.
Wenn also gerade der Wind nur 1 km/h hat wird es so angezeigt wie bei dir,
sieht natürlich doof aus.

[Nashra]

@fredf sagte in digitale Anzeige von Werten in VIS:

@nashra sagte in digitale Anzeige von Werten in VIS:

Habs jetzt, nur die kleine Neun bekomme ich noch nicht hin

Schau mal https://forum.iobroker.net/post/883177

Interessant, schau ich mir genau an