移动设备的Web应用程序开发----(图像和Utility)

类别:.NET开发 点击:0 评论:0 推荐:

移动.NET图像

移动.NET在不同设备类型上显示不同图像的类型。


Image控件

不同的移动设备显示的兼容性不同。

Image控件允许开发者为不同的设备类型指定图像的不同类型。


Image类型

有些移动设备显示GIF图像,有些显示BMP或者WBM图像,Image控件允许你为每个适合的图像类型指定不同的图像。

这个移动页面显示一个图像:

<%@ Page

Inherits=

"System.Web.UI.MobileControls.MobilePage"%>

<%@ Register

TagPrefix="Mobile"

Namespace="System.Web.UI.MobileControls"

Assembly="System.Web.Mobile" %>

<Mobile:Form runat="server">

<Mobile:Image runat="server">

  <DeviceSpecific>

    <Choice ImageURL="image.gif" />

    <Choice ImageURL="image.bmp" />

    <Choice ImageURL="image.wbmp" />

  </DeviceSpecific>

</Mobile:Image>

</Mobile:Form>

当这个页面显示在Pocket PC上的时候,将显示成GIF图像。在手机上将根据收集的特性显示成WBMP或者BMP图像。

移动.NET Utility

Utility控件通过很少的代码支持复杂的用户界面。


Adrotator 控件

这个移动页面显示不同的广告:

<%@ Page

Inherits=

"System.Web.UI.MobileControls.MobilePage"%>

<%@ Register

TagPrefix="Mobile"

Namespace="System.Web.UI.MobileControls"

Assembly="System.Web.Mobile" %>

<Mobile:Form runat="server">

<Mobile:AdRotator runat="server"

 AdvertisementFile="advertisements.xml">

</Mobile:AdRotator>

</Mobile:Form>

这个是广告(ad)文件叫做“advertisements.xml”:

<?xml version="1.0" ?>
<Advertisements>

<Ad>
<ImageUrl>image1.gif</ImageUrl>
<BmpImageUrl>image1.bmp</BmpImageUrl>
<WBmpImageUrl>image1.wbmp</WBmpImageUrl>
<NavigateUrl>http://www.1.com</NavigateUrl>
<AlternateText>Visit 1</AlternateText>
</Ad>

<Ad>
<ImageUrl>image2.gif</ImageUrl>
<BmpImageUrl>image2.bmp</BmpImageUrl>
<WBmpImageUrl>image2.wbmp</WBmpImageUrl>
<NavigateUrl>http://www.2.com</NavigateUrl>
<AlternateText>Visit 2</AlternateText>
</Ad>

<Ad>
<ImageUrl>image3.gif</ImageUrl>
<BmpImageUrl>image3.bmp</BmpImageUrl>
<WBmpImageUrl>image3.wbmp</WBmpImageUrl>
<NavigateUrl>http://www.3.com</NavigateUrl>
<AlternateText>Visit 3</AlternateText>
</Ad>

</Advertisements>


日历控件

这个也动页面显示一个日历:

<%@ Page

Inherits=

"System.Web.UI.MobileControls.MobilePage"%>

<%@ Register

TagPrefix="Mobile"

Namespace="System.Web.UI.MobileControls"

Assembly="System.Web.Mobile" %>

<script runat="server">

 

Sub CalChanged(sender as Object,e as EventArgs)

lab1.Text="You selected " & c1.SelectedDate

ActiveForm=f2

End Sub

 

</script>

 

<Mobile:Form id="f1" runat="server">

<Mobile:Calendar id="c1"

 OnSelectionChanged="CalChanged" runat="server" />

</Mobile:Form>

 

<Mobile:Form id="f2" runat="server">

<Mobile:Label id="lab1" runat="server" />

</Mobile:Form>

这个例子里日历显示在第一个表单里,当用户从日历里面选择数据时,选择的日期显示在新的页面里。


PhoneCall控件

当用户选择文本这个移动页面显示文本“Tove’s number”和电话号码(555)555-5555

The PhoneCall Control

<%@ Page

Inherits=

"System.Web.UI.MobileControls.MobilePage"%>

<%@ Register

TagPrefix="Mobile"

Namespace="System.Web.UI.MobileControls"

Assembly="System.Web.Mobile" %>

<Mobile:Form runat="server">

 

<Mobile:PhoneCall runat="server"

PhoneNumber="(555) 555-5555"

Text="Tove's number"

AlternateFormat="{0}" />

 

</Mobile:Form>

这里的属性”AllternateFormat”{0}。设置成这种显示将会显示为文本状。

如果你是用值{1}它将显示成”PhoneNumber”

你也可以实用如下的构作AlternateFormat =”{0}is{1}”.这时候将会显示“Tove's number is (555) 555-5555”。


Utility 控件

Name

Function

AdRotator

Displays advertisements

Calendar

Displays a calendar

PhoneCall

Calls a telephone number

要了解更多的信息参考MSDN

 

(译者注:上面是一个入门的ASP.NET的移动页面的简单的纵向描述,非常简单,希望它可以帮助刚刚入门的网友,当然我在最后还是推荐多看看MSDN,那里又很多很详细的信息,到此这篇简单的文章也算完了。谢谢阅读。谢谢批评指正(尤其是英语J),非常感谢。)

本文地址:http://com.8s8s.com/it/it45351.htm