自定义文本输入和可变大小的Flex

Question

我想在flex中创建一个自定义textinput组件。该组件由一个背景矩形(spark.primitive.Rect)和一个包含文本的内部矩形组成。

我的问题是，我希望我的组件是我想要的大小。例如，如果我想创建一个大小为200/100的文本输入，我写入:

<s:TextInput x="10" y="10" width="200" height="100" skinClass="Component.MyTextInputSkin"/>

如果我想创建另一个不同大小的文本，我只有宽度和高度可以改变。

我的皮肤mxml包含两个矩形，但我想这样做:

<s:Rect width="{this.width}" height="{this.height}" .....

和另一个(包含文本的那个)

<s:Rect width="{this.width * 0.80}" height="{this.height * 0.80}" .....

问题是flashbuilder在我的两个"矩形"行上显示不兼容的错误消息。当我启动我的应用程序时，什么也没有显示。

有没有别的方法可以做我想做的事?

Answer 1

在这种情况下，您通常基于SDK中的默认TextInputSkin创建一个皮肤，并修改您需要的部分。

由于皮肤非常大，我在FXP中打包了示例应用程序