Skip navigation.

Log in | Sign up

NAM GIÀ

CHÚ Ý: BLOG NAM GIÀ ĐÃ CHUYỂN SANG ĐỊA CHỈ http://namdh.wordpress.com

Silverlight - Step by Step (phần 2)

,

Trong bài trước, tạo một dự án Silverlight, bạn đã thêm một đối tượng Silverlight vào một trang HTML và tạo một file XAML trống. Bài này sẽ hướng dẫn bạn cách tạo nội dung Silverlight bên trong file XAML.

Bước 1: tạo một đối tượng Canvas và khai báo namespace

Mở file myxaml.xaml mà bạn đã tạo trong bài trước, tạo một Canvas và khai báo namespace cho Silverlight và XAML bằng cách copy đoạn mã sau vào file XAML của bạn:
<Canvas 
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

</Canvas>


Mỗi file XAML Silverlight bắt đầu với một thẻ <Canvas>, trong đó có một thuộc tính xmlns dùng để khai báo namespace của Silverlight, và một thuộc tính khác là xmlns:x dùng để khai báo namespace cho XAML.

Bước 2: Vẽ lên trên đối tượng Silverlight

Cắt và dán doạn mã lệnh sau vào trong file XAML của bạn, giữa cặp thẻ <Canvas> rồi lưu lại.
 <Ellipse
    Height="200" Width="200"
    Stroke="Black" StrokeThickness="10" Fill="SlateBlue" />


Bước 3: Xem nội dung XAML của bạn

Để xem nội dung hiển thị bởi XAML, nháy đúp vào file HTML. Bạn sẽ nhìn thấy một hình tròn màu tím với viền đen đậm.
<Canvas
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    
  <Ellipse 
     Height="200" Width="200"
     Stroke="Black" StrokeThickness="10" Fill="SlateBlue" />
</Canvas>




Nếu máy của bạn có cài đặt WPF thi khi nháy đúp lên file XAML sẽ làm cho WPF chạy chứ không phải là Silverlight. Nhưng cũng đừng lo lắng về điều này, vì file XAML được đặt cùng chỗ với file HTML trên Web server nên người dùng không thể nháy đúp vào được.

Xin chúc mừng! Bạn đã tạo ra được ứng dụng Silverlight đầu tiên !!!

Chú ý: vì My Opera không cho phép dùng Silverlight trên blog nên các ví dụ Silverlight sẽ chỉ được chụp lại ảnh, để xem ví dụ gốc hãy nhấn chuột vào ảnh minh họa

Bấm vào tag SILVERLIGHT-STEP BY STEP để xem tất cả các bài trong phần hướng dẫn Silverlight

Chương trình Android đầu tiên: Giải phương trình bậc 2Silverlight - Step by Step (phần 1)

Comments

leht 20. November 2007, 02:49

So sánh Silverlight và Flash cái nào mạnh hơn hả anh?
Nếu em định vẽ hình game 3D trên browser thì có làm được không nhỉ?

namdh 20. November 2007, 03:41

Theo anh biết là Flash không hỗ trợ 3D (tuy nhiên có một số phần mềm của các hãng thứ 3 cho phép làm điều này). Silverlight cũng vậy, anh chưa thử bản Alpha 1.1 nhưng trong bản 1.0 cũng không hỗ trợ 3D, bản thân XAML có hỗ trợ 3D nhưng trong phiên bản dùng cho Silverlight thì nó đã bị cắt bớt để đảm bảo tính tương thích.
Vấn đề là em vẽ cái gì, và yêu cầu như thế nào, nếu em muốn dựng hình 3D tốc độ cao thì có lẽ em phải xây dựng các ActiveX và dùng D3D để vẽ. (anh cũng chưa thử)

namdh 20. November 2007, 03:45

Anh cũng không rành nhiều về Flash nên cũng không nắm chắc lắm về các thế mạnh của nó. Tuy nhiên, Silverlight có một mô hình lập trình khá sáng sủa, khả năng tương tác với các thành phần trên trang Web, dễ dàng tích hợp vào những ứng dụng Web có sẵn, được hỗ trợ mạnh mẽ từ Visual Studio, và điều quan trọng: nó là quân bài của Microsoft trong việc xây dựng giao diện cho các ứng dụng Web thế hệ kế tiếp.

leht 22. November 2007, 07:45

Chà, được VS hỗ trợ thì ngon lành quá rồi! Em đang có ý định làm game 3D trên Web :D nhưng chắc Silverlight không hỗ trợ Direct3D đâu anh nhỉ?
Còn nếu phải tự viết ActiveX thì em xin chào thua, hic hic...

namdh 22. November 2007, 07:55

Nếu đã có ý định làm Game 3D thì chắc ít người có dự định làm trên Web giống em :D. Vì như vậy chẳng khác nào tự trói tay mình. Khi viết ứng dụng 3D, hầu như mọi người chỉ quan tâm đến Windows, nếu viết 1 ứng dụng bình thường thì em sẽ thỏa sức sáng tạo mà không bị bất kỳ ràng buộc nào về hiệu năng, security - đó là những rào cản lớn nhất khi viết ứng dụng trên trình duyệt.
Tất nhiên, về lý thuyết thì em có thể viết ứng dụng 3D trên Flash hay Silverlight :wink:

Anonymous 11. March 2008, 06:18

Anonymous writes:

Anh có thể chỉ dùm em , để soạn 1 file xaml thi minhdufng phần mềm nào viết, e dùng dreamweaver được không, vì e không phải dân lập trình nên em không có VS gì đó.
ám ơn anh nhiều

namdh 11. March 2008, 06:29

Em có thể dùng bất kỳ chương trình nào để viết, ví dụ như notepad chẳng hạn. Nếu không dùng VS 2008 thì em phải tải về bộ SDK của phiên bản Silverlight mà em muốn làm.
Em có thể tải về bộ SDK của Silverlight 2 Beta 1 tại đây:
http://www.microsoft.com/downloads/details.aspx?FamilyID=4E03409A-77F3-413F-B108-1243C243C4FE&displaylang=en

Hoặc bộ Silverlight 1.0 SDK tại đây:
http://www.microsoft.com/downloads/details.aspx?familyid=FB7900DB-4380-4B0F-BB95-0BAEC714EE17&displaylang=en

pandacelpet 11. March 2008, 09:49

Cuối cùng cũng làm dc rồi ..phù...mà anh cho e hỏi, nta nói silverlight còn dữ dội hơn flash, mà e đã làm wa 9 phần của anh, e thấy toàn là hình tĩnh đâu có cái nào động như flash đâu

namdh 11. March 2008, 10:14

Hình tĩnh là vì site my.opera.com không cho sử dụng Silverlight, nếu em chạy thử các ứng dụng mẫu trong bộ Silverlight SDK thì em sẽ thấy nó có khả năng động.
Hoặc em có thể vào trang www.silverlight.net, vào phần Showcase, ở đó sẽ liệt kê các ứng dụng và trang web sử dụng Silverlight.

Anonymous 9. July 2008, 10:20

moihocSL writes:

Chao Anh!

Em đã cài SL1.0 lên rồi nhưng không hiểu sao khi làm theo bài viết của anh hướng dẫn trên khi mình chạy thì nó không thể hiện hình ảnh, nó bị lỗi gì thế anh xin chỉ giúp em với.

Cám ơn

Anonymous 9. July 2008, 10:26

MoihocSL writes:

Chao Anh!

Em đã cài SL1.0 lên rồi nhưng không hiểu sao khi làm theo bài viết của anh hướng dẫn trên khi mình chạy thì nó không thể hiện hình ảnh, nó bị lỗi gì thế anh xin chỉ giúp em với.

Cám ơn
January 2010
M T W T F S S
December 2009February 2010
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31