Idee für Hintergrund-Effekt: QlockTwo

don

Eine Möglichkeit gäbe es da.
Durch die Verwendung von Text kann ich ja nicht mit der Namensauflösung arbeiten.
Aber man könnte die 4-Punkte für die addierten Minuten über so eine Variable anzeigen lassen.
Mal schauen.

Gerade arbeite ich an den Gruppen. Ich will möglichst wenig visible-tags anwenden müssen.

don

Ach.... wie immer.
Kaum hat man losgelegt, findet man wieder was neues.
Ich habe das Layout wieder bei "0" angefangen.
Die Grundmatrix für "off" mache ich jetzt mit grouplists.

Code

<!-- OFF ALL ROW 1-->
	<control type="grouplist">
			<include>24</include>
			<orientation>horizontal</orientation>
			<posx>0</posx>
			<posy>0</posy>
			<width>600</width>
			<height>500</height>
			<itemgap>42</itemgap>
			<control type="label">
			<align>center</align>
      <textcolor>grey3</textcolor>
			<font>font30</font>
			<label>A</label>
    </control>
    <control type="label">
			<align>center</align>
      <textcolor>grey3</textcolor>
			<font>font30</font>
			<label>B</label>
    </control>

Alles anzeigen

die aktiven wörter werden dann mit kleinen gruppen erstellt.

Code

<control type="grouplist">
			<include>18</include>
			<orientation>horizontal</orientation>
			<posx>252</posx>
			<posy>0</posy>
			<width>600</width>
			<height>500</height>
			<itemgap>42</itemgap>
			<control type="label">
			<align>center</align>
      <textcolor>grey3</textcolor>
			<font>font30</font>
			<label>B</label>
    </control>
    <control type="label">
			<align>center</align>
      <textcolor>grey3</textcolor>
			<font>font30</font>
			<label>B</label>
    </control>
    <control type="label">
			<align>center</align>
      <textcolor>grey3</textcolor>
			<font>font30</font>
			<label>B</label>
    </control>
    </control>

Alles anzeigen

ist nur nicht ganz so einfach, die positionen für die gruppen zu treffen. aber klappt.

das ganze jetzt noch etwas tiefer gesetzt und ich denke, das layout und die methode stehen (fast) fest.

Externer Inhalt www.xbmcnerds.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

don

Na klasse. Grouplists sind anscheinend immer linksbündig.
Das ruiniert das Layout.
Wie ärgerlich.

EDIT

Ah. Moment.
Ich muss dem Item eine breite angeben, an dem es sich orientieren kann. Dann klappt es.
Jetzt muss ich zwar die Gaps neu berechnen, aber zumindest funktioniert es.

don

Der aktuelle Stand: Quadratisches Layout ist für "AUS" fertig.

Externer Inhalt www.xbmcnerds.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

Genug für heute.

don

Gefiel mir dann doch noch nicht.
So, das ist jetzt aber wirklich DAS basis-layout.
So bleibt es für "All-OFF":

Externer Inhalt www.xbmcnerds.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

Und auf zu den Gruppen ...

-BS-

Das sieht doch schon mal sehr gut aus.

Zippolighter

Gefällt mir auch sehr gut.

Finde es toll wie Du immer wieder zwischen Ergebnisse hier bekanntgibst.

Weiter so

don

Und dann noch die ALL-ON-Matrix:

Externer Inhalt www.xbmcnerds.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

Jetzt muss ich nur noch nen Haufen Includes schreiben...
aber genug für heute

Im Anhang der Part aus der Home.xml und mein Testeintrag aus der Include.xml.
xml.zip

keibertz

wow bist ja echt nen entscheidenden schritt voran gekommen.
Bin ja mal gespannt wie das aussieht wenn es fertig wird. Bin mir aber sicher das es super wird wenn du das wirklich so hinbekommst. => Auch haben will

don

Wenn hier noch jemand ne witzige Idee für die Buchstaben hat, die immer OFF sind, dann her damit.
Anstatt AUJ in der 6. Zeile zB. SOS oder ...?!?

djtoll

Inaktive mit BLUR EFFEKT ?

don

Gibt es für "Blur" eine Funktion?

Ich habe mir gerade ein paar Minuten genommen, und eine Matrix für die includes aufgebaut.
Es ist eindeutig ein Muster zu erkennen, aber ich frage mich, ob ich es nutzen kann.

Externer Inhalt www.xbmcnerds.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

freaksworth

Hi,
vielen Dank für die Tabelle, eine funktionierende 1-Zeilen Version konnte ich damit zurechtklammern. (zum kennen lernen, habe ja bisher nicht mehr als drauf geschaut)
Was hast Du Dir denn überlegt, wie Du die Anzeige dann für 5 Min. hältst (Text)? Was gibt's da für Mittel?
(Wenn ich Dir damit helfen kann sag Bescheid)
Qlock

f

don

Code

<visible>System.Time(18:40,18:45)</visible>

Damit klappt es wunderbar.

Aber dieses Muster muss ja irgendwo für irgendwas gut sein.
Mit $INFO[System.Time(mm) müßte man doch auch Zustände in den visible-tags definieren können.
Die Uhrzeit 10:05 ruft ja genau die gleichen Minutenanzeige auf, wie die Uhrzeit 09:05.

Das ist mein Ursprungsweg:
Code aus dem Layout für "FÜNF":

Code

<control type="grouplist" id="50">
		<orientation>horizontal</orientation>
			<include>1005</include>
			<posx>343</posx>
			<width>600</width>
			<height>500</height>
			<itemgap>12</itemgap>
		<control type="label">
			<width>37</width>
			<font>font30</font>
			<textcolor>grey</textcolor>
			<align>center</align>
			<label>F</label>
		</control>
		<control type="label">
			<width>37</width>
			<font>font30</font>
			<textcolor>grey</textcolor>
			<align>center</align>
			<label>Ü</label>
		</control>
		<control type="label">
			<width>37</width>
			<font>font30</font>
			<textcolor>grey</textcolor>
			<align>center</align>
			<label>N</label>
		</control>
		<control type="label">
			<width>37</width>
			<font>font30</font>
			<textcolor>grey</textcolor>
			<align>center</align>
			<label>F</label>
		</control>		
  </control>

Alles anzeigen

Jetzt müßte ich ja, wenn ich keine Rücksicht auf das Muster nehme, für jede Uhrzeit eine Include schreiben und zuweisen.
Das ist irgendwie nicht elegant genug.
Da müßte man doch auch sowas wie ein visible-tag für "5 minuten nach X" setzen können, und somit den Zustand für alle Stunden definieren können.

Code

<include name="05">
<visible>System.Time(mm)(05)</visible>

Etwas in der Art halt.
Ich teste da gleich mal mit rum.

Hilfe ist wie immer SEHR willkommen.
Probier was aus, oder teste den Code mal im Confluence-Skin.

don

Damit klappt es schonmal nicht. Schade.
Aber eine Verkettung funktioniert:

Code

<visible>System.Time(06:00,06:05) | System.Time(18:00,18:05)</visible>

Damit wäre man dann bei 144 Includes.

Aber es fuchst mich, dass mir nichts eleganteres einfällt.

freaksworth

... ich bin spaltenweise vorgegangen.
Wie Du sagtest ist das ja zu jeder Stunde gleich, die Stunde hänge ich dann an.
[expander]

XML

<!-- Hilfscontrols --><control type="label" id="12345">
				<posx>220</posx>
				<posy>80</posy>
				<!--<label>nach-control</label> -->
				<visible>substring(system.time(mm),00)|substring(system.time(mm),05)|substring(system.time(mm),10)|substring(system.time(mm),15)</visible>
			</control>
			<control type="label" id="12346">
				<posx>200</posx>
				<posy>40</posy>
				<!--<label>anzeigen-control</label>-->
				<label>Es ist</label>	
                                <visible>substring(system.time(mm),00)|substring(system.time(mm),05)|substring(system.time(mm),10)|substring(system.time(mm),15)|substring(system.time(mm),20)|substring(system.time(mm),25)|substring(system.time(mm),30)|substring(system.time(mm),35)|substring(system.time(mm),40)|substring(system.time(mm),45)|substring(system.time(mm),50)|substring(system.time(mm),55)</visible>-->
			</control>
<!--        Minuten Anfang      -->
			<control type="label">
				<posx>280</posx>
				<posy>40</posy>
				<label>fünf</label>
				<visible>substring(system.time(mm),05)|substring(system.time(mm),25)|substring(system.time(mm),35)|substring(system.time(mm),55)</visible>
			</control>
			<control type="label">
				<posx>420</posx>
				<posy>40</posy>
				<label>zehn</label>
				<visible>substring(system.time(mm),10)|substring(system.time(mm),20)|substring(system.time(mm),40)|substring(system.time(mm),50)</visible>
			</control>
			<control type="label">
				<posx>520</posx>
				<posy>40</posy>
				<label>vor</label>
				<visible>substring(system.time(mm),20)|substring(system.time(mm),25)|substring(system.time(mm),55)</visible>
			</control>
			<control type="label">
				<posx>520</posx>
				<posy>40</posy>
				<label>nach</label>
				<visible>substring(system.time(mm),05)|substring(system.time(mm),10)|substring(system.time(mm),35)|substring(system.time(mm),40)</visible>
			</control>
			<control type="label">
				<posx>420</posx>
				<posy>40</posy>
				<label>viertel</label>		
                                <visible>substring(system.time(mm),15)|substring(system.time(mm),45)</visible>
			</control>
			<control type="label">
				<posx>620</posx>
				<posy>40</posy>
				<label>halb</label>
				<visible>substring(system.time(mm),20)|substring(system.time(mm),25)|substring(system.time(mm),30)|substring(system.time(mm),35)|substring(system.time(mm),40)</visible>
			</control>
			<control type="label">
				<posx>620</posx>
				<posy>40</posy>
				<label>vor</label>
				<visible>substring(system.time(mm),45)|substring(system.time(mm),50)</visible>
			</control>
			<control type="label">
				<posx>620</posx>
				<posy>40</posy>
				<label>nach</label>
				<visible>substring(system.time(mm),15)</visible>
			</control>
<!--        Minuten Ende      -->
			<control type="label">
				<posx>1000</posx>
				<posy>40</posy>
				<label>Uhr</label>
				<visible>substring(system.time(mm),00)</visible>
			</control>
			<control type="label">
				<posx>720</posx>
				<posy>40</posy>
				<label>Vier</label>
				<visible>substring(system.time(hh),15) + !Control.isVisible(12345)</visible>
			</control>
			<control type="label">
				<posx>720</posx>
				<posy>40</posy>
				<label>Vier</label>
				<visible>substring(system.time(hh),16) + Control.isVisible(12345)</visible>
			</control>
			<control type="label">
				<posx>720</posx>
				<posy>40</posy>
				<label>Fünf</label>
				<visible>substring(system.time(hh),16)|substring(system.time(hh),04)</visible>
				<visible>!Control.isVisible(12345) + Control.isVisible(12346)</visible>
			</control>
			<control type="label" id= "11117">
				<posx>720</posx>
				<posy>40</posy>
				<label>Fünf2</label>
				<visible>substring(system.time(hh),17)|substring(system.time(hh),05)</visible>
				<visible>Control.isVisible(12345) + Control.isVisible(12346)</visible>
			</control>
			<control type="label">
				<posx>720</posx>
				<posy>40</posy>
				<label>Sechs</label>
				<visible>substring(system.time(hh),17)|substring(system.time(hh),05)</visible>
				<visible>!Control.isVisible(12345) + Control.isVisible(12346)</visible>
			</control>
			<control type="label">
				<posx>720</posx>
				<posy>40</posy>
				<label>Sechs2</label>
				<visible>substring(system.time(hh),18)|substring(system.time(hh),06)</visible>
				<visible>Control.isVisible(12345) + Control.isVisible(12346)</visible>
			</control>
....

Alles anzeigen

[/expander]
(ist aber v.0.0.1a ;))
Text geht so natürlich nicht, fehlen noch die conditions für die Intervalle dazwischen, könnte man mit pseudo controls machen, grafisch müsste es aber hinhauen.

statt

XML

<visible>System.Time(mm)(05)</visible>

geht

XML

<visible>substring(System.time(mm),05)</visible>

don

Code

<visible>substring(system.time(mm),50)</visible>

Funktioniert.

Irgendwann muss ich dir und deinen Substrings mal nen Eis ausgeben

don

Die Zeile habe ich gerade noch getestet:

Werte für:
5nachH und 5vorHalb und 5nachHalb und 5vor Voll

Code

<visible>substring(system.time(mm),05) | substring(system.time(mm),25) | substring(system.time(mm),35) | substring(system.time(mm),55)</visible>

Tadellos.
Das spart ne Menge Code würde ich sagen. Fein Fein Fein.
Dann mach ich auch Feierabend für heute.

don

.... wobei das ja dann nur bei EXAKT der Minutenangabe angezeigt wird.
Daher ja auch zuvor deinne Frage, wie man die Anzeige für 5 Minuten aktiv halten kann.

Mal schauen, was weniger Arbeit ist.
Die Zustände mittels realer Zeit zu definieren oder in deine Substrings die Zwischenwerte mit einzusetzen.

freaksworth

.. genau, deswegen hab ich es nochmal geändert, sollte komplett sein:

XML

<!-- 		Intervalle Beginn (Minuten) 	-->
			<control type="label" id="10004">
				<!--<label>0-4</label> -->
				<visible>substring(system.time(mm),00)|substring(system.time(mm),01)|substring(system.time(mm),02)|substring(system.time(mm),03)|substring(system.time(mm),04)</visible>
			</control>
			<control type="label" id="10009">
				<!--<label>5-9</label> -->
				<visible>substring(system.time(mm),05)|substring(system.time(mm),06)|substring(system.time(mm),07)|substring(system.time(mm),08)|substring(system.time(mm),09)</visible>
			</control>
			<control type="label" id="10014">
				<!--<label>10-14</label> -->
				<visible>substring(system.time(mm),10)|substring(system.time(mm),11)|substring(system.time(mm),12)|substring(system.time(mm),13)|substring(system.time(mm),14)</visible>
			</control>
			<control type="label" id="10019">
				<!--<label>15-19</label> -->
				<visible>substring(system.time(mm),15)|substring(system.time(mm),16)|substring(system.time(mm),17)|substring(system.time(mm),18)|substring(system.time(mm),19)</visible>
			</control>
			<control type="label" id="10024">
				<!--<label>20-24</label> -->
				<visible>substring(system.time(mm),20)|substring(system.time(mm),21)|substring(system.time(mm),22)|substring(system.time(mm),23)|substring(system.time(mm),24)</visible>
			</control>
			<control type="label" id="10029">
				<!--<label>25-29</label> -->
				<visible>substring(system.time(mm),25)|substring(system.time(mm),26)|substring(system.time(mm),27)|substring(system.time(mm),28)|substring(system.time(mm),29)</visible>
			</control>
			<control type="label" id="10034">
				<!--<label>30-34</label> -->
				<visible>substring(system.time(mm),30)|substring(system.time(mm),31)|substring(system.time(mm),32)|substring(system.time(mm),33)|substring(system.time(mm),34)</visible>
			</control>
			<control type="label" id="10039">
				<!--<label>35-39</label> -->
				<visible>substring(system.time(mm),35)|substring(system.time(mm),36)|substring(system.time(mm),37)|substring(system.time(mm),38)|substring(system.time(mm),39)</visible>
			</control>
			<control type="label" id="10044">
				<!--<label>40-44</label> -->
				<visible>substring(system.time(mm),40)|substring(system.time(mm),41)|substring(system.time(mm),42)|substring(system.time(mm),43)|substring(system.time(mm),44)</visible>
			</control>
			<control type="label" id="10049">
				<!--<label>45-49</label> -->
				<visible>substring(system.time(mm),45)|substring(system.time(mm),46)|substring(system.time(mm),47)|substring(system.time(mm),48)|substring(system.time(mm),49)</visible>
			</control>
			<control type="label" id="10054">
				<!--<label>50-54</label> -->
				<visible>substring(system.time(mm),50)|substring(system.time(mm),51)|substring(system.time(mm),52)|substring(system.time(mm),53)|substring(system.time(mm),54)</visible>
			</control>
			<control type="label" id="10059">
				<!--<label>55-59</label> -->
				<visible>substring(system.time(mm),55)|substring(system.time(mm),56)|substring(system.time(mm),57)|substring(system.time(mm),58)|substring(system.time(mm),59)</visible>
			</control>
<!-- 		Intervalle  Ende 	-->
<!--		Minuten Beginn		-->
			<control type="label" id="10005">
				<!--<label>fünf</label>-->
				<visible>Control.isVisible(10009)|Control.isVisible(10029)|Control.isVisible(10039)|Control.isVisible(10059)</visible>
			</control>
			<control type="label" id="10010">
				<!--<label>zehn</label>-->
	         		<visible>Control.isVisible(10014)|Control.isVisible(10024)|Control.isVisible(10044)|Control.isVisible(10054)</visible>
			</control>
			<control type="label"  id="10015">
				<!--<label>viertel</label>-->
				<visible>Control.isVisible(10019)|Control.isVisible(10049)</visible>
			</control>
			<control type="label" id="10030">
				<!--<label>halb</label>-->
				<visible>Control.isVisible(10024)|Control.isVisible(10029)|Control.isVisible(10034)|Control.isVisible(10044)|Control.isVisible(10039)|Control.isVisible(10044)</visible>
			</control>
			<control type="label" id="10100">
				<!--<label>vor2</label>-->
				<visible>Control.isVisible(10024)|Control.isVisible(10029)|Control.isVisible(10054)|Control.isVisible(10059)</visible>
			</control>
			<control type="label" id="10101">
				<!--<label>nach3</label>-->
				<visible>Control.isVisible(10009)|Control.isVisible(10014)|Control.isVisible(10039)|Control.isVisible(10044)</visible>
			</control>
			<control type="label" id="10103">
				<!--<label>nach4</label>-->
				<visible>Control.isVisible(10019)</visible>
			</control>
			<control type="label" id="10104">
				<!--<label>vor4</label>-->
				<visible>Control.isVisible(10049)</visible>
			</control>
			<control type="label" id="10102">
				<!--<label>Uhr</label>-->
				<visible>Control.isVisible(10004) + !System.Time(01:00,01:05)</visible>
		        </control>
<!--		Minuten Ende 		-->
<!--		Stunden Beginn		-->
			<control type="label" id="10201">
				<!--<label>Eins</label>-->
				<visible>System.Time(00:20,01:20)|System.Time(12:20,13:20)</visible>
			</control>
			<control type="label" id="10202">
				<!--<label>Zwei</label>-->
				<visible>System.Time(01:20,02:20)|System.Time(13:20,14:20)</visible>
			</control> 
			<control type="label" id="10203">
				<!--<label>Drei</label>-->
				<visible>System.Time(02:20,03:20)|System.Time(14:20,15:20)</visible>
			</control> 
			<control type="label" id="10204">
				<!--<label>Vier</label>-->
				<visible>System.Time(03:20,04:20)|System.Time(15:20,16:20)</visible>
			</control> 
			<control type="label" id="10205">
				<!--<label>Fünf</label>-->
				<visible>System.Time(04:20,05:20)|System.Time(16:20,17:20)</visible>
			</control> 
			<control type="label" id="10206">
				<!--<label>Sechs</label>-->
				<visible>System.Time(05:20,06:20)|System.Time(17:20,18:20)</visible>
			</control> 
			<control type="label" id="10207">
				<!--<label>Sieben</label>-->
				<visible>System.Time(06:20,07:20)|System.Time(18:20,19:20)</visible>
			</control> 
			<control type="label" id="10208">
				<!--<label>Acht</label>-->
				<visible>System.Time(07:20,08:20)|System.Time(19:20,20:20)</visible>
				</control> 
			<control type="label" id="10209">
				<!--<label>Neun</label>-->
				<visible>System.Time(08:20,09:20)|System.Time(20:20,21:20)</visible>
			</control> 
			<control type="label" id="10210">
				<!--<label>Zehn</label>-->
				<visible>System.Time(09:20,10:20)|System.Time(21:20,22:20)</visible>
				</control> 
			<control type="label" id="10211">
				<!--<label>Elf</label>-->
				<visible>System.Time(10:20,11:20)|System.Time(22:20,23:20)</visible>
			</control> 
			<control type="label" id="10212">
				<!--<label>Zwölf</label>-->
				<visible>System.Time(11:20,12:20)|System.Time(23:20,00:20)</visible>
			</control>
<!--		Stunden Ende 		-->

Alles anzeigen

... wenn ich das richtig sehe könntest Du das direkt einsetzen. Müsstest nur die IDs der "Minuten- und Stunden-Controls" von oben als visible-condition Deiner gruppierten Buchstaben benutzen.
Für die 5-Minutenanzeige könnte man einen Fortschrittsbalken machen, unten drunter, gleiche Breite, je 1 Minute pro 2 Buchstaben, von max. tranpsarent bis ganz weiss.

**EDIT**
Hab's doch noch mal in Dein Layout eingebaut. SIeht echt gut aus.
Zum testen hab ich die MyPics.xml missbraucht, also kurz austauschen.

Idee für Hintergrund-Effekt: QlockTwo

Jetzt mitmachen!

Benutzer online in diesem Thema