移動控件介紹及詳細使用方法:AdRotator移動控件

來源： | 時間：2013/11/22 17:17:09 |

AdRotator移動控件和傳統(tǒng)的ASP.NET程序中的AdRotator控件是非常類似的。該控件的主要功能是用來隨機并循環(huán)顯示一組廣告橫幅。AdRotator控件會自動進行循環(huán)處理，每刷新一次頁面就隨機地改變顯示內(nèi)容。我們還可以對廣告進行優(yōu)先級控制，從而使得某些廣告的顯示頻率高于其他廣告。當(dāng)然你也可以使用自定義邏輯來循環(huán)顯示廣告。

AdRotator移動控件提供了一些非常重要的屬性，這樣就可以設(shè)置廣告的一系列信息，包括廣告圖片的路徑和圖片的鏈接等。下表列舉的則是AdRotator移動控件的一些重要屬性：


屬性說明

AdvertisementFile

獲取或設(shè)置包含廣告數(shù)據(jù)的XML文件的路徑。該廣告文件包括一系列基于XML格式的廣告信息，例如Image URL、Navigate URL、Impressions、StartDate和EndDate等屬性ImageKey 返回廣告文件中檢索到的Image URL的元素名

NavigateUrlKey
獲取或設(shè)置廣告文件中檢索到的Navigate URL的元素名


清單1顯示的是AdRotator移動控件的基于XML的廣告配置文件。我們可以通過該配置文件為一個
AdRotator移動控件設(shè)置兩幅圖片，然后在頁面加載時隨機地顯示出廣告圖片。Impressions節(jié)點表示圖片顯示的機率，如天極網(wǎng)絡(luò)的機率為2000/2000＋1000＝2/3。StartDate、EndDate
表示圖片顯示的開始和結(jié)束日期。

清單1
：廣告配置文件
AdRotator.xml
<?xml version="1.0" encoding="utf-8" ?>
<Advertisements>
<Ad>
    <ImageUrl>images/yesky.gif</ImageUrl>
    <NavigateUrl>http://www.yesky.com</NavigateUrl>
    <AlternateText>
天極網(wǎng)絡(luò)
</AlternateText>
    <Keyword>Community Leader</Keyword>
    <Impressions>2000</Impressions>
    <StartDate>5/19/05</StartDate>
    <EndDate>7/18/05</EndDate>
</Ad>
<Ad>
    <ImageUrl>images/sina.gif</ImageUrl>
    <NavigateUrl>http://www.sina.com</NavigateUrl>
    <AlternateText>
新浪網(wǎng)
</AlternateText>
    <Keyword>User Group</Keyword>
    <Impressions>1000</Impressions>
    <StartDate>5/30/05</StartDate>
    <EndDate>7/5/05</EndDate>
</Ad>
</Advertisements>

現(xiàn)在我們可以使用AdRotator移動控件顯示XML文件中的廣告信息，你只需設(shè)置AdRotator移動控件的AdvertisementFile屬性為清單1的AdRotator.xml文件即可。

清單2：
AdRotatorDefault.aspx
<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="AdRotatorDefault.aspx.cs" Inherits="AdRotatorDefault" %>
<%@ Register TagPrefix="mobile"
Namespace="System.Web.UI.MobileControls"
Assembly="System.Web.Mobile" %>

<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
    <mobile:Form id="Form1" runat="server">
      <mobile:AdRotator ID="AdRotator1" Runat="server"
AdvertisementFile="~/AdRotator.xml">
      </mobile:AdRotator>
    </mobile:Form>
</body>
</html>