Flex 组合框隐藏和显示向下箭头

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

---

想要改进这个问题？通过编辑这篇文章来更新问题，使其仅关注一个问题。

6 年前已关闭。

Answer 1

我找到了一个简单的方法来做到这一点：

setStyle("arrowButtonWidth", 0);

在我的自定义组合框中，我将箭头按钮的初始宽度设置为0。

然后在List更改事件中，

  addEventListener(ListEvent.CHANGE, changeHandler);

如果dataprovider的大小大于1，则将箭头宽度设置回（比如说）20

  setStyle("arrowButtonWidth", 20);

这种方法很多比上述方法更简单。如果您知道我的方法有任何陷阱，请分享。

Answer 2

如何使用具有两种状态的两个组件（文本输入和组合）创建一个简单的自定义画布。
您在一种状态下显示文本输入，在另一种状态下显示组合？

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
    <mx:states>
        <mx:State name="combo">
            <mx:RemoveChild target="{textinput1}"/>
            <mx:AddChild position="lastChild">
                <mx:ComboBox x="48" y="10"></mx:ComboBox>
            </mx:AddChild>
        </mx:State>
    </mx:states>
    <mx:TextInput x="48" y="10" id="textinput1"/>
    <mx:Label x="10" y="12" text="Text"/>

</mx:Canvas>

Answer 3

您还可以为这两种情况提供自定义按钮外观，可以通过更改 styleName 来访问该外观。这可能比 user294702 的解决方案更轻。

例如，对源和符号使用虚拟名称：

.comboBoxWithArrow {
  up-skin: Embed(source="graphics.swf",symbol="comboArrowUp");
  down-skin: Embed(source="graphics.swf",symbol="comboArrowDown");
  over-skin: Embed(source="graphics.swf",symbol="comboArrowOver");
  disabled-skin: Embed(source="graphics.swf",symbol="comboArrowDisabled");
  /* and any other skin states you want to support */
}

.comboBoxWithoutArrow {
  up-skin: Embed(source="graphics.swf",symbol="comboNoArrowUp");
  down-skin: Embed(source="graphics.swf",symbol="comboNoArrowDown");
  over-skin: Embed(source="graphics.swf",symbol="comboNoArrowOver");
  disabled-skin: Embed(source="graphics.swf",symbol="comboNoArrowDisabled");
  /* and any other skin states you want to support */
}

如果您的条件允许，请将 styleName 设置为显示箭头的名称，否则将其设置为不显示箭头的名称。