openlaszlo按钮和Radiogroup干扰

时间:2012-12-27 00:49:47

标签: animation openlaszlo

我是一名openlaszlo初学者,我想创建一个交互式网络界面,模拟一个vomplex天文钟的指示。应该可以输入例如coodriantes和日期/时间或选择实时或游戏中时光模式。

我尝试使用edittext字段和按钮以及radiobutton组来选择信息,然后根据选择移动图像。 当我只使用edittext字段和按钮时,它就可以工作了。文本条目显示在输出edittext字段中,图像确实旋转了给定的弧。当我添加radiobutton组时,所选的弧显示在输出edittext字段中,但不会发生图像旋转。有人可以帮忙吗?

这是代码

<canvas>
<!-- Load of the image -->
<view name="Zeiger" x="100" y="100" resource="images/Kal_Ring_Stundenzeiger.gif" id="HandID">
  <!-- Methode to rotate the image, Arc is set by the argument -->
  <method name="rotate" args="Arc">
      var increment = 0 + Arc;
  var dur = 700;
  this.animate('rotation',increment,dur);
  </method>
</view>

<!-- Control unit -->
<view name="Bedienung" x="200" y="10">
  <simplelayout axis="y" inset="8"/>  

  <text text="Output:"/>
  <edittext id="outputID" text = "0"/>     

  <text text="Arc:"/>
  <edittext id="WinkelID" text = "51"/>

  <button x="000" y="160"> 
    Rotation
    <!-- Handler to execute the Method  -->
    <handler name="onclick">
        var x = WinkelID.getText();
        HandID.rotate(x);
        outputID.setAttribute('text',x);
    </handler>
  </button>
  <!-- when I remove the radiogroup, then the image rotates -->
  <radiogroup id="group1ID">
    <handler name="onselect">
      var Arcchoice = this.getValue();
      HandID.rotate(Arcchoice);
      outputID.setAttribute('text',Arcchoice);
    </handler>
    <radiobutton value="0" text="0°" selected="true"/>
    <radiobutton value="90" text="90°"/>
    <radiobutton value="180" text="180°"/>
    <radiobutton value="270" text="270°"/>
    <radiobutton value="360" text="360°"/>
  </radiogroup>
</view>

</canvas>

1 个答案:

答案 0 :(得分:0)

我已经使用OpenLaszlo 5.0 trunk测试了代码,它在SWF10和DHTML运行时都按预期工作。

以下是应用程序的屏幕截图,其中包含来自LzClock小部件的资源(没有可用于测试的SWF资源)。我已将弧值输入文本字段,然后单击按钮以设置旋转。

enter image description here

我已在Linux上使用Chrome和Firefox测试过,未经过Windows测试。