Reply to thread

Message

<blockquote data-quote="bta489" data-source="post: 1025541" data-attributes="member: 138471">III. Eigene Untermenüs erstellenGehen wir noch einen Schritt weiter: Wie wär es denn mit einem Untermenü für den Musikbutton um beispielsweise auch Musikvideos in mvCentral zu starten. Dieses Unterfangen ist etwas umfangreicher, aber nicht wirklich schwieriger. Fangen wir mit dem Menü an sich an. Wir wollen vom Musikmenü ein Untermenü nach rechts öffnen. Das selbe macht das TV-Menü auch, nur an anderer Stelle. Also haben wir schonmal eine Vorlage: In der BasicHome.submenus.xml kopieren wir den gesamten TV-Abschnitt (also vor &lt;!--&nbsp; :: TV ::&nbsp; --&gt; bis vor &lt;!--&nbsp; :: Moving Pictures ::&nbsp; --&gt;) und fügen ihn vor den letzten Zwei Zeilen (&lt;/controls&gt; und &lt;/window&gt;) ein. Den Kommentar ändern wir für die neue Bestimmung in &lt;!--&nbsp; :: Music ::&nbsp; --&gt;.Jetzt beginnt die eigentliche Arbeit. Im ersten Control-Block wird der Hintergrund definiert. Es ist zwar mit dem TV-Menü weitgehend identisch muss aber 'eine Kachel nach links' verschoben werden. Für den Computer ist das eine Verschiebung in X-Richtung (Koordinatensystem in der Schule), wir müssen als die X-Position mit &lt;posX&gt;592&lt;/posX&gt; neu definieren. Das selbe noch für die Menüpunkte an sich im nächsten Block: &lt;posX&gt;685&lt;/posX&gt;.Im Moment verhält es sich allerdings noch wie das TV-Menu, erscheint also nur wenn TV angewählt wird. Dem kann mit ändern des &lt;visible&gt;-Befehls entgegengewirkt werden. Die Zahlen in den Klammern ändern wir von 1000er Nummerierung (1000-1004) In 1200er Nummerierung (also 1200 - 1204).Der nächste Block definiert jetzt die einzelnen Untermenüpunkte. Hier können wir jetzt erstmal die IDs wie eben ändern: Aus &lt;id&gt;100x&lt;/id&gt; werden jeweils &lt;id&gt;120x&lt;/id&gt;. Jetzt sind die einzelnen Menüpunkte für das System eindeutig deklariert (Der &lt;visible&gt;-Befehl von zuvor sagt dass der Hintergrund sichtbar ist, wenn einer der Untermenüpunkte angewählt ist). Anschließend müssen in jedem Control-Block die &lt;ondown&gt;, &lt;onup&gt;, &lt;onleft&gt; und &lt;onright&gt;-Felder angepasst werden. Hier wird bestimmt welches Element angewählt wird wenn ich runter/hoch/rechts/links auf der Fernbedienung drücke. Da die Befehle von TV kopiert wurden stimmt das nicht mehr ganz. &lt;onleft&gt; und &lt;onright&gt; sind bei allen Menüpunkten identisch: nach links zurück auf den Musikbutton (also ID 2), nach rechts auf den TV-Button (ID 4). Wer will kann hier natürlich auch was anderes festlegen. &lt;onup&gt; und &lt;ondown&gt; müssen nun einzeln angepasst werden. ondown das nächste, onup das vorherige. (Das erste Element (ID: 1200) verweist bei &lt;onup&gt; auf das letzte (ID: 1204) und entsprechend &lt;ondown&gt; des letzten Elemnts (ID: 1204) auf das erste (ID: 1200)).Auch hier müssen noch die IDs in den &lt;visible&gt;-Feldern auf die neuen 1200x-IDs angeglichen werden, dass die Menüpunkte sichtbar bleiben wenn das Untermenü aktiv ist. Anschließend können die einzelnen &lt;Control&gt;-Blöcke (also Menü-Unterpunkte) wie gehabt neu zugewiesen&nbsp; werden (&lt;description&gt;, &lt;hyperlink&gt; und &lt;label&gt; anpassen). Da das jetzt vielleicht etwas durcheinander war hier mal der entsprechende Abschnitt wie er bei mir aussieht (mit &lt;!-- Kommentaren --&gt;):[CODE=xml]&lt;!--&nbsp; :: Music ::&nbsp; --&gt;&nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;!-- Ab hier gehts um den blauen Hintergrund --&gt;&nbsp; &nbsp;&nbsp; &lt;description&gt;Background&lt;/description&gt;&nbsp; &nbsp;&nbsp; &lt;id&gt;0&lt;/id&gt;&nbsp; &nbsp;&nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp;&nbsp; &lt;posX&gt;592&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--verschieben des Hintergrunds --&gt;&nbsp; &nbsp;&nbsp; &lt;posY&gt;309&lt;/posY&gt;&nbsp; &nbsp;&nbsp; &lt;width&gt;709&lt;/width&gt;&nbsp; &nbsp;&nbsp; &lt;height&gt;329&lt;/height&gt;&nbsp; &nbsp;&nbsp; &lt;texture&gt;basichome_submenu_bg_r.png&lt;/texture&gt;&nbsp; &nbsp;&nbsp; &lt;visible&gt;control.HasFocus(1200) | control.HasFocus(1201) | control.HasFocus(1202) | control.HasFocus(1203) | control.HasFocus(1204)&lt;/visible&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Hier jeweils aus 100x 120x machen --&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;250&quot;&gt;WindowOpen&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;200&quot;&gt;WindowClose&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;350&quot; delay=&quot;0&quot;&gt;visible&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; start=&quot;-300&quot; end=&quot;0&quot; time=&quot;350&quot;&gt;visible&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;0&quot;&gt;hidden&lt;/animation&gt; &nbsp; &lt;/control&gt;&nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Ab hier gehts um die einzelnen Menüpunkte --&gt;&nbsp; &nbsp; &nbsp; &lt;description&gt;group element&lt;/description&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;group&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;layout&gt;StackLayout(Vertical,true)&lt;/layout&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;250&quot;&gt;WindowOpen&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;200&quot;&gt;WindowClose&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;350&quot; delay=&quot;250&quot;&gt;visible&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;0&quot;&gt;hidden&lt;/animation&gt; &nbsp; &nbsp; &nbsp; &lt;dimColor&gt;0xffffffff&lt;/dimColor&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;685&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;!-- Verschieben der Menüpunkte --&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;378&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- erster Menüpunkt --&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;description&gt;Musik&lt;/description&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Bsp.: Öffnet Musik wie vorher der Button --&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;type&gt;button&lt;/type&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;id&gt;1200&lt;/id&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;!--&nbsp; neue ID um den Menüpunkt zu identifizieren --&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;width&gt;500&lt;/width&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;height&gt;40&lt;/height&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;textureFocus&gt;-&lt;/textureFocus&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;textureNoFocus&gt;-&lt;/textureNoFocus&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;hyperlink&gt;501&lt;/hyperlink&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;!-- Hyperlink auf Musik --&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;label&gt;Musik&lt;/label&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;!-- Beschriftung, so wei er später sichtbar sein wird --&gt; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;font&gt;font12&lt;/font&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;textcolor&gt;FFFFFFFF&lt;/textcolor&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;textalign&gt;left&lt;/textalign&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;textcolorNoFocus&gt;FF000000&lt;/textcolorNoFocus&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;textYOff&gt;0&lt;/textYOff&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;onright&gt;4&lt;/onright&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;!-- nach rechts auf TV --&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;onleft&gt;2&lt;/onleft&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;!-- nach links zurück auf Musik --&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;ondown&gt;1201&lt;/ondown&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- nach unten auf den nächsten Menüpunkt --&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;onup&gt;1204&lt;/onup&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- nach oben auf den letzten Menüpunkt --&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;visible allowhiddenfocus=&quot;true&quot;&gt;control.HasFocus(1200) | control.HasFocus(1201) | control.HasFocus(1202) | control.HasFocus(1203) | control.HasFocus(1204)&lt;/visible&gt;&nbsp; &lt;!-- Sichtbar, wenn einer der Menüpunkte angewählt ist. IDs auf 1200er ändern! --&gt;&nbsp; &nbsp; &lt;/control&gt;&lt;!-- ... --&gt;&lt;!-- genauso für die weiteren Menüpunkte mit IDs 1201-1204--&gt;&lt;/control&gt;[/CODE]Nach diesem Schema kann man nun die 5 Menüpunkte gestalten. Braucht man nicht alle 5 kann man bei dem ungenutzten einfach die &lt;visible allowhiddenfocus....-Zeile bis hinter &lt;/visible&gt; auskommentieren und eine neue Zeile &lt;visible&gt;false&lt;/visible&gt; einfügen. So wird der Menüpunkt ausgeblendet, das Menü funktioniert auch so.Das war die Arbeit für das Untermenü. Als nächstes passen wir den Button in der BasicHome.xml an:Den &lt;!--&nbsp; :: ITEM IMAGES ::&nbsp; --&gt;-Abschnitt von Musik können wir diesmal unverändert lassen, das Bild bleibt ja das gleiche. Allerdings müssen wir dafür sorgen dass wenn das Untermenü eingeblendet wird der darunterliegende Button verschwindet. Für ein Musik-Untermenü muss also der TV-Button ausgeblendet werden. Dazu suchen wir uns zunächst den mit &lt;description&gt;BasicHome TV Focus&lt;/description&gt; bezeichneten Control-Block und erweitern die Werte im &lt;visible&gt;-Feld um unsere neuen Musik-IDs indem wir vor der schließenden eckigen Klammer folgendes einfügen:[CODE]|control.hasfocus(1200)|control.hasfocus(1201)|control.hasfocus(1202)|control.hasfocus(1203)|control.hasfocus(1204)[/CODE]Damit wird schonmal das Bild ausgeblendet. Scrollen wir weiter zum Musik-Button (&lt;description&gt;BasicHome Music&lt;/description&gt;). Der soll uns jetzt nicht mehr direkt zu unserer Musik führen sondern das neue Untermenü öffnen. Deshalb kommentieren wir die gesamte &lt;hyperlink&gt;1200&lt;/hyperlink&gt;-Zeile mit &lt;!-- --&gt; aus (oder löschen sie ganz. Ich würde sie aber nur auskommentieren). Stattdessen fügen wir eine neue Zeile nach der &lt;ondown&gt;-Zeile ein (Ob die Reihenfolge der Zeilen wichtig ist, weiss ich nicht. Ich habs halt so gemacht wie es in den anderen Blöcken auch war):[CODE=xml]&lt;onclick&gt;#(skin.setfocus(35,1200))&lt;/onclick&gt;[/CODE]Dieser Befeh öffnet jetzt kein PlugIn sondern verlagert nur den Fokus (also das was gerade angewählt ist) in das Fenster 35 (wer in der BasicHome.xml ganz hochscrollt sieht dort ganz oben &lt;id&gt;35&lt;/id&gt;) auf das Element 1200, was -wir erinnern uns- unser erster Unterpunkt war.Jetzt haben wir schonmal das Untermenü aufgerufen und das TV-Bild ausgeblendet. Fehlt noch der TV-Button, der sich zwei Blöcke weiter unten (&lt;description&gt;BasicHome TV&lt;/description&gt;) befindet. Hier erweitern wir wie beim Bild die &lt;visible&gt;-Zeile um die selben Elemente:[CODE]|control.hasfocus(1200)|control.hasfocus(1201)|control.hasfocus(1202)|control.hasfocus(1203)|control.hasfocus(1204)[/CODE]Es fehlt noch die Untermenü-Anzeige in der rechten unteren Ecke der Kacheln. Erstens muss die des TV-Buttons für unser Untermenü ausgeblendet werden, Zweitens soll unser Musik-Button auch einen bekommen.Punkt Eins ist schnell erledigt: Im &lt;description&gt;submenu indicator&lt;/description&gt; wird wieder die visible-Zeile um die selben Elemente wie zuvor erweitert (die Code Zeile spar ich mir hier jetz mal, steht ja ein paar Zeilen oberhalb).Um auch dem Musik-Button einen zu spendieren erstellen wir nach dem eben erwähnten Control Block einen neuen:[CODE=xml]&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;description&gt;submenu indicator music&lt;/description&gt;&nbsp; &nbsp; &nbsp; &lt;id&gt;0&lt;/id&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;600&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- neue Position über der Musik-Kachel --&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;557&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;22&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;20&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;basichome_submenu_indicator.png&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;![Control.IsVisible(100)|Control.IsVisible(2000)|Control.IsVisible(3000)|control.HasFocus(200) | control.HasFocus(300) | control.HasFocus(400) | control.HasFocus(500) | control.HasFocus(600) | control.HasFocus(700)]&lt;/visible&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;zoom&quot; start=&quot;100,100&quot; end=&quot;102,102&quot; time=&quot;200&quot; condition=&quot;control.hasfocus(4)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;250&quot;&gt;WindowOpen&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;150&quot;&gt;WindowClose&lt;/animation&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; [/CODE]Auf diese Weise können wir jetzt für jede Kachel ein neues Untermenü erstellen. Für die Unteren Kacheln käme dann noch eine Y-Verschiebung dazu, was aber auch kein Hexenwerk ist.IV. Backdrop/FanartWas ich vorher nicht berücksichtigt habe ist das Thema Backdrops/Fanart. Nach den Änderungen die ich hier vorgestellt habe kann es da zu Unstimmigkeiten kommen (z.B. durch Kacheltausch Radio-Backdrop bei neuer Wetter-Kachel), die ich im folgenden korrigieren will. Die ganze Backdrop-Geschichte wird in der BasicHome.FanartSelected.xml geregelt, die wir uns erstmal in unseren angepasst-Ordner aus I. kopieren und sie in unserem Texteditor aufrufen.Fangen wir bei den getauschten Kacheln an: Wir suchen uns den Abschnitt, den wir getauscht haben zum Beispiel den Radio-Abschnitt und ändern unter &lt;texture&gt; die Bilddatei und passen &lt;description&gt; auch entsprechend an. Haben wir zum Beispiel die Bilder-Kachel getauscht tauchen da plötzlich 2 Control-Einheiten auf. Ich vermute das kommt durch die Durchschaltung verschiedener Backdrops, dass die schön ineinander übergeblendet werden können. Ich habe die Bilder-Kachel gegen OnlineVideos getauscht. Da brauch ich nur ein statisches Backdrop, also habe ich ein Control-Block komplett auskommentiert und in der anderen wie oben &lt;texture&gt; (&lt;texture&gt;hover_OnlineVideos.png&lt;/texture&gt;)und &lt;description&gt; angepasst. Zudem bei &lt;visible&gt; das&nbsp; + control.isvisible(91919298) auskommentiert. Da bin ich mir jetzt nicht ganz sicher was diese ID jetzt genau beschreibt, aber es funktioniert <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />.Für ein neues Untermenü -wie das oben erstellte Musik-Untermenü- suchen wir uns wieder den passenden Control-Block (bzw. Blöcke) und passen die &lt;visible&gt;-Zeile an: Hier stand vorher nur die Kachel an sich drin. Es fehlen die Menüpunkte. Wie bei den getauschten Kacheln findet sich auch hier eine logisch 'Und'-Verknüpfte Anweisung (+ control.isvisible(91919297)) , die wir behalten. Die neue Zeile sollte also (in beiden Blöcken) so aussehen:[CODE=xml]&lt;visible&gt;[control.hasfocus(2) | control.hasfocus(1200) | control.hasfocus(1201) | control.hasfocus(1202) | control.hasfocus(1203) | control.hasfocus(1204)]&nbsp; + control.isvisible(91919297)&lt;/visible&gt;[/CODE]Jetzt werden auch bei den Unterpunkten die passenden Backdrops angezeigt.V. ResultatSo sieht es beispielsweise bei mir jetzt aus:[ATTACH]135881[/ATTACH] [ATTACH]135879[/ATTACH] [ATTACH]135880[/ATTACH]So ist -für mich- der Titan-Skin um einiges praktikabler geworden.Damit sollten die Grundlagen schonmal abgegrast sein um sich ein personalisierten HTPC zu zaubern. Ich hoffe damit auch unerfahrenen Benutzern die Möglichkeit zu geben sich ihr persönliches System zu gestalten.Vielen Dank fürs lesen und ich freue mich natürlich über jegliche Art von Rückmeldung.</blockquote>

[QUOTE="bta489, post: 1025541, member: 138471"] [B]III. Eigene Untermenüs erstellen[/B] Gehen wir noch einen Schritt weiter: Wie wär es denn mit einem Untermenü für den Musikbutton um beispielsweise auch Musikvideos in mvCentral zu starten. Dieses Unterfangen ist etwas umfangreicher, aber nicht wirklich schwieriger. Fangen wir mit dem Menü an sich an. Wir wollen vom Musikmenü ein Untermenü nach rechts öffnen. Das selbe macht das TV-Menü auch, nur an anderer Stelle. Also haben wir schonmal eine Vorlage: In der [COLOR=#0059b3][I]BasicHome.submenus.xml[/I][/COLOR] kopieren wir den gesamten TV-Abschnitt (also vor [COLOR=#00b300][/COLOR] bis vor [COLOR=#00b300][/COLOR]) und fügen ihn vor den letzten Zwei Zeilen ([B]</controls>[/B] und [B]</window>[/B]) ein. Den Kommentar ändern wir für die neue Bestimmung in [COLOR=#00b300][/COLOR]. Jetzt beginnt die eigentliche Arbeit. Im ersten Control-Block wird der Hintergrund definiert. Es ist zwar mit dem TV-Menü weitgehend identisch muss aber 'eine Kachel nach links' verschoben werden. Für den Computer ist das eine Verschiebung in X-Richtung (Koordinatensystem in der Schule), wir müssen als die X-Position mit [B]<posX>592</posX>[/B] neu definieren. Das selbe noch für die Menüpunkte an sich im nächsten Block: [B]<posX>685</posX>[/B]. Im Moment verhält es sich allerdings noch wie das TV-Menu, erscheint also nur wenn TV angewählt wird. Dem kann mit ändern des [B]<visible>[/B]-Befehls entgegengewirkt werden. Die Zahlen in den Klammern ändern wir von 1000er Nummerierung (1000-1004) In 1200er Nummerierung (also 1200 - 1204). Der nächste Block definiert jetzt die einzelnen Untermenüpunkte. Hier können wir jetzt erstmal die IDs wie eben ändern: Aus [B]<id>100[/B]x[B]</id>[/B] werden jeweils [B]<id>120[/B]x[B]</id>[/B]. Jetzt sind die einzelnen Menüpunkte für das System eindeutig deklariert (Der [B]<visible>[/B]-Befehl von zuvor sagt dass der Hintergrund sichtbar ist, wenn einer der Untermenüpunkte angewählt ist). Anschließend müssen in jedem Control-Block die [B]<ondown>[/B], [B]<onup>[/B], [B]<onleft>[/B] und [B]<onright>[/B]-Felder angepasst werden. Hier wird bestimmt welches Element angewählt wird wenn ich runter/hoch/rechts/links auf der Fernbedienung drücke. Da die Befehle von TV kopiert wurden stimmt das nicht mehr ganz. [B]<onleft>[/B] und [B]<onright>[/B] sind bei allen Menüpunkten identisch: nach links zurück auf den Musikbutton (also ID 2), nach rechts auf den TV-Button (ID 4). Wer will kann hier natürlich auch was anderes festlegen. <onup> und <ondown> müssen nun einzeln angepasst werden. ondown das nächste, onup das vorherige. (Das erste Element (ID: 1200) verweist bei [B]<onup>[/B] auf das letzte (ID: 1204) und entsprechend [B]<ondown>[/B] des letzten Elemnts (ID: 1204) auf das erste (ID: 1200)). Auch hier müssen noch die IDs in den [B]<visible>[/B]-Feldern auf die neuen 1200x-IDs angeglichen werden, dass die Menüpunkte sichtbar bleiben wenn das Untermenü aktiv ist. Anschließend können die einzelnen <Control>-Blöcke (also Menü-Unterpunkte) wie gehabt neu zugewiesen werden ([B]<description>[/B], [B]<hyperlink>[/B] und [B]<label>[/B] anpassen). Da das jetzt vielleicht etwas durcheinander war hier mal der entsprechende Abschnitt wie er bei mir aussieht (mit [COLOR=#00b300][/COLOR]): [CODE=xml] <control>  <description>Background</description> <id>0</id> <type>image</type> <posX>592</posX>  <posY>309</posY> <width>709</width> <height>329</height> <texture>basichome_submenu_bg_r.png</texture> <visible>control.HasFocus(1200) | control.HasFocus(1201) | control.HasFocus(1202) | control.HasFocus(1203) | control.HasFocus(1204)</visible>  <animation effect="fade" time="250">WindowOpen</animation> <animation effect="fade" time="200">WindowClose</animation> <animation effect="fade" time="350" delay="0">visible</animation> <animation effect="slide" start="-300" end="0" time="350">visible</animation> <animation effect="fade" time="0">hidden</animation> </control> <control>  <description>group element</description> <type>group</type> <layout>StackLayout(Vertical,true)</layout> <animation effect="fade" time="250">WindowOpen</animation> <animation effect="fade" time="200">WindowClose</animation> <animation effect="fade" time="350" delay="250">visible</animation> <animation effect="fade" time="0">hidden</animation> <dimColor>0xffffffff</dimColor> <posX>685</posX>  <posY>378</posY> <control>  <description>Musik</description>  <type>button</type> <id>1200</id>  <width>500</width> <height>40</height> <textureFocus>-</textureFocus> <textureNoFocus>-</textureNoFocus> <hyperlink>501</hyperlink>  <label>Musik</label>  font12 <textcolor>FFFFFFFF</textcolor> <textalign>left</textalign> <textcolorNoFocus>FF000000</textcolorNoFocus> <textYOff>0</textYOff> <onright>4</onright>  <onleft>2</onleft>  <ondown>1201</ondown>  <onup>1204</onup>  <visible allowhiddenfocus="true">control.HasFocus(1200) | control.HasFocus(1201) | control.HasFocus(1202) | control.HasFocus(1203) | control.HasFocus(1204)</visible>  </control>   </control>[/CODE] Nach diesem Schema kann man nun die 5 Menüpunkte gestalten. Braucht man nicht alle 5 kann man bei dem ungenutzten einfach die [B]<visible allowhiddenfocus....[/B]-Zeile bis hinter [B]</visible>[/B] auskommentieren und eine neue Zeile [B]<visible>false</visible>[/B] einfügen. So wird der Menüpunkt ausgeblendet, das Menü funktioniert auch so. Das war die Arbeit für das Untermenü. Als nächstes passen wir den Button in der [COLOR=#0059b3][I]BasicHome.xml[/I][/COLOR] an: Den [COLOR=#00b300][/COLOR]-Abschnitt von Musik können wir diesmal unverändert lassen, das Bild bleibt ja das gleiche. Allerdings müssen wir dafür sorgen dass wenn das Untermenü eingeblendet wird der darunterliegende Button verschwindet. Für ein Musik-Untermenü muss also der TV-Button ausgeblendet werden. Dazu suchen wir uns zunächst den mit [B]<description>BasicHome TV Focus</description>[/B] bezeichneten Control-Block und erweitern die Werte im [B]<visible>[/B]-Feld um unsere neuen Musik-IDs indem wir vor der schließenden eckigen Klammer folgendes einfügen: [CODE]|control.hasfocus(1200)|control.hasfocus(1201)|control.hasfocus(1202)|control.hasfocus(1203)|control.hasfocus(1204)[/CODE] Damit wird schonmal das Bild ausgeblendet. Scrollen wir weiter zum Musik-Button ([B]<description>BasicHome Music</description>[/B]). Der soll uns jetzt nicht mehr direkt zu unserer Musik führen sondern das neue Untermenü öffnen. Deshalb kommentieren wir die gesamte [B]<hyperlink>1200</hyperlink>[/B]-Zeile mit [COLOR=#00b300][/COLOR] aus (oder löschen sie ganz. Ich würde sie aber nur auskommentieren). Stattdessen fügen wir eine neue Zeile nach der [B]<ondown>[/B]-Zeile ein (Ob die Reihenfolge der Zeilen wichtig ist, weiss ich nicht. Ich habs halt so gemacht wie es in den anderen Blöcken auch war): [CODE=xml]<onclick>#(skin.setfocus(35,1200))</onclick>[/CODE] Dieser Befeh öffnet jetzt kein PlugIn sondern verlagert nur den Fokus (also das was gerade angewählt ist) in das Fenster 35 (wer in der [COLOR=#0000b3][I]BasicHome.xml[/I][/COLOR] ganz hochscrollt sieht dort ganz oben [B]<id>35</id>[/B]) auf das Element 1200, was -wir erinnern uns- unser erster Unterpunkt war. Jetzt haben wir schonmal das Untermenü aufgerufen und das TV-Bild ausgeblendet. Fehlt noch der TV-Button, der sich zwei Blöcke weiter unten ([B]<description>BasicHome TV</description>[/B]) befindet. Hier erweitern wir wie beim Bild die [B]<visible>[/B]-Zeile um die selben Elemente: [CODE]|control.hasfocus(1200)|control.hasfocus(1201)|control.hasfocus(1202)|control.hasfocus(1203)|control.hasfocus(1204)[/CODE] Es fehlt noch die Untermenü-Anzeige in der rechten unteren Ecke der Kacheln. Erstens muss die des TV-Buttons für unser Untermenü ausgeblendet werden, Zweitens soll unser Musik-Button auch einen bekommen. Punkt Eins ist schnell erledigt: Im [B]<description>submenu indicator</description>[/B] wird wieder die visible-Zeile um die selben Elemente wie zuvor erweitert (die Code Zeile spar ich mir hier jetz mal, steht ja ein paar Zeilen oberhalb). Um auch dem Musik-Button einen zu spendieren erstellen wir nach dem eben erwähnten Control Block einen neuen: [CODE=xml] <control> <description>submenu indicator music</description> <id>0</id> <type>image</type> <posX>600</posX>  <posY>557</posY> <width>22</width> <height>20</height> <texture>basichome_submenu_indicator.png</texture> <visible>![Control.IsVisible(100)|Control.IsVisible(2000)|Control.IsVisible(3000)|control.HasFocus(200) | control.HasFocus(300) | control.HasFocus(400) | control.HasFocus(500) | control.HasFocus(600) | control.HasFocus(700)]</visible> <animation effect="zoom" start="100,100" end="102,102" time="200" condition="control.hasfocus(4)">conditional</animation> <animation effect="fade" time="250">WindowOpen</animation> <animation effect="fade" time="150">WindowClose</animation> </control> [/CODE] Auf diese Weise können wir jetzt für jede Kachel ein neues Untermenü erstellen. Für die Unteren Kacheln käme dann noch eine Y-Verschiebung dazu, was aber auch kein Hexenwerk ist. [B]IV. Backdrop/Fanart[/B] Was ich vorher nicht berücksichtigt habe ist das Thema Backdrops/Fanart. Nach den Änderungen die ich hier vorgestellt habe kann es da zu Unstimmigkeiten kommen (z.B. durch Kacheltausch Radio-Backdrop bei neuer Wetter-Kachel), die ich im folgenden korrigieren will. Die ganze Backdrop-Geschichte wird in der [COLOR=#0059b3][I]BasicHome.FanartSelected.xml[/I][/COLOR] geregelt, die wir uns erstmal in unseren [I]angepasst[/I]-Ordner aus [B]I.[/B] kopieren und sie in unserem Texteditor aufrufen. Fangen wir bei den getauschten Kacheln an: Wir suchen uns den Abschnitt, den wir getauscht haben zum Beispiel den Radio-Abschnitt und ändern unter [B]<texture>[/B] die Bilddatei und passen [B]<description>[/B] auch entsprechend an. Haben wir zum Beispiel die Bilder-Kachel getauscht tauchen da plötzlich 2 Control-Einheiten auf. Ich vermute das kommt durch die Durchschaltung verschiedener Backdrops, dass die schön ineinander übergeblendet werden können. Ich habe die Bilder-Kachel gegen OnlineVideos getauscht. Da brauch ich nur ein statisches Backdrop, also habe ich ein Control-Block komplett auskommentiert und in der anderen wie oben [B]<texture>[/B] ([B]<texture>hover_OnlineVideos.png</texture>[/B])und [B]<description>[/B] angepasst. Zudem bei [B]<visible>[/B] das [B][I]+ control.isvisible(91919298)[/I][/B] auskommentiert. Da bin ich mir jetzt nicht ganz sicher was diese ID jetzt genau beschreibt, aber es funktioniert :). Für ein neues Untermenü -wie das oben erstellte Musik-Untermenü- suchen wir uns wieder den passenden Control-Block (bzw. Blöcke) und passen die [B]<visible>[/B]-Zeile an: Hier stand vorher nur die Kachel an sich drin. Es fehlen die Menüpunkte. Wie bei den getauschten Kacheln findet sich auch hier eine logisch 'Und'-Verknüpfte Anweisung ([B]+ control.isvisible(91919297)[/B]) , die wir behalten. Die neue Zeile sollte also (in beiden Blöcken) so aussehen: [CODE=xml]<visible>[control.hasfocus(2) | control.hasfocus(1200) | control.hasfocus(1201) | control.hasfocus(1202) | control.hasfocus(1203) | control.hasfocus(1204)] + control.isvisible(91919297)</visible>[/CODE] Jetzt werden auch bei den Unterpunkten die passenden Backdrops angezeigt. [B]V. Resultat[/B] So sieht es beispielsweise bei mir jetzt aus: [ATTACH]135881[/ATTACH] [ATTACH]135879[/ATTACH] [ATTACH]135880[/ATTACH] So ist -für mich- der Titan-Skin um einiges praktikabler geworden. Damit sollten die Grundlagen schonmal abgegrast sein um sich ein personalisierten HTPC zu zaubern. Ich hoffe damit auch unerfahrenen Benutzern die Möglichkeit zu geben sich ihr persönliches System zu gestalten. Vielen Dank fürs lesen und ich freue mich natürlich über jegliche Art von Rückmeldung. [/QUOTE]

Verification