Silverlight+WCF 新手实例 象棋 专题索引[四十篇连续章已出]

四月二16日的AjaxControlToolkit
30930里扩大了四个新的控件:AsyncFileUpload和Seadragon,上次大略的写了下AsyncFileUpload,此次就总结的写写Seadragon吧,然则Seadragon依然不是很了然。有啥样难题望高手提出。

本专题出产简单原由:

 

1早先的初衷,只是想写个简易的单机BS人机对阵版的,早先还下了点AI算法看看的;

Seadragon主要来源于Microsoft Live
Libs,大家有趣味的话能够去http://livelabs.com/seadragon/看看。

唯独写到最终,都写成了报纸发表版本的对阵了,只因中间非常的大心看到了WCF的相干内容,顺便加了进去;

同时微软早已经推出了SeaDragon的在线服务(http://seadragon.com/),借助那一个服务。大家能够把自个儿服务器上的图形用接近于DeepZoom的措施发表,可是在线总是有诸多缺陷,虽说未来是网络社会了,但中中原人民共和国的网速…很多时候实在不敢恭维….

最后就尘埃落定了,反正新手实例,能加多点内容就加多点了。

乘机AjaxControlToolkit
30930参与了Seadragon控件,我们今日得以在本地完毕那类别似DeepZoom的图片效果了,而且由于选拔的是AJAX情势,所以不供给客户端安装别的插件(DeepZoom就必须Silverlight),废话不少了,下边就来简单说下Seadragon的应用呢。

有关原始初衷,后期再补上了。

 

 

要选拔SeaDragon首先要积谷防饥图片,SeaDragon的SourceUrl供给是个xml或dzi文件,那里大家用Deep
Zoom Composer来制作xml文件呢。

 

Deep Zoom
Composer下载:http://www.microsoft.com/downloads/details.aspx?FamilyID=457b17b7-52bf-4bda-87a3-fa8a4673f8bf&DisplayLang=en

 

 

好了,先上几个附加索引:

大家首先打开Deep Zoom Composer,然后导入图片

1:Silverlight+WCF 新手实例 象棋
在线演示

葡京在线开户 1

2:Silverlight+WCF
简单布署难题集

接下来排列下图片,排成大家欣赏的规范(当然假如一张图纸也能够)

3:Silverlight4 ListBox
bug

葡京在线开户 2

4:Silverlight4 Framework
之困局

当然还有其它的1部分成效,比如加菜单,链接之类的,可是有个别好像在导出AJAX的时候非常的小好用,导出成Silverlight的时候好使。

 

 

继而是本文内容索引:

终极就是导出了,选拔导出成SeaDragon AJAX

1:Silverlight+WCF 新手实例 象棋
介绍(1)

葡京在线开户 3

2:Silverlight+WCF 新手实例 象棋
棋盘(2)

导出的进度条:

3:Silverlight+WCF 新手实例 象棋
棋子(叁)

葡京在线开户 4

4:Silverlight+WCF 新手实例 象棋
棋子定位与象棋类(4)
–率先等级源码:点击下载

导出实现,打开看看生成了些啥吧

5:Silverlight+WCF 新手实例 象棋
棋子移动-吃子(5)

葡京在线开户 5

6:Silverlight+WCF 新手实例 象棋
棋子移动-线交叉点(6)

要用的就是下边包车型地铁那八个

7:Silverlight+WCF 新手实例 象棋
棋子移动-规则[兵、车](七)

葡京在线开户 6

8:Silverlight+WCF 新手实例 象棋
棋子移动-规则[将、马、士、相、炮](八)
–次之品级源码:点击下载

将文件dzc_output.xml和文书夹dzc_output_files拷贝到我们Web的目录下,然后就该画网页了。

9:Silverlight+WCF 新手实例 象棋
介绍II(九)

 

10:Silverlight+WCF 新手实例 象棋
棋子移动-规则[外加上半盘限制](十)

第3新建个ASP.NET页面,拖进去个ScriptManager,然后再拖进来个Seadragon,看看效果

11:Silverlight+WCF 新手实例 象棋
登6与转会(十一)

葡京在线开户 7

12:Silverlight+WCF 新手实例 象棋
游戏房间(10二)

上边切换来代码视图,大家来完善Seadragon的性子。

13:Silverlight+WCF 新手实例 象棋
游戏房间列表(拾3)
–第2等级源码:点此下载

        <cc1:Seadragon ID="Seadragon1" runat="server" AnimationTime="0.5" 
            Height="450px" SourceUrl="~zc_output.xml" Width="600px">
        </cc1:Seadragon>

14:Silverlight+WCF 新手实例 象棋
WCF通信基础(104)
–本节示范源码:点击下载

 

15:Silverlight+WCF 新手实例 象棋
WCF通信跨域(10伍)
–本节示范源码:点击下载

最终看下效果:

16:Silverlight+WCF 新手实例 象棋
WCF通信情势(十6)

葡京在线开户 8

17:Silverlight+WCF 新手实例 象棋
WCF通信轮询(拾7)
–本节示范源码:点击下载

葡京在线开户 9

18:Silverlight+WCF 新手实例 象棋
回归WCF通信应用-登六(十八)

葡京在线开户 10

19:Silverlight+WCF 新手实例 象棋
回归WCF通信应用-进入房间(十9)

上代码,其实不会细小略:

20:Silverlight+WCF 新手实例 象棋
房间状态更新(二10)

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="seadragon.aspx.cs" Inherits="seadragon" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!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">
<head runat="server">
    <title></title>
    <script type="text/javascript">
      function pageLoad() {
      }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <cc1:Seadragon ID="Seadragon1" runat="server" AnimationTime="0.5" 
            Height="450px" SourceUrl="~zc_output.xml" Width="600px">
        </cc1:Seadragon>
    </div>
    </form>
</body>
</html>

21:Silverlight+WCF 新手实例 象棋
获取房间状态列表更新(二十一)
–第4品级源码:点击下载

恩。大概就这么些呢,没啥技术含量,末了贴下SeaDragon的习性吧:

22:Silverlight+WCF 新手实例 象棋
主界面-棋盘区(二10二)

animationTime – The amount of time in seconds that animations should
last. Default is 1.5.

23:Silverlight+WCF 新手实例 象棋
介绍III(二103)

blendTime – The amount of time in seconds that new tiles take to
blend from transparent to opaque. Default is 0.5.

葡京在线开户,24:Silverlight+WCF 新手实例 象棋
主界面-在线用户区(二拾肆)

alwaysBlend – Whether tiles should always blend in and out, not just
when they’re first loaded. Default is false.

25:Silverlight+WCF 新手实例 象棋
主界面-实时聊天区(二拾五)

autoHideControls – Whether controls should get automatically hidden
when the user’s mouse is off the viewer and the image has stopped
animating. Default is true.

26:Silverlight+WCF 新手实例 象棋
主界面-控件音信传递(二十6)

immediateRender – Whether the most appropriate tiles should always
be rendered first, before any lower-res tiles are rendered. This loses
the “sharpening” effect and instead creates a very visible “tiling”
effect. Default is false.

27:Silverlight+WCF 新手实例 象棋
主界面-事件区-游戏开首(二十七)
–第5等级源码:点击下载

minZoomDimension – The minimum size (in screen pixels) of either
dimension that can result from zooming out. Default is 16.

28:Silverlight+WCF 新手实例 象棋
该何人下棋-A下B停(二拾8)

maxZoomPixelRatio – The maximum pixel ratio (screen pixel to content
pixel) that can result from zooming in. Default is 4.

29:Silverlight+WCF 新手实例 象棋
棋手颜色(二十九)

visibilityRatio – The minimum portion of the viewport that must show
visible content in both dimensions. Default is 0.1.

30:Silverlight+WCF 新手实例 象棋
该什么人下棋-B下A停(三10)
–第四阶段源码:点击下载

springStiffness – Determines how sharply the springs used for
animations move. Default is 5.0.

31:Silverlight+WCF 新手实例 象棋
介绍肆(三10一)

imageLoaderLimit – The maximum number of concurrent image downloads
that can be performed by each viewer. Default is 2.

32:Silverlight+WCF 新手实例 象棋
主界面-事件区-求和认输(三十二)

clickTimeThreshold – The maximum number of milliseconds that can
pass between a mousedown and a mouseup for the action to still be
considered a “quick” click. Default is 200.

33:Silverlight+WCF 新手实例 象棋
主界面-事件区-重临退出(三10叁)

clickDistThreshold – The maximum number of pixels the mouse can move
between a mousedown and a mouseup for the action to still be considered
a “quick” click. Default is 5.

34:Silverlight+WCF 新手实例 象棋
主界面-状态重置(三十四)

zoomPerClick – The factor by which images should zoom when clicked
on. Default is 2.

35:Silverlight+WCF 新手实例 象棋
棋盘-河界(三105)
–第十等级源码:点击下载

zoomPerSecond – The factor by which images should zoom over each
second when the zoom buttons are held down. Default is 2.

36:Silverlight+WCF 新手实例 象棋
主界面-棋谱-布局写谱(三十陆)

sourceUrl – The path for all UI images. This can be absolute or
relative. If relative, it must be relative to the HTML page. A change to
this value will only affect new viewers. Default is “img/”.

37:Silverlight+WCF 新手实例 象棋
棋子移动-规则补充(三107)

showNavigationControl – Whether navigation buttons should be shown.

38:Silverlight+WCF 新手实例 象棋
主界面-棋谱-获取列表(三十八)

 

39:Silverlight+WCF 新手实例 象棋
主界面-棋谱-重放(三十玖)
–第九阶段源码:点击下载

事实上,SeaDragon里还是能够嵌套别的的部分事物,比如Menu,可是捣鼓的还非常小精晓,还望大家指点。

40:Silverlight+WCF 新手实例 象棋
主界面-棋谱-重放-结局(四拾)

末尾附上example里嵌套Menu的一段代码吧:

本类别到此四10篇结束了,多谢关心。。。

<ajaxToolkit:Seadragon ID="Seadragon2"
  runat="server"
  CssClass="seadragon"
  SourceUrl="dzc_output.xml">
  <ControlsCollection>
    <ajaxToolkit:SeadragonControl runat="server"
      Anchor="TOP_RIGHT">
      <asp:Menu runat="server">
        <Items>
          <asp:MenuItem Text="Menu" Value="Menu" />
          <asp:MenuItem Text="Control" Value="Control" />
          <asp:MenuItem Text="Over" Value="Over" />
          <asp:MenuItem Text="Seadragon" Value="Seadragon" />
        </Items>
      </asp:Menu>
    </ajaxToolkit:SeadragonControl>
  </ControlsCollection>
  <OverlaysCollection>
    <ajaxToolkit:SeadragonScalableOverlay〉 
      runat="server"
      Rect-Height="0.24"
      Rect-Width="0.26" 
      CssClass="overlay" 
      Rect-Point-X="0.14" 
      Rect-Point-Y="0.06"     
    </ajaxToolkit:SeadragonScalableOverlay>
  </OverlaysCollection>
</ajaxToolkit:Seadragon>

 

续章种类已经开头:

41:Silverlight+WCF
实战-网络象棋最终篇之十字轨迹(一)

42:Silverlight+WCF
实战-网络象棋最后篇之房间装修-WCF端(二)

43:Silverlight+WCF
实战-网络象棋最后篇之房间装修-Silverlight端(3)

–第十品级源码:点击下载

44:Silverlight+WCF
实战-网络象棋最终篇之非线程阻塞倒计时窗口(四)

45:Silverlight+WCF
实战-互连网象棋最后篇之对阵录制-上篇[客户端开启录制/注册编号/接收看TV频](五)

46:Silverlight+WCF
实战-互联网象棋最终篇之迎阵录像-下篇[客户端发送与服务端中间转播](六)
 –录像节源码:点击下载 

47:Silverlight+WCF
实战-互联网象棋最后篇之非线程阻塞倒计时窗口-应用篇(七)
 –第九等级源码:点击下载

48:Silverlight+WCF
实战-互联网象棋最终篇之化解重复的新闻提示(八)