当设置高度和宽度时,为什么Spark TextArea很小?

这是我的问题,相当明显:[img at bottom] 正如您所看到的,问题是文本(高度和宽度)与我通过Flex 4中的Main.mxml文件设置的组件(Spark TextArea)的高度和宽度完全不同。这让我感到沮丧这么多,因为没有人能告诉我为什么会这样,或者如何解决它。当人们在服务器中发送消息时,Text会动态地添加到TextArea,因此valueCommit行。 我不明白这一点,因为我知道这不是我的fx:Script的错。我知道这一点,因为当我切换到Adobe Flex Builder 4的Design选项卡时;线条和屏幕截图一样混乱。 在这个问题上我一直在撕扯我的头发(比喻),请帮助我找到答案。
<!-- State: interface -->
    <s:TextArea id="incomingMessages" includeIn="interface"
        heightInLines="{NaN}" widthInChars="{NaN}"
        y="10" x="9" minWidth="426" minHeight="442"
        text="Connected to Chat Paradise v5.00a, By CharlesBroughton."
        valueCommit="incomingMessages_valueCommitHandler(event)"/>
        <!-- Toolbar -->
        <s:HGroup includeIn="interface" x="10" y="460" width="363" height="22">
            <mx:ColorPicker id="tintColor" selectedColor="#FFFFFF" includeIn="interface"/>
            <s:Label id="curname" height="22" width="100" text="&lt;user&gt;" fontSize="16" includeIn="interface"/>
            <s:CheckBox label="AutoScroll" id="scrollToggle" selected="true"/>
            <s:Button id="clearButton" width="60" height="22" label="Clear" click="incomingMessages.text = &quot;&quot;;"/>
        </s:HGroup>
        <!-- end Toolbar -->
    <s:Button id="sendMessage" width="60" height="22" label="SEND" includeIn="interface" x="375" y="460"/>
    <s:TextArea id="outgoingMessages" x="10" y="480" maxChars="2048" editable="true" width="425" height="50" includeIn="interface" skinClass="graphite.skins.TextAreaSkin"/>
    <s:List id="userlist" x="443" y="10" width="128" height="488" includeIn="interface" itemRenderer="userlistRenderer"/>
    <s:ComboBox includeIn="interface" x="444" y="506" width="127" id="songs" selectedIndex="0"/>
<!-- end State: interface -->
如果你关心的话,这里是FX:SCRIPT for incomingMessages_valueCommitHandler(event):
protected function incomingMessages_valueCommitHandler(event:FlexEvent):void
{
  if (scrollToggle.selected)
   incomingMessages.textDisplay.verticalScrollPosition = incomingMessages.textDisplay.maxHeight;
}
我不允许发布图片[少于10名],所以这里有一个链接:图片链接 编辑以包含所要求的周围代码。你们似乎都不明白的是文本框占用了我设置的大小,但文本框内的文本只占用了100px宽和高的文本框总面积,请检查图片链接。 好的,我们发现了问题,graphite.styles.TextAreaSkin ......什么是吸烟?
<s:Scroller id="scroller" left="0" top="0" right="0" bottom="0" minViewportInset="1" measuredSizeIncludesScrollBars="false">
    <s:RichEditableText id="textDisplay"
        lineBreak="toFit"
        textAlign="left"
        selectable="true"
        verticalAlign="top"
        paddingBottom="4"
        paddingTop="4"
        paddingLeft="4"
        paddingRight="4"
        height="125"
        width="125"
        maxWidth="125"
        maxHeight="125"/>
</s:Scroller>
    
已邀请:
TextArea的父级是什么类型的组件?在不知道任何周围的mxml的情况下,您可能希望将宽度和高度设置为100%。如果这不起作用,请发布更多的mxml,我们会尝试解决它。希望有所帮助。     
正如你所说,这是石墨textarea皮肤的问题。我为textarea创建了一个新的skinClass(基于石墨文本区域皮肤)。并用Spark文本区域替换了scroller和richeditabletext。并添加了textAlign =“left”。它开始工作正常。如果这有帮助,请告诉我。谢谢。     

要回复问题请先登录注册