0

我创建了一个从 TextInputSkin 扩展的类 RoundedTextInputSkin

    package skins
{

    import assets.TextInput_389X35;

    import spark.skins.mobile.TextInputSkin;

    public class RoundedTextInputSkin extends TextInputSkin
    {

        public function RoundedTextInputSkin()
        {
            super();
            borderClass =  TextInput_389X35;
            layoutBorderSize = 5;
        } 
    }
}

现在我已将此皮肤作为 skinClass 赋予 textInput 控件。我可以看到 roundedTextInput 但在 textinput 中输入的文本不可见。谁能告诉我我的代码出了什么问题。

这是我的 fxg 文件

    <?xml version="1.0" encoding="utf-8" ?>
<Graphic version="2.0" ai:appVersion="16.0.0.682" ATE:version="1.0.0" flm:version="1.0.0" d:using="" xmlns="http://ns.adobe.com/fxg/2008" xmlns:ATE="http://ns.adobe.com/ate/2009" xmlns:ai="http://ns.adobe.com/ai/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:flm="http://ns.adobe.com/flame/2008">
      <Group x="3" y="1.35449" ai:seqID="1" flm:knockout="false">
        <Rect x="0.5" y="0.5" width="389" height="35" radiusX="16.9997" radiusY="16.9997" ai:seqID="2">
          <fill>
            <LinearGradient x="194.5" y="0.38916" scaleX="34.2022" rotation="90">
              <GradientEntry ratio="0" color="#B0B0B0"/>
              <GradientEntry ratio="1" color="#E0E0E0"/>
            </LinearGradient>
          </fill>
        </Rect>
        <Rect x="0.5" y="0.5" width="389" height="35" radiusX="16.9997" radiusY="16.9997" ai:seqID="3"/>
      </Group>
</Graphic>
4

1 回答 1

0

目前尚不清楚您的 FXG 文件与您展示的皮肤类别有何关联。但是，我将假设您提供的 FXG 是代码中引用的 TextInput_389X35。我假设您的自定义边框位于所有其他元素之上；使它们不可见。根据 TextSkinBase 的 createChildren() 方法；边框元素放置在其他所有元素之上：

override protected function createChildren():void
{
 super.createChildren();
 if (!textDisplay)
 {
     textDisplay = StyleableTextField(createInFontContext(StyleableTextField));
     textDisplay.styleName = this;
     textDisplay.editable = true;
     textDisplay.useTightTextBounds = false;
     addChild(textDisplay);
 }

 if (!border)
 {
   border = new borderClass();
   addChild(border);
 }
}

默认的 Border FXG 元素使用路径来创建边框，因此“填充”是一个边框。通过使用矩形，您可以在其他所有内容之上放置一个大正方形。

于 2013-02-21T14:46:56.690 回答