2

我是一个 openlaszlo 初学者,我想创建一个交互式 Web 界面来模拟 vomplex 天文钟的指示。应该可以输入例如坐标和日期/时间或选择实时或延时模式。

我尝试使用edittext 字段和按钮以及单选按钮组来选择信息,然后根据选择移动图像。当我只使用 edittext 字段和按钮时,它就可以工作。文本条目显示在输出的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>
4

1 回答 1

0

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

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

在此处输入图像描述

我已经在 Linux 上使用 Chrome 和 Firefox 进行了测试,还没有在 Windows 上进行测试。

于 2012-12-27T23:09:57.143 回答