Wie Right Align

tdoe

Hallo,

ich hab ein Problem mit einer Control-Group mit einer Control List drin.
Jetzt möchtee ich die Liste in der Controlgroup rechtsbündig haben egal wieviele Elemente enthalten sind, nur ich bekomme es gerade nicht hin... hat mir jemand nen Tip was ich falsch mache?

Hier der verwendete Code:

Code

<control type="group">
				<left>700</left>
				<top>1</top>
                                <posx>700</posx>
                                <align>right</align>
			        <width>700</width>	
				<control type="list" id="8100">
				<left>0</left>
					<top>0</top>
					<width>1200</width>
					<height>40</height>
                                        <align>right</align>
					<viewtype label="535">list</viewtype>
					<pagecontrol>-</pagecontrol>
					<scrolltime>200</scrolltime>
					<orientation>Horizontal</orientation>
					<itemlayout height="40" width="50">
						<control type="image">
							<left>10r</left>
							<top>0</top>
							<width>35</width>
							<height>35</height>
							<texture background="true">$INFO[ListItem.Icon]</texture>
							<aspectratio>keep</aspectratio>
 						</control>
					</itemlayout>
					<focusedlayout height="40" width="50">
						<control type="image">
							<left>10r</left>
							<top>0</top>
							<width>35</width>
							<height>35</height>
							<texture background="true">$INFO[ListItem.Icon]</texture>
							<aspectratio>keep</aspectratio>
						</control>
					</focusedlayout>
					<content>plugin://service.infocollector/?methode=get_container</content>
				</control>
			</control>

Alles anzeigen

Danke und Gruß
Tobias

don

Zitat von tdoe

<align>right</align>

müßte es nicht (geraten) alignx oder aligny heißen?

Tiroler

Zu dem Thema habe ich mir auch schon einen Wolf gesucht. Das <align> funktioniert halt nur in Verbindung mit Labels, also mit Text, nicht aber mit Image- oder sonstigen Controls. Die einzige funktionierende Lösung die ich gefunden habe ist die, mit Animationen zu arbeiten. Das folgende Beispiel ordnet in meinem Skin den Inhalt eines Panel-Containers mittig auf dem Screen an, abhängig von der Anzahl der enthaltenen Objekte:

Code

<animation effect="slide" start="0,0" end="-35,0" time="0" condition="String.IsEqual(Container(9003).NumItems,12)">conditional</animation>
        <animation effect="slide" start="0,0" end="20,0" time="0" condition="String.IsEqual(Container(9003).NumItems,11)">conditional</animation>
        <animation effect="slide" start="0,0" end="75,0" time="0" condition="String.IsEqual(Container(9003).NumItems,10)">conditional</animation>
        <animation effect="slide" start="0,0" end="130,0" time="0" condition="String.IsEqual(Container(9003).NumItems,9)">conditional</animation>
        <animation effect="slide" start="0,0" end="185,0" time="0" condition="String.IsEqual(Container(9003).NumItems,8)">conditional</animation>
        <animation effect="slide" start="0,0" end="240,0" time="0" condition="String.IsEqual(Container(9003).NumItems,7)">conditional</animation>
        <animation effect="slide" start="0,0" end="295,0" time="0" condition="String.IsEqual(Container(9003).NumItems,6)">conditional</animation>
        <animation effect="slide" start="0,0" end="350,0" time="0" condition="String.IsEqual(Container(9003).NumItems,5)">conditional</animation>
        <animation effect="slide" start="0,0" end="405,0" time="0" condition="String.IsEqual(Container(9003).NumItems,4)">conditional</animation>
        <animation effect="slide" start="0,0" end="460,0" time="0" condition="String.IsEqual(Container(9003).NumItems,3)">conditional</animation>
        <animation effect="slide" start="0,0" end="515,0" time="0" condition="String.IsEqual(Container(9003).NumItems,2)">conditional</animation>
        <animation effect="slide" start="0,0" end="570,0" time="0" condition="String.IsEqual(Container(9003).NumItems,1)">conditional</animation>

Alles anzeigen

Es sind hier also maximal 12 Controls im Container möglich, für jede Anzahl gibt es einen definierten Endpunkt. Wichtig dabei: es werden nicht die Controls im Panel sondern der Panel-Container selber positioniert. Das Ganze lässt sich gemäß Schema auch auf beliebigen "Füllgrad" erweitern. Das macht Arbeit, aber es funktioniert!

tdoe

Moin Moin,

danke an alle,
das von Tiroler hat funktioniert.

Gruß Tobias

Marc0810

Zitat von don

müßte es nicht (geraten) alignx oder aligny heißen?

alignx gibts nicht.

Align = Textausrichtung im Rahmen horizontal: links, rechts oder zentriert
Aligny = Textausrichtung im Rahmen vertikal: oben, zentriert (unten gibts Dummerweise nicht, nur für grafiken)
Textoffsetx = Innenabstand horizontal (allerdings für beide Seiten)
Textoffsety = Innenabstand vertikal (funktioniert aber nur mit Aligny = top)

In Grafiken kann man bei Aspect ratio noch die Ausrichtung bestimmen:

align = horizontale Ausrichtung: links, rechts oder zentriert
aligny = vertikal Ausrichtung: oben, zentriert, unten

Ist aspect ratio scale kann man damit steuern was abgeschnitten wird:
Align center würde links und rechts was Abschneiden wenn das Image zu breit ist.
Align left eben doppelt so viel nur rechts.
Ist aspect ratio stretch macht das keinen sinn.
Mit aspect ratio keep kann man aber steuern ob ein Bild sich in der breite von links oder rechts "verbreitert".

Eine Liste kann man nicht Ausrichten mit align weil sie eine feste breite hat, egal wie viele items mit deren breite "belegt" sind.
Eine Liste die 1000 Pixel hat ist immer 1000 Pixel breit, egal ob nur 50% "belegt" sind. Deswegen kann man das nur wie Tiroler
sagt mit Animationen machen.

Zumindest ist das die einfachst Lösung denk ich.

Grüße

Jetzt mitmachen!