Balken & Slider - Versionsgeschichte

Spiff: /* BRI-Slider */

2017-01-06T14:06:06Z

BRI-Slider

← Nächstältere Version		Version vom 6. Januar 2017, 16:06 Uhr
Zeile 260:		Zeile 260:
	\| style="width:20%" rowspan=2 \| [[Datei:AdvancedSlider_bri.png\|thumb]]		\| style="width:20%" rowspan=2 \| [[Datei:AdvancedSlider_bri.png\|thumb]]
	\|-		\|-
	\| <code>define n_adslider_bri notify HUEDevice4:~~hue~~.* setreading adslider_bri state $EVTPART1</code>		\| <code>define n_adslider_bri notify HUEDevice4:bri.* setreading adslider_bri state $EVTPART1</code>
	\| Das notify stellt den Slider immer auf den Wert des Devices ein.		\| Das notify stellt den Slider immer auf den Wert des Devices ein.
	\|-		\|-

Spiff am 6. Januar 2017 um 14:00 Uhr

2017-01-06T14:00:43Z

← Nächstältere Version		Version vom 6. Januar 2017, 16:00 Uhr
Zeile 243:		Zeile 243:
	! Definition !! Erläuterungen !! Aussehen		! Definition !! Erläuterungen !! Aussehen
	\|-		\|-
	\| style="width:40%" \|<code>state:adslider,width:30,length:300,borderSize:2,<br />max:65535,color1:flat_FFFFFF,color2:flat_000000<br />,opacity1:0,opacity2:0.75,textSize:0,<br />slider:1,sliderHandleDesign:0,setDevice:HUEDevice4,<br />setTarget:hue,<br />underlay:/fhem/jscolor/hue_background.svg</code>		\| style="width:40%" \|<code>state:adslider,width:30,length:300,borderSize:2,<br />max:65535,color1:flat_FFFFFF,color2:flat_000000,<br />opacity1:0,opacity2:0.75,textSize:0,<br />slider:1,sliderHandleDesign:0,setDevice:HUEDevice4,<br />setTarget:hue,<br />underlay:/fhem/jscolor/hue_background.svg</code>
	\| Balken mit Slider, Underlay-Bild für die HUE-Skale, verdunkelt den rechten Regelbereich anstatt der Anzeige eines Handles		\| Balken mit Slider, Underlay-Bild für die HUE-Skale, verdunkelt den rechten Regelbereich anstatt der Anzeige eines Handles
	\| [[Datei:AdvancedSlider_hue.png\|thumb]]		\| style="width:20%" rowspan=2 \| [[Datei:AdvancedSlider_hue.png\|thumb]]
			\|-
			\| <code>define n_adslider_hue notify HUEDevice4:hue.* setreading adslider_hue state $EVTPART1</code>
			\| Das notify stellt den Slider immer auf den Wert des Devices ein.
	\|-		\|-
	\|}		\|}
Zeile 253:		Zeile 256:
	! Definition !! Erläuterungen !! Aussehen		! Definition !! Erläuterungen !! Aussehen
	\|-		\|-
	\| style="width:40%" \|<code>state:adslider,~~widt....~~</code>		\| style="width:40%" \|<code>state:adslider,width:30,length:300,borderSize:2,<br />color1:gradient_000000_FFFFFF,color2:flat_000000,<br />textSize:0,slider:1,sliderHandleDesign:0,<br />setDevice:HUEDevice4,setTarget:bri</code>
	\| Balken mit Slider, Gradient für die Helligkeitsanzeige, ~~verdunkelt~~ den rechten Regelbereich anstatt der Anzeige eines Handles		\| Balken mit Slider, Gradient für die Helligkeitsanzeige, schwärzt den rechten Regelbereich anstatt der Anzeige eines Handles
	\| [[Datei:AdvancedSlider_bri.png\|thumb]]		\| style="width:20%" rowspan=2 \| [[Datei:AdvancedSlider_bri.png\|thumb]]
			\|-
			\| <code>define n_adslider_bri notify HUEDevice4:hue.* setreading adslider_bri state $EVTPART1</code>
			\| Das notify stellt den Slider immer auf den Wert des Devices ein.
	\|-		\|-
	\|}		\|}

Spiff: /* HUE-Slider */

2017-01-06T13:53:08Z

HUE-Slider

← Nächstältere Version		Version vom 6. Januar 2017, 15:53 Uhr
Zeile 243:		Zeile 243:
	! Definition !! Erläuterungen !! Aussehen		! Definition !! Erläuterungen !! Aussehen
	\|-		\|-
	\| style="width:40%" \|<code>state:adslider,~~wid..~~..</code>		\| style="width:40%" \|<code>state:adslider,width:30,length:300,borderSize:2,<br />max:65535,color1:flat_FFFFFF,color2:flat_000000<br />,opacity1:0,opacity2:0.75,textSize:0,<br />slider:1,sliderHandleDesign:0,setDevice:HUEDevice4,<br />setTarget:hue,<br />underlay:/fhem/jscolor/hue_background.svg</code>
	\| Balken mit Slider, Underlay-Bild für die HUE-Skale, verdunkelt den rechten Regelbereich anstatt der Anzeige eines Handles		\| Balken mit Slider, Underlay-Bild für die HUE-Skale, verdunkelt den rechten Regelbereich anstatt der Anzeige eines Handles
	\| [[Datei:AdvancedSlider_hue.png\|thumb]]		\| [[Datei:AdvancedSlider_hue.png\|thumb]]

Spiff am 6. Januar 2017 um 13:49 Uhr

2017-01-06T13:49:03Z

← Nächstältere Version		Version vom 6. Januar 2017, 15:49 Uhr
Zeile 211:		Zeile 211:
	\|-		\|-
	\| style="width:40%" \|<code>state:adslider</code>		\| style="width:40%" \|<code>state:adslider</code>
	\| Standardeinstellungen des Balkens (ohne Slider).		\| style="width:40%" \| Standardeinstellungen des Balkens (ohne Slider).
	\| [[Datei:AdvancedSlider_default.png\|thumb]]		\| style="width:20%" \| [[Datei:AdvancedSlider_default.png\|thumb]]
	\|-		\|-
	\|}		\|}
Zeile 221:		Zeile 221:
	\|-		\|-
	\| style="width:40%" \|<code>state:adslider,width:30,length:200,<br />color1:glossyGreen,borderSize:5,borderRadius:15,<br />borderColor:999999,textSize:10,<br />slider:1,sliderHandleDesign:0,setDevice:mp,<br />setTarget:position,textValue:"",disableNotify:n_position_mp</code>		\| style="width:40%" \|<code>state:adslider,width:30,length:200,<br />color1:glossyGreen,borderSize:5,borderRadius:15,<br />borderColor:999999,textSize:10,<br />slider:1,sliderHandleDesign:0,setDevice:mp,<br />setTarget:position,textValue:"",disableNotify:n_position_mp</code>
	\| Der Slider macht ein "set mp position (Sliderwert)".		\| style="width:40%" \| Der Slider macht ein "set mp position (Sliderwert)".
	\| rowspan=2 \| [[Datei:AdvancedSlider_example1.png\|thumb]]		\| style="width:20%" rowspan=2 \| [[Datei:AdvancedSlider_example1.png\|thumb]]
	\|-		\|-
	\| <code>define n_position_mp notify mp:position setreading slider1 $VALUE</code>		\| <code>define n_position_mp notify mp:position setreading slider1 $VALUE</code>
Zeile 236:		Zeile 236:
	\| Balken mit Slider, abgerundeten Ecken, einem Rand, Overlay-Bild für die Skale, Hintergrundschatten und Farbgradient grün->rot		\| Balken mit Slider, abgerundeten Ecken, einem Rand, Overlay-Bild für die Skale, Hintergrundschatten und Farbgradient grün->rot
	\| [[Datei:AdvancedSlider_example2.png\|thumb]]		\| [[Datei:AdvancedSlider_example2.png\|thumb]]
			\|-
			\|}

			=== HUE-Slider ===
			{\| class="wikitable"
			! Definition !! Erläuterungen !! Aussehen
			\|-
			\| style="width:40%" \|<code>state:adslider,wid....</code>
			\| Balken mit Slider, Underlay-Bild für die HUE-Skale, verdunkelt den rechten Regelbereich anstatt der Anzeige eines Handles
			\| [[Datei:AdvancedSlider_hue.png\|thumb]]
			\|-
			\|}

			=== BRI-Slider ===
			{\| class="wikitable"
			! Definition !! Erläuterungen !! Aussehen
			\|-
			\| style="width:40%" \|<code>state:adslider,widt....</code>
			\| Balken mit Slider, Gradient für die Helligkeitsanzeige, verdunkelt den rechten Regelbereich anstatt der Anzeige eines Handles
			\| [[Datei:AdvancedSlider_bri.png\|thumb]]
	\|-		\|-
	\|}		\|}

Spiff am 6. Januar 2017 um 11:03 Uhr

2017-01-06T11:03:29Z

← Nächstältere Version		Version vom 6. Januar 2017, 13:03 Uhr
Zeile 195:		Zeile 195:
	\| disableNotify		\| disableNotify
	\| (Notify-Name)		\| (Notify-Name)
	\| Deaktiviert das angegebene Notify (verhindert, dass der Balken im Konstrukt dummy+notify per longpoll ein Update bekommt, während der Slider bewegt wird)		\| Deaktiviert das angegebene Notify (verhindert, dass der Balken im Konstrukt dummy+notify per longpoll ein Update bekommt, während der Slider bewegt wird)<br />'''Bug: bei jeder Slidebewegung wird bisher kontinuierlich das Notify auf 'inactive' gesetzt, auch wenn es schon 'inactive' ist. Das kann dazu führen, dass in der Warteschleife so viele inactive-Events abgesetzt wurden, dass diese auch erst nach dem Loslassen des Sliders Anwendung finden. Dann bleibt das Notify 'inactive' und die Seite mit dem Slider muss aktualisiert werden.'''
	\| -		\| -
	\|-		\|-

Spiff am 1. Januar 2017 um 14:27 Uhr

2017-01-01T14:27:50Z

@@ Zeile 236: / Zeile 236: @@
 | Balken mit Slider, abgerundeten Ecken, einem Rand, Overlay-Bild für die Skale, Hintergrundschatten und Farbgradient grün->rot
 | [[Datei:AdvancedSlider_example2.png|thumb]]
 |-
 |}

Spiff: /* Benutzung der Variablen */

2017-01-01T13:35:14Z

Benutzung der Variablen

@@ Zeile 15: / Zeile 15: @@
 === Benutzung der Variablen ===
 {|  class="wikitable"
 !  Parameter
 !  Werte
@@ Zeile 161: / Zeile 163: @@
 | Fügt einen Schatten hinter dem Balken hinzu (der Schatten verletzt den durch length und width definierten Bereich)
 | 0
 |}

Spiff am 31. Dezember 2016 um 18:40 Uhr

2016-12-31T18:40:44Z

← Nächstältere Version		Version vom 31. Dezember 2016, 20:40 Uhr
Zeile 165:		Zeile 165:
	== Beispiele ==		== Beispiele ==

			=== Default-Balken ===
			{\| class="wikitable"
			! Definition !! Erläuterungen !! Aussehen
			\|-
			\| style="width:40%" \|<code>state:adslider</code>
			\| Standardeinstellungen des Balkens (ohne Slider).
			\| [[Datei:AdvancedSlider_default.png\|thumb]]
			\|-
			\|}

	=== Beispiel 1 ===		=== Beispiel 1 ===
Zeile 170:		Zeile 179:
	! Definition !! Erläuterungen !! Aussehen		! Definition !! Erläuterungen !! Aussehen
	\|-		\|-
	\| style="width:40%" \|<code>state:adslider,width:30,length:200,color1:glossyGreen,borderSize:5,borderRadius:15,borderColor:999999, textSize:10,slider:1,sliderHandleDesign:0,setDevice:mp,setTarget:position,textValue:"",disableNotify:n_position_mp</code>		\| style="width:40%" \|<code>state:adslider,width:30,length:200,<br />color1:glossyGreen,borderSize:5,borderRadius:15,<br />borderColor:999999,textSize:10,<br />slider:1,sliderHandleDesign:0,setDevice:mp,<br />setTarget:position,textValue:"",disableNotify:n_position_mp</code>
	\| Der Slider macht ein "set mp position (Sliderwert)".		\| Der Slider macht ein "set mp position (Sliderwert)".
	\| rowspan=3 \| [[Datei:~~rgBattery~~.png\|thumb]]		\| rowspan=2 \| [[Datei:AdvancedSlider_example1.png\|thumb]]
	\|-		\|-
	\| <code>define n_position_mp notify mp:position setreading slider1 $VALUE</code>		\| <code>define n_position_mp notify mp:position setreading slider1 $VALUE</code>
	\| Das notify stellt den Slider immer auf den Wert des Devices ein. Über disableNotify wird das Notify für die Dauer des Slidens deaktiviert und danach wieder aktiviert.		\| Das notify stellt den Slider immer auf den Wert des Devices ein. Über disableNotify wird das Notify für die Dauer des Slidens deaktiviert und danach wieder aktiviert.
			\|-
			\|}

			=== Beispiel 2 ===
			{\| class="wikitable"
			! Definition !! Erläuterungen !! Aussehen
			\|-
			\| style="width:40%" \|<code>state:adslider,slider:1,<br />sliderHandleDesign:0,<br />shadow:1,borderSize:5,<br />borderRadius:15,borderColor:000000,<br />length:500,width:50,<br />color2:flat_FFFFFF,<br />color1:gradient_00FF00_FF0000,<br />overlay:/fhem/images/BalkenHorizontal.png,<br />overlayStyle:relative,textValue:""</code>
			\| Balken mit Slider, abgerundeten Ecken, einem Rand, Overlay-Bild für die Skale, Hintergrundschatten und Farbgradient grün->rot
			\| [[Datei:AdvancedSlider_example2.png\|thumb]]
	\|-		\|-
	\|}		\|}

Spiff am 31. Dezember 2016 um 18:09 Uhr

2016-12-31T18:09:36Z

@@ Zeile 1: / Zeile 1: @@
 === Info ===
 https://forum.fhem.de/index.php?topic=28318.0
@@ Zeile 150: / Zeile 161: @@
 | Fügt einen Schatten hinter dem Balken hinzu (der Schatten verletzt den durch length und width definierten Bereich)
 | 0
 |}

Spiff am 12. Dezember 2016 um 14:31 Uhr

2016-12-12T14:31:59Z

← Nächstältere Version		Version vom 12. Dezember 2016, 16:31 Uhr
Zeile 1:		Zeile 1:
			=== Info ===
			https://forum.fhem.de/index.php?topic=28318.0

	=== Benutzung der Variablen ===		=== Benutzung der Variablen ===
	{\| class="wikitable"		{\| class="wikitable"