I had item renderer inside tile list, so I added VBox up to image (or other element) and there it’s possible to add gap.

I have the same question like chandra shekar. Is that possible to add columnscell gap in some way?

I have idea about blank element – but there’ll be problem with “selectable” of that kind of element…

Maybe is some way without stupid, irracional combination?

Yes I did

i have a tilelist with four columns and variable rows.
but now i need a gap between column cells and at the same time i need a smooth scrolling for tilelist
when i have more no of items.for scrolling now i am using with variable row height. for my tilelist
two bars are there one is upbar image above the tilelist and downbar below the tilelist. when we drag item
near to the bars the tilelist wants to start action of scrolling smoothly
these are twoissues i need ;
1) columncells gap
2) smooth scrolling

thanks

I believe you can set the horizontalScrollPolicy and/or verticalScrollPolicy properties to “off” and then just set the horizontalScrollPosition property to programmatically scroll the content. Something like this should do the trick (although you’ll have to tweak the code if you want it to scroll vertically instead of horizontally):

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="absolute">
 
    <mx:Script>
        <![CDATA[
            private function scrollPrev():void {
                var value:Number = Math.max(tileList.horizontalScrollPosition-1, 0);
                tileList.horizontalScrollPosition = value;
            }
 
            private function scrollNext():void {
                var value:Number = Math.min(tileList.horizontalScrollPosition+1, tileList.maxHorizontalScrollPosition);
                tileList.horizontalScrollPosition = value;
            }
        ]]>
    </mx:Script>
 
    <mx:HBox horizontalGap="0"
            horizontalCenter="0"
            verticalCenter="0">
        <mx:Button label="Prev"
                click="scrollPrev();"
                height="100%"
                cornerRadius="0" />
        <mx:TileList id="tileList"
                dataProvider="[One,Two,Three,Four,Five,Six,Seven,Eight,Nine,Ten]"
                direction="vertical"
                columnCount="3"
                rowCount="2"
                columnWidth="100"
                rowHeight="80"
                horizontalScrollPolicy="off"
                verticalScrollPolicy="off"/>
        <mx:Button label="Next"
                click="scrollNext();"
                height="100%"
                cornerRadius="0" />
    </mx:HBox>
 
</mx:Application>

Peter

Thanks for your help,
SHAH

Instead of specifying the columnWidth property, set the width property on the TileList object:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application name="TileList_columnCount_test"
        xmlns:mx="http://www.adobe.com/2006/mxml&quot;
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:ArrayCollection id="arrColl">
        <mx:source>
            <mx:Array>
                <mx:Object label="One" />
                <mx:Object label="Two" />
                <mx:Object label="Three" />
                <mx:Object label="Four" />
                <mx:Object label="Five" />
                <mx:Object label="Six" />
                <mx:Object label="Seven" />
                <mx:Object label="Eight" />
                <mx:Object label="Nine" />
                <mx:Object label="Ten" />
            </mx:Array>
        </mx:source>
    </mx:ArrayCollection>

    <mx:ApplicationControlBar dock="true">
        <mx:Form styleName="plain">
            <mx:FormItem label="columnCount:">
                <mx:HSlider id="slider"
                        minimum="1"
                        maximum="5"
                        value="5"
                        snapInterval="1"
                        tickInterval="1"
                        liveDragging="true" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>

    <mx:TileList id="tileList"
            dataProvider="{arrColl}"
            columnCount="{slider.value}"
            width="600"
            rowCount="2"
            rowHeight="100"
            verticalScrollPolicy="on" />

</mx:Application>

Peter