Странное отображение при прокрутке изображений внутри компонента List в Flex

Question

У меня есть список, который отображает фотографии, подобные им:

             <s:List id="thumnPhotosList" 
                     dataProvider="{_model.photoAlbumToCreate.photos}"
                     height="450"
                     itemRenderer="PhotoRenderer" >
                 <s:layout>
                     <s:TileLayout orientation="columns"
                                   requestedRowCount="4"
                                   requestedColumnCount="3" />
                 </s:layout>
             </s:List>

и PhotoRenderer имеет такой код:

......

<mx:Image source="{_model.url + theAlbumPhoto.thumbPhotoURL}"
                          visible="{theAlbumPhoto.ready}"
                          maintainAspectRatio="true"
                          maxWidth="{Constants.DEFAULT_ALBUM_PHOTO_WIDTH}" maxHeight="{Constants.DEFAULT_ALBUM_PHOTO_HEIGHT}" />    

........

Что отлично работает, за исключением случаев, когда количество фотографий увеличивается, и появляется полоса прокрутки, и она начинает вести себя странно: она начинает показывать фотографии, отличные от тех, которые должны, и если я прокручиваю назад к началу и снова прокручиваю к новым фотографиям, другие появляется иногда правильные, а иногда нет. Не знаете, как решить эту проблему, есть идеи? Вы также можете порекомендовать другой способ, чем использовать s: List, если это облегчает задачу.

Answer 1

Поскольку я не мог понять, в чем проблема, и не мог воспроизвести ее в отдельном приложении. Я придумал следующий код, который решил проблему:

             <s:Scroller id="photoScroller"
                         width="100%"
                         visible="{_model.photoAlbumToCreateOrUpdate.photos.length > 0}"
                         horizontalScrollPolicy="off" verticalScrollPolicy="auto"
                         skinClass="com.lal.skins.PhotoAlbumScrollerSkin"
                         top="50" bottom="0"> 

                     <s:DataGroup id="thumnPhotosList"
                                  dataProvider="{_model.photoAlbumToCreateOrUpdate.photos}"
                                  itemRenderer="AlbumPhotoThumbRenderer" >
                         <s:layout>
                             <s:TileLayout orientation="rows"
                                           requestedRowCount="4"
                                           requestedColumnCount="4" />
                         </s:layout>
                     </s:DataGroup>
             </s:Scroller>

Answer 2

У меня была такая же проблема с компонентом Image в программе визуализации пользовательских элементов, которую я использовал в TileList.Я исправил это, не зная как, но проблема заключалась в свойстве источника компонента Image в средстве визуализации элементов.

Идея в средствах визуализации элементов заключается в использовании переменной data для доступа к элементу, питающему средство визуализации,На что ссылаются переменные _model и theAlbumPhoto в вашем рендерере?В итоге я изменил свойство источника на что-то более похожее на data.image_path, и он решил начать работать.

Если вы довольны своим решением, надеюсь, это по крайней мере может кому-то помочьостальное.

Answer 3

У меня была такая же проблема с текстом List, я думаю, что это проблема с заполнением, организуйте подкладку для всех компонентов, которые могут помочь.