Wiki


Wiki Table of Contents

Page Details

Published by:
This page has not yet been rated

Silverlight Tip of the Day #11 – How to make your Silverlight Control Transparent.

Filed under: [Edit Tags]

Để làm Silverlight control transparent của bạn cho nền trang web bạn, cần phải thực hiện hai việc:

Từ trang  ASPX :

  1. Thêm  tag PluginBackground="Transparent"  vào trong  Silverlight control của bạn.
  2. Thêm  tag Windowless="true" vào trong  Silverlight control của bạn.

Thí dụ:

<asp:Silverlight PluginBackground="Transparent" Windowless="true" ID="Xaml1" runat="server" Source="~/ClientBin/SilverlightApplication4.xap" MinimumVersion="2.0.30523"  />

Từ trang HTML :

  1. Thêm param: <param name="background" value="Transparent" /
  2. Thêm param: <param name="windowless" value="true" />

Thí dụ:

<object data="data:application/x-silverlight," type="application/x-silverlight-2-b2" >
<param name="source" value="ClientBin/SilverlightApplication4.xap"/>
<param name="onerror" value="onSilverlightError" />
<param name="pluginbackground" value="Transparent" />
<param name="windowless" value="true" /> 
</object>

 

Chú ý:

Mặc định là các Silverlight control của bạn sẽ được đưa lên toàn trang web. Đây là vì Width và Height được gán đến 100%. Nếu bạn muốn kiểm soát việc này và hiển thị chỉ một phần của trang hãy thay đổi những giá trị mà bạn muốn. Thí dụ, để làm cho control của bạn chỉ có kích thước là 400x400 pixel trên trang web, bạn chỉ cần gán giá trị 400x400 pixel cho hai thuộc tính Width và Height như sau:

<asp:Silverlight Width="400px" Height="400px" PluginBackground="Transparent" Windowless="true" ID="Xaml1" runat="server" Source="~/ClientBin/SilverlightApplication4.xap" MinimumVersion="2.0.30523"  />

Thank you,
--Mike Snow


Recent Comments

Leave the first comment for this page.