第一章 建立一个WPF/E工程

最新推荐文章于 2024-01-09 11:15:00 发布
最新推荐文章于 2024-01-09 11:15:00 发布
阅读量901 收藏 1
点赞数
分类专栏： WPF/E(SliverLight) 文章标签： html javascript 文本编辑 div 脚本 null
   怎样加一个WPF/E到你的网页中，一个典型的WPF/E有四部分组成：一个主页或是用于显示内容的Html页，一个 aghost.js 文件, a XAML 文件，和一个JavaScript 文件。这篇文章描述了如何创建一个WPF/E工程，或是用三步将WPF/E的内容加到Html文件中去。 以下是此章目录：
     
1．  在你开始前的准备
2． （1）安装 aghost.js 文件
3．  （ 2 ）在 Html 文件中创建一个WPF/E ActiveX 控件
4． （3）创建WPF/E内容文件
5． 增加额外的WPF/E内容
6． 工程例子
7． 下面是什么？
 
  在你开始前的准备
   在你创建WPF/E之前，你要做如下事情：
1.       the WPF/E plugin:如果你还没有安装，请到此连接处下载并安装WPF/E plugin。
2 ．一个 HTML 文件：你需要一个 HTML 文件去显示 WPF/E 的内容，用你自己的 HTML 文件 , 或是复制此处的这个。
        3. 一个文本编辑器：你需要一个文本编辑器，例如 Notepad ，去编辑你的 HTML 文件。如果你想知道如何用 Visual Studio 编辑 WPF/E 工程，请参见附录：创建一个 Visual Studio WPF/E 工程。
 
第一步 安装aghost.js文件
    aghost.js 文件是一个能帮助你在多种平台下显示WPF/E内容的JavaScript文件。
      a.   复制 aghost.js 文件到刚才生成HTML页的文件夹：右键单击aghost.js 连接，选择"Save As..."将文件保存到刚才生成HTML页的同一文件夹。
     b.   打开 HTML 在标记 <head> 处增加代码 . 如下代码：（如果你还没有 HTML 页右键单击此连接， 选择"Save As..."将文件保存到aghost.js 同一文件夹下。）
< script  type ="text/javascript"  src ="aghost.js" ></ script >
 
此时你的 HTML 页，应有如下元素：
<! DOCTYPE html PUBLIC
  "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"  xml:lang ="en" >
   < head >
     < title > A Sample HTML page </ title >
     < script  type ="text/javascript"  src ="aghost.js" ></ script >
   </ head >
   < body >
   </ body >
</ html >
 
第二步：在Html文件中创建一个WPF/E ActiveX 控件
为了显示 WPF/E 的内容，你需要 在 Html 文件中创建一个WPF/E ActiveX 控件。
a. 在标签 <body> 下，你想显示 WPF/E 内容的地方，增加如下三行代码，创建 HTML 元素。
<!--  Where the WPF/E ActiveX control will go -->
< div  id ="agControl1Host" >
</ div >
 你可以改变标签<div>的ID,但是同时你要在下一步修改agHost的第一个参数以保证与此处的ID相同。
上述工作完成后，增加如下HTML + script去创建一个WPF/E ActiveX控件。
< script  type ="text/javascript" >
    // Create the WPF/E ActiveX control.
        // The technique here enables your WPF/E content to receive
        // input before its ActiveX control is clicked.
    new agHost(
        "agControl1Host", // hostElementID (The HTML element inside of which
        // the WPF/E ActiveX control is inserted.
                  // This element is usually a <div>)
                  // If you change the name of the host HTML element,
                  //change it here too.
        "agControl1", // The ID of the WPF/E ActiveX control to create.
        "300px", // The width of the control.
        "300px", // The height of the control.
        "#D6D6D6", // The background color of the control.
        null, // SourceElement (name of script tag containing XAML)
        "myxaml.xaml", // The uri of the source file that
                                 // contains the WPF/E content.
        "false", // IsWindowless
        "30", // MaxFrameRate
        null // OnError handler.
                       // You can set this to a method name (no quotes).
    );

    // Create a global variable for the WPF/E ActiveX control,
         // to use when you want to retrieve named XAML elements. 
    var agControl = document.getElementById("agControl1");

 </ script >
 
这段脚本许多参数都可以自定义,例如：ActiveX控件的宽与高（也可以是百分比），包括你WPF/E内容在内的XAML文件名，这个控件是否是窗体。

第三步 创建你的WPF/E内容文件
既然配置好了你的 HTML 文件，是创建内容的时候了。
a.   在相同的目录下，创建一个空白的叫做 "myxaml.xaml"文件，如果你在上一步改变了参数，请改变此处的文件名以予之相配。
b.   （选择项）如果你的 WPF/E 工程包括脚本，创建一个 JavaScript 文件，并且在第一步的 <script></script> 标签后，增加如下代码：
< script  type ="text/javascript"  src ="my-script.js" ></ script >
 
增加额外的WPF/E内容
如果你想创建更多的WPF/E ActiveX控件，重复2、3步，注意ActiveX控件命名的唯一性。
例子工程
如果你遇到错误，或是没有看以上内容，复制以下文件到同一目录下。
·     SampleProject.html
·     SampleProject.xaml
·     SampleProject.js
·     aghost.js
 
下面是什么
下一部分，创建一个XAML文件，你将学会怎样在XAML文件中增加内容。
 注：由于此处无法上传文件，请到 http://go.microsoft.com/fwlink/?LinkID=77792&clcid=0x409处下载
ＳＤＫ（此文中文件均在Ｓample文件夹下）
  
storyofcode
关注
专栏目录
新建WPF流程&基础常识
weixin_44588262的博客
05-17 926
1.、新建WPF应用程序 A、首先选择菜单点击左上角文件打开—新建—项目，在显示上的话框找到WPF应用程序选择它，然后在下面修改命名文件，然后点击确定按钮， 如图所示： B、创建WPF应用程序 C、生成文档结构 D、选择指定App.xaml中的StartupUri属性可以指定项目运行时的启动窗体。如图下中的StartupUri=“MainWindow.xaml”>，还可以定义我们...
C# WPF 数据绑定
最新发布
Z_W_H_的博客
01-10 925
wpf中数据绑定集合
WPF新建工程
weixin_42975610的博客
01-07 332
WPF新建工程 1. 新建WPF窗体应用程序 新建工程，选择WPF应用程序，下方输入工程名称，选择工程位置 工程新建成功后如下图所示： 2. 常用文件格式说明 xaml文件是WPF程序的窗体文件，通常我们在xaml文件中设计我们的窗体，其对应的cs文件是窗体的后台逻辑。工程新建成功后，系统会自动生成几个文件，这里详细解释一下App.xaml，App.xaml.cs，MainWindow.xaml文件和MainWindow.xaml.cs文件。 App.xaml文件： <Application x:
WPFEx（WPF样例工程）
lvkun_buaa的专栏
04-05 296
去年开始学习WPF，并且应用到实际的工作项目中。作为新一代的Windows图形系统，用来开发界面，要比之前的MFC或者WTL，爽利多了（个人认为用MFC开发界面简直就是噩梦）。所以下定决心，学好这项技术。 之前，也研究过Flex，对TourdeFlex留下了比较深刻的印象。其中花样繁多的样例，确实能够大大提升学习的效率。于是参照着TourdeFlex，我也自己开发了一个WPF的样例程序，并且放到了...
WPF 工程项目开发
xfeng20的博客
12-16 786
WPF MVVM
WPF真入门教程02--新建WPF工程
hqwest的专栏
12-08 1223
默认的是MainWindow.xaml文件，它负责界面的ui设计布局，在这里面通常全部写UI的东西，包括窗口的外观，控件等，MainWindow.xaml.cs是处理界面相关的操作，也就是界面的后台逻辑文件，App.xaml.是系统应用相关的初始化，其中有启动窗口文件。工程建好之后，WPF应用程序”会在“引用”里面自动添加下图中所示的 PresentationCore、PresentationFramework、WindowsBase三大核心程序集，就是下面这个样子。好了，现在开始入门了，飞起来吧。
AI问答系统与对话机器人服务（一）
2301_81887304的博客
01-09 2377
微软认知服务中知识库服务的申请与搭建如何用REST API访问知识库数据微软认知服务中机器人服务的申请与搭建如何无缝集成知识库服务与机器人服务。
《果壳中的C# C# 5.0 权威指南》 (01-08章) - 学习笔记
GATTACA2011
02-05 1349
《果壳中的C# C# 5.0 权威指南》 ========== ========== ========== [作者] (美) Joseph Albahari (美) Ben Albahari [译者] (中) 陈昇 管学理 曾少宁 杨庆川 [出版] 中国水利水电出版社 [版次] 2013年08月 第1版 [印次] 2013年08月 第1次 印刷 [定价] 118.00元 ========== =...
破损船体中间上浮下沉模拟方法：时域振荡器的仿真与验证
可在www.sciencedirect.com上在线获取计算设计与工程学报4（2017）1www.elsevier.com/locate/jcde一种破损船体中间上浮下沉模拟方法时域振荡器金柱成a，卢明一b，n，咸承浩aa大韩民国首尔国立大学船舶建筑和海洋工程...
破损船体中间上浮下沉模拟方法
可在www.sciencedirect.com上在线获取计算设计与工程学报4（2017）1www.elsevier.com/locate/jcde一种破损船体中间上浮下沉模拟方法时域振荡器金柱成a，卢明一b，n，咸承浩aa大韩民国首尔国立大学船舶建筑和海洋工程...
新建一个WPF应用程序都有啥
qq_29143307的博客
06-07 1232
使用VS2013，新建一个类型为WPF应用程序的项目。默认的文件引用如上图。 第一行的Properties，其实就是项目的属性，保存项目的设置， AssemblyInfo,项目的版本信息 Resources，双击文件可看到说明，这是项目的强制资源类。     ///     ///   一个强类型的资源类，用于查找本地化的字符串等。     ///     /
WPF（一）--WPF简单介绍及简单创建工程
Yyuanyuxin的博客
04-18 528
传统桌面应用程序开发，我们过去常常使用winform进行界面搭建开发，但是winform在实际操作中会展现一些局限性，例如很多控件不支持透明度设置，或者根据UI设计师设计的样式，winform自带的控件无法通过调整属性来实现，只能通过自绘或者找寻其他第三方控件，具有一定局限性，而WPF脱离了对传统windows控件的依赖，可以展现更炫酷的界面。
WPF 的开源项目有哪些
金石软件
12-12 8536
Modern UI for WPF ：http://mui.codeplex.com/ 利用Wpf实现Win8 Modern样式的开源项目 wpf toolkit :http://wpftoolkit.codeplex.com/ WPF常用的官方开源控件库 MVVM light toolkit : http://mvvmlight.codeplex.com/ 一个实现Mvvm模式的轻
【WPF实用技巧】Blend创建模拟(示例)数据
成都的.net码农
02-12 1754
1.创建应用 2.添加datagrid 3.建立示例数据 4.完成
.net中捕获摄像头视频的方式及对比
菜鸟学编程
05-16 6329
前言     随着Windows操作系统的不断演变，用于捕获视频的API接口也在进化，微软提供了VFW、DirectShow和MediaFoundation这三代接口。其中VFW早已被DirectShow取代，而最新的MediaFoundation被Windows Vista和Windows 7所支持。可惜的是，上述接口基于COM技术且灵活性很大，在.net中并不方便直接使用。 .net封
WPF/E深度解析：开发新技术前瞻的基石
WPF/E是一个旨在提供丰富Web UI用户体验的统一编程模型，特别适合于利用.NET框架在Web环境中构建高性能、现代的用户界面。 课程内容分为五个部分： 1. **什么是WPF/E**：WPF/E的核心在于其为Web开发引入了Windows ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值