我是一个 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>