把所有的配置完成後,就可以進行sl開發了。
建立立silverlight項目,在建立的過程中,會彈出選項建立引用此silverlight項目的web項目。确定後,建立完畢。
我現在建立的sl項目名稱為:SLApp
此項目下自動生成一些檔案,其中的兩個檔案:
App.xaml
App.xaml.cs
MainPage.xaml
MainPage.xaml.cs
發現與aspx檔案規則很相似。
其中的App.xaml檔案用于應用程式聲明共享的資源,隐藏的代碼檔案中可以處理像gllbal.asax檔案功能相似的事情。例如:Application_Startup事件
另一個檔案MainPage.xaml檔案是一個預設的xaml檔案,是一個開始頁面。
加載這個MainPage.xaml控件的方法是:
App.xaml.cs中的:
private void Application_Startup(object sender, StartupEventArgs e)
{
this.RootVisual = new MainPage();
}
現在做一個簡單的長方形。
(一) 在sl項目中添加sl使用者控件,名字為SelfRectangle.xaml
現在xaml檔案暫時叫做視圖檔案,cs檔案叫代碼檔案。
添加了使用者控件後,視圖檔案結構為:
<UserControl x:Class="SLApp.SelfRectangle"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="400" Height="300">
<Grid x:Name="LayoutRoot" Background="White">
</Grid>
</UserControl>
這裡邊包括兩個結點:
·UserControl,根元素,做為視圖檔案中最進階别的元素。所有的UI元素都要在這裡邊
·Grid,布局面闆控件,這種布局面闆控件有三種,這是其中的一種。所有的UI元素都要放到布局中。
現在添加一個長方形,即在Grid結點内添加:
<Rectangle Fill="Red" Width="100px" Height="100px"></Rectangle>
其中的屬性很好了解:填充色:Red,長寬
同時,把Grid的屬性也定義一下,現在變成:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIml2ZuUWYxYmZhR2MiNjY3QGMjFGZlNTOzUWZjJGO2YzM1MWMfdWbp9CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.gif)
代碼
<Grid x:Name="LayoutRoot" Background="Blue">
<Grid.RowDefinitions>
<RowDefinition Height="120"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="200"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Rectangle Fill="Red" Width="100" Height="100" Grid.Row="0" Grid.Column="0"></Rectangle>
(二) 設定這個控件為預設的引用控件
在App的代碼檔案中更改:
this.RootVisual = new SelfRectangle();
(三) 在網站項目中添加新頁RectangleTest.aspx
引入silverlight控件,aspx檔案變成了:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIml2ZuUWYxYmZhR2MiNjY3QGMjFGZlNTOzUWZjJGO2YzM1MWMfdWbp9CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.gif)
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Silverlight ID="slRectangle" runat="server"
Source="~/clientbin/SLApp.xap"></asp:Silverlight>
</div>
</form>
這裡隻貼出了form之間的代碼部分。
說明,asp:Silverlight可能不存在引用。這個方法大家都知道:
1 添加System.Web.Silverlight.dll引用
2 在web項目中的Web.config檔案中添加asac控件的注冊,即:
<controls>
<add tagPrefix="asp"
namespace="System.Web.UI.SilverlightControls"
assembly="System.Web.Silverlight"/>
</controls>
引用中的Source屬性,引用的是SLApp.xap檔案。
在web項目中,有ClientBin目錄,其中有SLApp.xap檔案。它與建立的Silverlight項目名稱相同,但擴充名不同,這裡是xap(讀zap),是一種壓縮檔案。可以通過解壓縮工具打開。它就是silverlight項目生成後,bin中的打封包件,包括dll檔案和其它檔案。
(四) 生成silverlight項目并預覽RectangleTest.aspx檔案
可以看到效果。
同樣,Hello!的制作。
<dataInput:Label Name="lmsg" Content="Hello!"></dataInput:Label>
總結:
建立第一個SL,其實步驟很簡單。安裝完Silverlight3.0後,在建立項目時,會有silverlight模闆,這裡就不貼圖了。
1 建立Silverlight應用程式
2 在建立的過程中,添加引用此Silverlight項目的網站,這個會彈出視窗,選擇就可以了
3 建立完成後,會有兩個項目:一個silverligh項目,一個網站
4 然後就按照步驟做就可以了
部落格園大道至簡
<a href="http://www.cnblogs.com/jams742003/" target="_blank">http://www.cnblogs.com/jams742003/</a>
轉載請注明:部落格園