Question

我创建了一个带有自定义项目渲染器的图块列表，并且在功能方面，它可以正常工作。我将项呈示器的宽度和高度减小到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>

提前致谢！：）

Answer 1

对于spark组件，你有autoDrawBackground =“false”

尝试http://blog.flexexamples.com/2010/04/22/removing-the-rollover-and-selection-highlight-on-a-spark-list-control-in-flex-4/

for mx try useRollOver = false

尝试http://blog.flexexamples.com/2008/02/01/disabling-item-roll-over-highlighting-in-the-flex-datagrid-control/

Answer 2

TileList继承paddingTop paddingBottom属性设置应该这样做。

您可以尝试的另一件事是设置TileList的rowHeight并将itemRenderer的高度设置为小于rowHeight的值

Answer 3

我认为你应该玩padding styles family。

如何更改Flex Tile列表中图块之间的创建间隙或悬停图像的宽度，以便您可以在项目之间查看背景图像

3 个答案: