[Client]

Systémové funkce hlavního menu - nový formát

Jde o tři resp. čtyři ikony v záhlaví hlavního menu - Napájení, Nastavení, Hledání resp. Full screen. Už dlouho přemýšlím, jak je upravit a zejména rozšířit, ale tak, jak jsou definovány, jako řada jendotlivých ikon v control bloku typu grouplist id=700, se mi to nikdy rozumně nepodařilo. Proto jsem se odhodlal k radikálnímu řešení a změnil volbu na použití control bloku fixedlist. Bylo to sice o trochu více práce, ale výsledek stojí za to. Pokud někdo ze začínajících skinerů bude mít zájem, uvádím řešení níže.

Kromě toho, že jsem změnil princip, což m.j. umožnilo vložit do seznamu více voleb, které rolují, potlačil jsem grafické vyznění tak, aby ten seznam příliš nevynikal. Podle mne má v tomto místě být dominantní hlavní menu. Na druhou stranu, když už se člověk rozhodne ho použít, měl by se chovat jako každý jiný seznam a jasně a jednoznačně ukazovat to, co je podstatné a důležité. Není-li tedy daný seznam navolen, jsou jeho ikony potlačené (šedivé) a teprve v okamžiku, jakmile na něj uživatel najede, tak se ta aktuálně vybraná funkce zvýrazní (ikona změní barvu na bílou) a navíc se po ní objeví její stručný popis. Kdyby někdo chtěl zachovat původní barevné řešení, neměl by to být problém. Definici ikon najdete mezi tagy <focusedlayout></focusedlayout> a <itemlayout></itemlayout>.

Jak takové řešení vypadá je vidět zde:
[attachment=6340][attachment=6341][attachment=6342]
Počet voleb je neomezený, seznam roluje v šíři odpovídající šíři pozadí hlavního menu. Položky menu se definují v části <content></content>. Co se týče ikon, pomohl jsme si vlastní definicí ve skinu (to jsou ty odkazy začínající special://skin/...), případně se lze podívat do souboru textur skinu a najít tam příslušné odpovídající.

Edituje se soubor home.xml. Pokud chcete používat toto řešení, je samozřejmě třeba původní control blok grouplist id=700 odstranit (odkomentovat). Také je to možné řešit volbou v nastavení skinu - tzn. vybrat si mezi původním a novým způsobem zobrazení tohoto menu, ale to už si ti zkušenější pořeší sami.

Kód je níže, bohužel nová verze fóra nepřenese do položky code tabulátory, proto je ten zápis lineární:

Kód:

<control type="fixedlist" id="700"> <!-- SC+ -->
<left>7</left>
<top>170</top>
<width>450</width>
<height>110</height>
<orientation>horizontal</orientation>
<movement>5</movement>
<focusposition>0</focusposition>
<onup>SetFocus(9000)</onup>
<onup>PageDown</onup>
<onup>PageDown</onup>
<ondown>SetFocus(9000)</ondown>
<ondown>PageUp</ondown>
<ondown>PageUp</ondown>
<onright>700</onright>
<onleft>700</onleft>
<scrolltime tween="cubic" easing="out">500</scrolltime>
<focusedlayout width="92">
<width>92</width>
<align>center</align>
<control type="image">
<left>20</left>
<width>40</width>
<height>40</height>
<align>center</align>
<texture>$INFO[ListItem.Art(thumb)]</texture>
<visible>Control.HasFocus(700)</visible>
</control>
<control type="image">
<left>20</left>
<width>40</width>
<height>40</height>
<align>center</align>
<texture colordiffuse="44FFFFFF">$INFO[ListItem.Art(thumb)]</texture>
<visible>!Control.HasFocus(700)</visible>
</control>
<control type="label">
<top>40</top>
<left>-2</left>
<width>80</width>
<align>center</align>
<font>font_flagL</font>
<label>$INFO[ListItem.Label]</label>
<shadowcolor>text_shadow</shadowcolor>
<visible>Control.HasFocus(700)</visible>
</control>
<control type="label">
<top>55</top>
<left>-2</left>
<width>80</width>
<align>center</align>
<font>font_flagL</font>
<label>$INFO[ListItem.Label2]</label>
<shadowcolor>text_shadow</shadowcolor>
<visible>Control.HasFocus(700)</visible>
</control>
</focusedlayout>
<itemlayout width="92">
<control type="image">
<left>20</left>
<width>40</width>
<height>40</height>
<align>center</align>
<texture colordiffuse="44FFFFFF">$INFO[ListItem.Art(thumb)]</texture>
</control>
</itemlayout>
<content>
<item>
<label>Napájení</label>
<label2></label2>
<onclick>ActivateWindow(shutdownmenu)</onclick>
<thumb>icons/power.png</thumb>
</item>
<item>
<label>Hledání</label>
<label2></label2>
<onclick>ActivateWindow(1107)</onclick>
<thumb>icons/search.png</thumb>
</item>
<item>
<label>Files</label>
<label2>Manager</label2>
<onclick>ActivateWindow(filemanager)</onclick>
<thumb>icons/filemanager.png</thumb>
</item>
<item>
<label>System</label>
<label2>Setting</label2>
<onclick>ActivateWindow(settings)</onclick>
<thumb>icons/settings.png</thumb>
</item>
<item>
<label>Skin</label>
<label2>Setting</label2>
<onclick>ActivateWindow(SkinSettings)</onclick>
<thumb>special://skin/extras/icons/skin.png</thumb>
</item>
<item>
<label>System</label>
<label2>Info</label2>
<onclick>ActivateWindow(systeminfo)</onclick>
<thumb>special://skin/extras/icons/sysinfo.png</thumb>
</item>
<item>
<label>Full</label>
<label2>Screen</label2>
<onclick>Fullscreen</onclick>
<thumb>icons/now-playing/fullscreen.png</thumb>
<visible>Player.HasMedia</visible>
</item>
</content>
</control>