1

私は、いくつかのアニメーションを持つ Web_ui パッケージでカスタム要素を作成した Dart プロジェクトに取り組んでいます。私が望んでいたのは、要素のダーツコード内に次のようなものを含めることです....

class MyElement extends WebComponent {
   ...

   void StartAnimation() { ... }

   ...
}

そして、ダーツアプリ自体の main() 関数には、次のようなものがあります...

void main() {
    MyElement elm = new MyElement();
    elm.StartAnimation();  // Kicks off the animation
}

Dart エディターは、Web コンポーネントを直接構築することは現在サポートされていないことを教えてくれます。次に、 WebComponent.forElement を使用するように指示されていますが、それを使用して目標を達成する方法が明確ではありません。

4

1 に答える 1

3

Web コンポーネントを Dart ファイルにインポートすることはまだできませんが、 および を介してアクセスできquery()ます.xtag。xtag要素が関連付けられている Web コンポーネント インスタンスへの参照を提供します。値が与えられるように、Web UI のセットアップを完了するように注意する必要が xtagあります。

次に例を示します。

import 'dart:async';
import 'dart:html';
import 'package:web_ui/web_ui.dart';

main() {
  Timer.run(() {
    var myElement = query('#my-element').xtag;
    myElement.startAnimation();
  });
}

これは、コンポーネントをインポートする機能、要素を直接サブクラス化する機能、およびquery(). これは、例が将来どのように見えるかです:

import 'dart:async';
import 'dart:html';
import 'package:web_ui/web_ui.dart';
import 'package:my_app/my_element.dart';

main() {
  MyElement myElement = query('#my-element');
  myElement.startAnimation();
}
于 2013-03-09T21:53:07.943 に答える