Question

我有一个简单的应用程序，它包含一个HSlider和一个包含项目渲染器的列表，该渲染器具有由tile布局管理的边框容器。出于某种原因，当移动滑块以减小项目渲染器的大小时，它只会减小到一定的大小而不会进一步减小。我在flex 3中使用相同的原理（使用mx组件，它工作正常）。知道我在这里做错了吗？

这是应用程序mxml：

<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" minWidth="955" minHeight="600">
<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>

<s:HSlider id="thumbSize" layoutDirection="ltr" snapInterval=".25" showDataTip="true" minimum=".8" maximum="2" value="2" liveDragging="true"/>

<s:List id="photosList"
        itemRenderer="ImageRender"
        horizontalCenter="0" verticalCenter="14" width="100%" height="90%" borderAlpha="0" selectionColor="white" allowMultipleSelection="true" rollOverColor="white">
    <s:layout>
        <s:TileLayout columnWidth="{80*thumbSize.value}" rowHeight="{79.5*thumbSize.value}" horizontalGap="0" useVirtualLayout="true"/>
    </s:layout>
    <s:dataProvider>
        <s:ArrayList>
            <fx:Object/>
            <fx:Object/>
            <fx:Object/>
            <fx:Object/>

        </s:ArrayList>
    </s:dataProvider>
</s:List>
</s:Application>

对于项目渲染器：

<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
            xmlns:s="library://ns.adobe.com/flex/spark" 
            xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:BorderContainer  cornerRadius="19" top="0" bottom="0" left="0" right="0" borderAlpha="1" borderWeight="3" borderColor="0xc0c0c0"  backgroundColor="0xD3D3D3"  >
    <mx:Image id="img" top="5" bottom="20" right="5" left="5" horizontalAlign="center" verticalAlign="middle" source="http://xmxsolutions.com/images/flex_logo.jpg"  maintainAspectRatio="true"/>
</s:BorderContainer>
</s:ItemRenderer>

这适用于任何flex 4应用程序。

感谢任何人都可以给我的指示

Answer 1

根据文档，

BorderContainer的最小尺寸为112像素宽，112像素高。

我怀疑可以通过设置explicitMinWidth和explicitMinHeight或measuredMinWidth或measuredMinHeight来缩小它们。但我也没有测试过。可能会minHeight和minWidth发挥作用。

Flex 4的HSlider和TileLayout调整大小问题

1 个答案: