Problem mit List-Größe

[kev52]

Hi,

ich habe in Flex 4 eine Liste. Diese Liste fülle ich mit verschiedenen Items. Das klappt auch alles super. Wenn ich der Liste nun aber als width - den Wert 100% gebe, so dass die Liste immer die volle Breite nutzt, erschein lediglich das 1 Item und der Rest der Liste ist leer. Sobald ich wieder ohne 100% das ganze starte, ist die Liste wieder komplett - woran kann das liegen? Ist das normal?

Danke euch!!!

[Omega Psi]

Hast du einen eigen Itemrenderer implementiert? Wie wird die Liste verwendet?

[kev52]

jop mit eigenem ItemRenderer - in Flex 3 hatte ich das Problem nie gehabt und so recht erklären kann ich mir das auch nicht

    <!--- The Scroller component to add scroll bars to the list. -->
    <s:Scroller left="15" top="0" right="15" bottom="0" id="scroller" minViewportInset="1" hasFocusableChildren="false">
        <!--- @copy spark.components.SkinnableDataContainer#dataGroup -->
        <s:DataGroup id="dataGroup" itemRenderer="de.kevin.adgames.view.FriendsListItemRenderer">
            <s:layout>
                <!--- The default layout is vertical and measures at least for 5 rows.  
                When switching to a different layout, HorizontalLayout for example,
                make sure to adjust the minWidth, minHeihgt sizes of the skin -->
                <s:TileLayout requestedRowCount="1" orientation="columns" />
            </s:layout>
        </s:DataGroup>
    </s:Scroller>
</s:SparkSkin>

[Omega Psi]

requestedRowCount="1"

? Sicher, dass du das willst??

[kev52]

jop das ganze soll eine Reihe sein quasi

[Omega Psi]

<!--- The Scroller component to add scroll bars to the list. -->
    <s:Scroller left="15" top="0" right="15" bottom="0" id="scroller" minViewportInset="1" hasFocusableChildren="false">
        <!--- @copy spark.components.SkinnableDataContainer#dataGroup -->
        <s:DataGroup id="dataGroup" clipAndEnableScrolling="true" itemRenderer="de.kevin.adgames.view.FriendsListItemRenderer">
            <s:layout>
                <!--- The default layout is vertical and measures at least for 5 rows.  
                When switching to a different layout, HorizontalLayout for example,
                make sure to adjust the minWidth, minHeihgt sizes of the skin -->
                <s:TileLayout requestedRowCount="1" orientation="columns" />
            </s:layout>
        </s:DataGroup>
    </s:Scroller>

Scrolling war nicht enabled.

[kev52]

das hatte ich schon mal probiert, hilft leider nicht.

[Omega Psi]

Und wenn du mal

<s:TileLayout orientation="columns" />

einafch so einbaust? Das Clipping muss aber sein.

[kev52]

ändert leider auch nichts - echt nicht nachvollziehbar das ganze

[Omega Psi]

<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" initialize="initializeHandler(event)">
    <fx:Script>
        <![CDATA[
        import mx.events.FlexEvent;

        private function initializeHandler(event:FlexEvent):void
        {
            const source:Array = [];
            const length:int = 100;
            for (var i:int; i < length; i++)
            {
                source[i] = {label:"item " + i};
            }
            dataProvider.source = source;
            list.dataProvider = dataProvider;
        }

        ]]>
    </fx:Script>

    <fx:Declarations>
        <mx:ArrayCollection id="dataProvider" />
    </fx:Declarations>

    <s:List id="list" height="200" width="200">
        <s:layout>
            <s:TileLayout requestedRowCount="1" />
        </s:layout>
    </s:List>

</s:Application>

Funktioniert perfekt. Du hast entweder

1. einen Itemrenderer mit der Breite 0
2. die Skin falsch gebaut

[kev52]

das Problem war bereits existent, als es noch kein Skin gab und der ItemRenderer hat eine definierte Breite

[Omega Psi]

Hab die default Skin mal selbst modifiziert und gestestet. Es funktioniert alles wie gewünscht. Es wird am Itemrenderer liegen.

[kev52]

der sieht wie folgt aus:

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
				xmlns:s="library://ns.adobe.com/flex/spark" styleName="friendRenderer" 
				xmlns:mx="library://ns.adobe.com/flex/mx" contentBackgroundColor="#FFFFFF" xmlns:view="de.kevin.adgames.view.*">
	<fx:Declarations>
		<!-- Platzieren Sie nichtvisuelle Elemente (z.*B. Dienste, Wertobjekte) hier -->
	</fx:Declarations>
	
	<fx:Script>
		<![CDATA[
			import com.facebook.data.users.FacebookUser;
			
			import de.kevin.adgames.vo.HighScoreVO;
			import de.kevin.adgames.vo.UserVO;
			
			import mx.controls.Alert;
			
			private function onChallengeBtnClicked(event:MouseEvent):void
			{
				Alert.show("Diese Funktion steht in der Testphase noch nicht zur Verfügung.");
			}	
			
		]]>
	</fx:Script>
	<s:VGroup paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5" horizontalAlign="center">
		<s:HGroup verticalAlign="middle">
			<s:Label text="{this.itemIndex + 1}" />
			<s:VGroup horizontalAlign="center">
				<view:FacebookUserView firstName="{(data as UserVO).fbuser.first_name}" image="{(data as UserVO).fbuser.pic_square}" 
									   points="{(data as UserVO).highscore}" />	
			</s:VGroup>		
		</s:HGroup>
		<s:Button id="challengeBtn" label="herausfordern" click="onChallengeBtnClicked(event)" 
				  toolTip="Fordere {(data as UserVO).fbuser.first_name} zum Duell heraus." />
	</s:VGroup>

	
</s:ItemRenderer>