是否有一种方法可以创建一个可能生成HTML代码的丰富GUI。Silverlight和WPF生成XAML代码

Question

我有一个任务/迷你项目要完成，这是与GUI开发相一致的。

给我的东西

一个Visual项目(我应该在上面工作)，它是一个基于HTML、JavaScript和CSS的web应用程序项目，用于在单击按钮时添加、删除、编辑数据和其他小任务。但是这个项目的GUI是包含简单按钮(例如"Add“、"Delete")、文本框和表的基本样式。

我还得到了一个adobe插画文件，其中包含了预期的富GUI图像。图片附在这篇文章的末尾

我的任务

从提供的基本设计(项目)中创建一个高保真版本的应用程序，以匹配预期的概念设计(预期的丰富GUI )。

我应该创建一个丰富的GUI (花哨的外观)(通过任何方法)，当我单击新GUI的按钮"Add“、"Delete”时，它应该像在原始项目中一样调用javascript函数。

有人能告诉我如何开始使用这个吗

我想使用Silverlight或WPF来创建丰富的GUI，但是它会生成xaml代码。HTML输出对我有很大帮助，因此我可以调用javascript函数。

做这件事最好的方法是什么。谢谢:)帮助非常感谢！(非常感谢:) ) :)

​

​

Answer 1

没问题，在设计UI时，我喜欢先把控制线框的基本布局放到页面上。一旦线框开始成形，我将连接我的javascript事件。建议您在开始微调您的CSS品牌之前，在您想要的地方得到您的布局。

以下是您的快速入门线框：http://jsfiddle.net/KodeKreachor/8sPRx/5/

Answer 2

您可以从Silverlight调用javascript函数。

在html页面中：

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

在Silverlight代码中：

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

您可以在这里阅读更多内容：http://www.dotnetcurry.com/ShowArticle.aspx?ID=298