"loop"-Funktion mit Anzeige "vertical" von unten nach oben

Paulaner · 16. Oktober 2015

Ich bin gerade dabei im Hauptmenü die als nächstes anstehenden 3 aktiven Timer in einer Spalte am rechten Bildrand darzustellen.
Dazu habe ich auch die "loop"-Funktion, in Anlehnung wie das bereits bei anderen Skins gemacht wird, genommen und das klappt auch schon ganz gut!

Was ich aber für mich gern anders hätte ist die Darstellung der aktiven Timer in der orientattion="vertical" nicht von oben nach unten, sondern umgekehrt, von unten nach oben.
Momentan ist es ja so, dass die Timer von oben nach unten angezeigt werden, wobei dann in der Liste der als nächstes anstehende Timer ganz oben steht. Die darauffolgenden Timer werden darunter angefügt.
Genauso würde ich das auch haben wollen, nur dass sich die Timerliste von unten nach oben aufbauen soll und dabei soll dann ganz oben immer der Timer stehen, der als nächstes dran ist.
Vielleicht gibt es schon jetzt die Möglichkeit mit einem Trick das zu machen, oder müsste da erst louis eine entsprechende Funktion in das Plugin einbauen damit das geht?

Bei dem aktuell von mir verwendeten Skin mit dem text2skin-Plugin habe ich das "händisch" durch Abfrage der einzelnen Timer {CurrentEventsTitle1} gelöst.
Das wäre auch sicherlich mit dem skindesigner-Plugin möglich, da es ja auch beim skindesigner-Plugin einen entsprechenden Token {timer1exists} gibt.
Eleganter ist das allerdings mit der "loop"-Funktion schon!

Paulaner

louis · 16. Oktober 2015

Moin,

so ganz verstehe ich dich nicht (ich bin wohl gerade geistig zu unflexibel ). Die Timerliste ist doch so geordnet, dass der als nächstes anstehende Timer zuerst ausgegeben wird. Wenn du nun diese Liste "von oben nach unten" ausgibst, hast du doch genau das was du willst?!

Wenn ich dich nicht verstanden habe, musst du mir nochmal genauer erklären, was du willst

Ciao Louis

Paulaner · 16. Oktober 2015

louis,
Okay, ich denke ein Bild sagt mehr als 1000 Worte!

Ich habe mal 3 Screenshots mit meinem Skin vom text2skin-Plugin vom aktuellen Hauptmenü gemacht, wo Du sehen kannst wie ich das meinte: Timerliste vertikal und von unten nach oben aufbauen, wobei in der Liste der aktuellste Timer immer oben steht!
Im 1. Screenshot gibt es nur einen Timer, der steht deshalb auch noch ganz unten!
Im 2. Screenshot gibt es einen 2 Timer, der später dran ist als der 1. Timer. Dadurch kommt der zuerst anstehende Timer nach oben. darunter dann der nächste Timer.
Im 3. Screenshot gibt es dann noch einen weiteren Timer, der viel später dran ist und deshalb ganz unten steht.

Diese Reihenfolge hätte ich nun auch gern mit der "loop"-Funktion gemacht, aber das ist scheinbar aktuell nicht möglich.
Momentan wird die Timerliste immer von oben nach unten aufgebaut, wobei der nächst anstehende Timer auch immer oben steht.
Falls Du jetzt immer noch Fragen hast, dann her damit.

Paulaner

louis · 16. Oktober 2015

Moin,

ok jetzt hab ichs verstanden. Nein, mit nem loop ist das aktuell nicht möglich, das müsstest du "manuell" hinbasteln, indem du die Anzahl der Timer per condition abfragst und die Timer dann entsprechend ausgibst.

Mittelfristig könnte man über ein weiteres Attribut für die Loop Funktion nachdenken, sodass man noch ein "align" angeben kann. "orientation" vertical und "align" bottom wäre dann genau das, was du willst. Mach doch nen Feature Request mit nem Link zu diesem Thread auf, dann baue ich das vielleicht mal ein

Ciao Louis

Paulaner · 16. Oktober 2015

louis,
Okay, ich habe mal ein weiteres Feature Request dazu angelegt!
Denn ich habe Probleme mit dem "händischen" Anlegen der Timerliste, da es scheibar keine geeigneten Tokens dafür gibt!

Es gibt zwar einen Token zum erkennen ob es einen Timer gibt
{timer1exists} ___ true if timer 1 available

aber ich finde keine Tokens zur Anzeige der einzelnen Inhalte der Timer, wie z. B.:
{timers1[datetime]} __ date and time of timer 1

Oder gibt es einen Trick, um doch die einzelnen Timer in der "displaymenumain.xml" anzeigen zu können?

Paulaner

louis · 16. Oktober 2015

Stimmt, das ist aktuell auch noch nicht vorgesehen, auf looptokens per Index zuzugreifen. Muddu also warten

Ciao Louis

Paulaner · 16. Oktober 2015

Zitat von louis

Muddu also warten

Tja das Leben ist nun mal kein Ponyhof!

Paulaner

Paulaner · 16. Oktober 2015

Ich habe jetzt doch noch eine Lösung gefunden:
Anstatt nur 1 "loop" zu machen habe ich 3 "loop"s erstellt und durch eine vorangestellte "condition" wird immer nur 1 "loop" genommen.

Es gibt also 1 loop wenn nur 1 Timer vorhanden ist!
Dann gibt es den 2. loop, wenn 2 Timer vorhanden sind.
Und dann gibt es den 3. loop, wenn 3 oder mehr Timer vorhanden sind, wobei bei mir dann nur 3 Timer angezeigt werden!

Wichtig und kriegsentscheidend ist eigentlich nur die "condition" hinter dem "area"

Code

<!-- ANZEIGE Timerliste bei = 1 Timer		-->
<area condition="{timer1exists} ++ not{timer2exists}" ...
     <loop ..... y="{areawidth}*0.422" ...
     ....


<!-- ANZEIGE Timerliste bei <= 2 Timer		-->
 <area condition="{timer1exists} ++ {timer2exists} ++ not{timer3exists}" ...
<loop .... y="{areawidth}*0.336" ...
    ....


<!-- ANZEIGE Timerliste bei >= 3 Timer		-->
 <area condition="{timer1exists} ++ {timer2exists} ++ {timer3exists}" ...
<loop ... y="{areawidth}*0.250" ...
    ....

Alles anzeigen

Weiterhin wird dann die exakte y-Koordinate eingestellt, damit immer die gleiche Aussehen bzw. Darstellung erreicht wird!
Der eigentliche "loop" ist dann immer gleich!

Klappt wunderbar und macht genau das, wass ich wollte!
Ob dadurch die OSD-Last für den VDR-PC etwas höher wird kann ich nicht sagen, aber fürs erste ist das eine Lösung, die funktioniert!

Für den, den es interessiert habe ich mal den entsprechenden Codeschnipsel angehängt!

Spoiler anzeigen

Code

<!-- ANZEIGE rechte Seite unten: Timerliste der 3 als nächstes anstehenden Timer	-->
	<timers detached="true" delay="{fadetime}" shifttime="{shifttime}" shifttype="right" shiftmode="slowed">


	<!-- ANZEIGE Timerliste bei = 1 Timer		-->
        <area condition="{timer1exists} ++ not{timer2exists}" x="{areawidth}*0.67" y="{areawidth}*0.422" width="{areawidth}*0.33" height="{areaheight}*0.5 - {areawidth}*0.02" layer="3">
            <loop name="timers" x="0" y="2" orientation="vertical" rowheight="{areaheight}/3" columnwidth="{areawidth} - 6" overflow="cut">
		<drawimage cache="true" name="logo" y="10" imagetype="channellogo" path="{timers[channelid]}" height="{rowheight}*0.27" width="{columnwidth}*0.99" align="center" />
                <drawtext x="0" y="{rowheight}*0.4" width="{columnwidth}" align="left" font="{regular}" fontsize="{rowheight}*0.30" color="{clrText}" text="{timers[datetime]}    -    {timers[channelname]}" />
		<drawtext x="0" condition="{timers[recording]}" animtype="blink" animfreq="1000" align="left" y="{rowheight}*0.4" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.30" color="{clrTextActive}" text="{timers[datetime]}    -    {timers[channelname]}" />
		<drawtextbox x="0" y="{rowheight}*0.65" width="{columnwidth}" align="left" maxlines="1" font="{light}" fontsize="{rowheight}*0.3" color="{clrWhite}" text="{timers[title]}" />		
		<drawellipse condition="{timers[recording]}" x="0" y="10" width="{columnwidth}*0.05" height="{columnwidth}*0.05" quadrant="0" color="{clrRed}" animtype="blink" animfreq="1000"  />
		<drawrectangle x="3" y="{rowheight} - 2" width="{columnwidth} -8" height="2" color="{clrGreyLight}" />
            </loop>
        </area>


	<!-- ANZEIGE Timerliste bei <= 2 Timer		-->
        <area condition="{timer1exists} ++ {timer2exists} ++ not{timer3exists}" x="{areawidth}*0.67" y="{areawidth}*0.336" width="{areawidth}*0.33" height="{areaheight}*0.5 - {areawidth}*0.02" layer="3">
            <loop name="timers" x="0" y="2" orientation="vertical" rowheight="{areaheight}/3" columnwidth="{areawidth} - 6" overflow="cut">
		<drawimage cache="true" name="logo" y="10" imagetype="channellogo" path="{timers[channelid]}" height="{rowheight}*0.27" width="{columnwidth}*0.99" align="center" />
                <drawtext x="0" y="{rowheight}*0.4" width="{columnwidth}" align="left" font="{regular}" fontsize="{rowheight}*0.30" color="{clrText}" text="{timers[datetime]}    -    {timers[channelname]}" />
		<drawtext x="0" condition="{timers[recording]}" animtype="blink" animfreq="1000" align="left" y="{rowheight}*0.4" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.30" color="{clrTextActive}" text="{timers[datetime]}    -    {timers[channelname]}" />
		<drawtextbox x="0" y="{rowheight}*0.65" width="{columnwidth}" align="left" maxlines="1" font="{light}" fontsize="{rowheight}*0.3" color="{clrWhite}" text="{timers[title]}" />		
		<drawellipse condition="{timers[recording]}" x="0" y="10" width="{columnwidth}*0.05" height="{columnwidth}*0.05" quadrant="0" color="{clrRed}" animtype="blink" animfreq="1000"  />
		<drawrectangle x="3" y="{rowheight} - 2" width="{columnwidth} -8" height="2" color="{clrGreyLight}" />
            </loop>
        </area>


	<!-- ANZEIGE Timerliste bei >= 3 Timer		-->
        <area condition="{timer1exists} ++ {timer2exists} ++ {timer3exists}" x="{areawidth}*0.67" y="{areawidth}*0.25" width="{areawidth}*0.33" height="{areaheight}*0.5 - {areawidth}*0.02" layer="3">
            <loop name="timers" x="0" y="2" orientation="vertical" rowheight="{areaheight}/3" columnwidth="{areawidth} - 6" overflow="cut">
		<drawimage cache="true" name="logo" y="10" imagetype="channellogo" path="{timers[channelid]}" height="{rowheight}*0.27" width="{columnwidth}*0.99" align="center" />
                <drawtext x="0" y="{rowheight}*0.4" width="{columnwidth}" align="left" font="{regular}" fontsize="{rowheight}*0.30" color="{clrText}" text="{timers[datetime]}    -    {timers[channelname]}" />
		<drawtext x="0" condition="{timers[recording]}" animtype="blink" animfreq="1000" align="left" y="{rowheight}*0.4" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.30" color="{clrTextActive}" text="{timers[datetime]}    -    {timers[channelname]}" />
		<drawtextbox x="0" y="{rowheight}*0.65" width="{columnwidth}" align="left" maxlines="1" font="{light}" fontsize="{rowheight}*0.3" color="{clrWhite}" text="{timers[title]}" />
		<drawellipse condition="{timers[recording]}" x="0" y="10" width="{columnwidth}*0.05" height="{columnwidth}*0.05" quadrant="0" color="{clrRed}" animtype="blink" animfreq="1000"  />
		<drawrectangle x="3" y="{rowheight} - 2" width="{columnwidth} -8" height="2" color="{clrGreyLight}" />
            </loop>
        </area>

Alles anzeigen

Paulaner

louis · 16. Oktober 2015

Cool...sowas ähnliches hatte ich mir mittlerweile auch überlegt

Performancetechnisch ist das kein Thema, die areas, für die die Bedingung nicht zutrifft, werden ja eh nicht ausgegeben. Ausserdem ist das ViewElement ja detached, deshalb wird der Aufbau des Hauptmenüs an sich davon gar nicht beeinflusst.

Ciao Louis

"loop"-Funktion mit Anzeige "vertical" von unten nach oben

Jetzt mitmachen!

Teilen

Benutzer online in diesem Thema