1

カスタム アイテム レンダラーを使用してタイル リストを作成しましたが、機能的には正常に動作します。アイテム レンダラーの幅と高さを 95% に縮小すると、そのアイテムの残りの 5% にタイル リストの背景が表示されます。問題は、アイテムの上にカーソルを置いたときだけ、背景が覆われ、アイテム間に隙間ができなくなることです。ホバーオーバーの高さと幅を変更することはできますか? 簡単なものがありませんか？

<mx:Canvas id="Card2" label="Card2" width="100%" height="100%" backgroundColor="#FFFFFF">
    <mx:TileList id="tlCard2" x="10" y="10" dataProvider="{acCard2}" width="580" height="340" dropEnabled="true" borderThickness="0" maxColumns="4" maxRows="4" rowHeight="85" columnWidth="145" borderColor="#000000" horizontalScrollPolicy="off" verticalScrollPolicy="off" borderStyle="solid" dragMoveEnabled="true" dragEnabled="true" backgroundImage="{imgGuide}" themeColor="#BCBCBC">
        <mx:itemRenderer>
            <mx:Component>                          
                <mx:Image source="{assets/' + data.imageId + '.jpg'+ '?cachekill=\'' + new Date()}" horizontalAlign="center" verticalAlign="middle" width="95%" height="95%" scaleContent="false" maintainAspectRatio="true"/>                              
            </mx:Component>
        </mx:itemRenderer>
    </mx:TileList>
</mx:Canvas>

前もって感謝します！:)

4

3 に答える 3

2

TileList は paddingTop paddingBottom 属性設定を継承し、それらが行う必要があります。

あなたが試すことができるもう1つのことは、TileListのrowHeightを設定し、itemRendererの高さをrowHeightより小さい値に設定することです

于 2011-06-21T19:25:11.510 に答える
2

スパークコンポーネントの場合、 autoDrawBackground="false" があります

http://blog.flexexamples.com/2010/04/22/removing-the-rollover-and-selection-highlight-on-a-spark-list-control-in-flex-4/ を試してください。

mx の場合、useRollOver = false を試してください

http://blog.flexexamples.com/2008/02/01/disabling-item-roll-over-highlighting-in-the-flex-datagrid-control/ を試してください。

于 2011-06-20T15:27:37.480 に答える
1

パディングスタイルファミリーで遊ぶべきだと思います。

于 2011-06-20T15:25:39.277 に答える