通过实例学习Silverlight教程之制作图片特效(二)

概述好,现在我们来添加相应的 *** 作逻辑,首先我们需要使展板能够在单击的时候展开或者收缩. 打开ImgBord.cs添加如下代码: 首先在构造方法中添加以下事件:         public ImgBoard()         {             InitializeComponent();             this.MouseLeftButtonDown += new MouseBu @H_404_4@

好,现在我们来添加相应的 *** 作逻辑,首先我们需要使展板能够在单击的时候展开或者收缩.

打开imgBord.cs添加如下代码:

首先在构造方法中添加以下事件:

        public imgBoard()

        {

            InitializeComponent();

            this.MouseleftbuttonDown += new MousebuttonEventHandler(imgBoard_MouseleftbuttonDown);

            this.MouseEnter += new MouseEventHandler(imgBoard_MouseEnter);

            this.MouseLeave += new MouseEventHandler(imgBoard_MouseLeave);

        }

添加 *** 作方法:

/// <summary> /// 标志展板是否已经打开 /// </summary> bool IsOpenFlag = true; voID imgBoard_MouseLeave(object sender,MouseEventArgs e) { //throw new NotImplementedException(); this.StoryTurnBlack.Begin(); } voID imgBoard_MouseEnter(object sender,MouseEventArgs e) { //throw new NotImplementedException(); this.StoryTurnlight.Begin(); } voID imgBoard_MouseleftbuttonDown(object sender,MousebuttonEventArgs e) { //throw new NotImplementedException(); ChangeStadiu(); } /// <summary> /// 改变展板状态 /// </summary> private voID ChangeStadiu() { if (IsOpenFlag) { StoryClose.Begin(); } else { StoryOpen.Begin(); } IsOpenFlag = !IsOpenFlag; }

打开page.cs

把我们写的展板在maincanvas中显示:

参考如下代码添加:

imgBoard ib = new imgBoard(); public Page() { InitializeComponent(); mainCanvas.Children.Add(ib); Canvas.Setleft(ib,100); Canvas.Settop(ib,10); }

 

 

运行一下,现在已经可以伸缩自如了~~

好,现在我们还需要考虑以下问题:

1既然是产品展,那么就不可能是一个产品才对,

2图片和说明应该是动态加载的,不能发布一次产品就重新编译一次程序.

下面我们来解决以上问题:

既然图片需要动态加载,我们就需要一个加载媒介,这里我们选择xml为加载媒介.

创建一个新类,命名为entityBoard

public class entityBoard { private Uri imguri; /// <summary> /// 图片的地址 /// </summary> public Uri imguri { get { return imguri; } set { imguri = value; } } private string imgInfo; /// <summary> /// 图片说明 /// </summary> public string imgInfo { get { return imgInfo; } set { imgInfo = value; } } private Uri uRL; /// <summary> /// 这个以后再说明 /// </summary> public Uri URL { get { return uRL; } set { uRL = value; } }}

 

接着创建用于收发xml的类:xmlOprater:

首先要添加System.xml.linq.dll,在引用处右键点击添加,在.net中找到即可

然后添加以下命名空间

using System.Xml;

using System.Xml .linq ;

using System.IO;

using System.Collections.Generic;

此类我们先不用,先建立xml文档:

在SLDemo.Web项目中右键单击在windows资源管理器中打开,进入ClIEntBin文件夹,新建一个txt文档输入一下内容:

<root><demo><img>1。jpg</img><url>www.baIDu.com</url><info>一张图片</info></demo><demo><img>1。jpg</img><url>www.baIDu.com</url><info>一张图片</info></demo></root>

为了演示效果,可以多复制几个<demo>,并命名为demo.xml

接着在xmlOprater中添加如下代码:

public class xmlOprater { /// <summary> /// xml文件 *** 作类,负责加载xml文件并将信息保存到product类型的列表中 /// </summary> public class xmlOprater { Xdocument xmlDoc; public xmlOprater() { //xmlDoc = Xdocument.Load("products.xml"); WebClIEnt clIEnt = new WebClIEnt(); clIEnt.DownloadStringCompleted += new DownloadStringCompletedEventHandler(clIEnt_DownloadStringCompleted); clIEnt.DownloadStringAsync(new Uri( "products.xml",UriKind.relativeOrabsolute)); } voID clIEnt_DownloadStringCompleted(object sender,DownloadStringCompletedEventArgs e) { XmlReader reader = XmlReader.Create(new StringReader(e.Result)); xmlDoc = Xdocument.Load(reader); if (complete != null) { complete(null,null); } //throw new NotImplementedException(); } /// <summary> /// 获取数据 /// </summary> /// <returns></returns> public List<product> GetProducts() { List<entityBoard> d = (from c in xmlDoc.Element("Products").Elements() select new entityBoard() { imgInfo = ((XElement)c).Element("Info").Value,imguri = new Uri(((XElement)c).Element("img").Value,UriKind.relativeOrabsolute),URL=new Uri (((XElement)c).Element("url").Value,UriKind.relativeOrabsolute) }).ToList(); return d; } /// <summary> /// 当xml文件加载完成时,触发此事件. /// </summary> public event EventHandler complete;}

下面我们简单讲解一下此类

@H_404_4@ @H_404_4@ @H_404_4@ 总结

以上是内存溢出为你收集整理的通过实例学习Silverlight教程之制作图片特效(二)全部内容，希望文章能够帮你解决通过实例学习Silverlight教程之制作图片特效(二)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。