HTMLコードを生成する可能性のあるリッチGUIを作成する方法はありますか？ SilverlightとWPFがXAMLコードを生成する

Question

私はGUI開発のラインに沿って完了するタスク/ミニプロジェクトを持っています。私に与えられ

物事

HTMLである（私は動作するようになっていたの上）のVisual Studioプロジェクト、追加んJavaScriptとCSSベースのWebアプリケーションプロジェクト、削除、編集データとボタンクリック時に他の小さなタスク。しかし、このプロジェクトのGUIは基本的なスタイルであり、単純なボタン（例えば、「追加」、「削除」）、テキストボックス、およびテーブルを含む。

予想されるリッチGUIのイメージを含むAdobe Illustratorファイルも提供されています。この記事

マイタスク

「予想概念設計を一致させるために提供基本設計（プロジェクト）からのアプリケーションの高忠実度のバージョンを作成します（リッチGUIの終わりに向かって取り付けた画像期待どおりの） "

私は（任意の方法で）豊かなGUI（ファンシーな探して）を作成すると仮定し、私は新しいGUIのボタンをクリックして"削除 "、それは元のようにjavascript関数を呼び出す必要がありますプロジェクト。

は、誰かが私が豊富なGUIを作成するためのSilverlightやWPFを使用して考えTHIS

を始めるが、それは、XAMLコードを生成するにはどうすればよい私に言うことができます。私はJavaScriptの関数を呼び出すことができるようにHTML出力は私に大きな助けになるでしょう。

これを行うには最適な方法は何ですか。ありがとう:) 大いに助けて！どうもありがとうございました！ :) :) :)

Answer 1

問題ありませんが、私がしたいですコントロールの基本レイアウトをページ上にワイヤフレームで表示することから始めます。ワイヤフレームが形を取るようになったら、私はJavaScriptのイベントに接続します。 CSSブランドの微調整を開始する前に、レイアウトをどこからでも得ることをお勧めします。ここで

はあなたのための迅速なスターターワイヤーフレームです：http://jsfiddle.net/KodeKreachor/8sPRx/5/

Answer 2

あなたがシルバーからJavaScriptの関数を呼び出すことができます。 Silverlightのコードでは

function alertText(text) { 
    alert(text); 
} 

：あなたはここを読むことができ

HtmlPage.Window.Invoke("alertText", new string[] { "Hi!" }) 

：HTMLページで

UIを設計する際に http://www.dotnetcurry.com/ShowArticle.aspx?ID=298