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

移动 .NET 图像

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


Image 控件

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

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


Image 类型

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

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

1@ Page 
2
3Inherits= 
4
5"System.Web.UI.MobileControls.MobilePage"
1@ Register 
2
3TagPrefix="Mobile" 
4
5Namespace="System.Web.UI.MobileControls" 
6
7Assembly="System.Web.Mobile" 

< Mobile :Form runat="server">

< Mobile :Image runat="server">

1<devicespecific>
2<choice imageurl="image.gif"></choice>
3<choice imageurl="image.bmp"></choice>
4<choice imageurl="image.wbmp"></choice>
5</devicespecific>

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

移动 .NET Utility

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


Adrotator 控件

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

1@ Page 
2
3Inherits= 
4
5"System.Web.UI.MobileControls.MobilePage"
1@ Register 
2
3TagPrefix="Mobile" 
4
5Namespace="System.Web.UI.MobileControls" 
6
7Assembly="System.Web.Mobile" 

< Mobile :Form runat="server">

< Mobile :AdRotator runat="server"

AdvertisementFile="advertisements.xml">


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

 1<advertisements>
 2<ad>
 3<imageurl>image1.gif</imageurl>
 4<bmpimageurl>image1.bmp</bmpimageurl>
 5<wbmpimageurl>image1.wbmp</wbmpimageurl>
 6<navigateurl>http://www.1.com</navigateurl>
 7<alternatetext>Visit 1</alternatetext>
 8</ad>
 9<ad>
10<imageurl>image2.gif</imageurl>
11<bmpimageurl>image2.bmp</bmpimageurl>
12<wbmpimageurl>image2.wbmp</wbmpimageurl>
13<navigateurl>http://www.2.com</navigateurl>
14<alternatetext>Visit 2</alternatetext>
15</ad>
16<ad>
17<imageurl>image3.gif</imageurl>
18<bmpimageurl>image3.bmp</bmpimageurl>
19<wbmpimageurl>image3.wbmp</wbmpimageurl>
20<navigateurl>http://www.3.com</navigateurl>
21<alternatetext>Visit 3</alternatetext>
22</ad>
23</advertisements>


日历控件

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

1@ Page 
2
3Inherits= 
4
5"System.Web.UI.MobileControls.MobilePage"
1@ Register 
2
3TagPrefix="Mobile" 
4
5Namespace="System.Web.UI.MobileControls" 
6
7Assembly="System.Web.Mobile" 
 1<script runat="server">
 2
 3Sub CalChanged(sender as Object,e as EventArgs) 
 4
 5lab1.Text="You selected " & c1.SelectedDate 
 6
 7ActiveForm=f2 
 8
 9End Sub 
10
11</script>

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

< Mobile :Calendar id="c1"

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

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

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


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


PhoneCall 控件

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

** The PhoneCall Control **

1@ Page 
2
3Inherits= 
4
5"System.Web.UI.MobileControls.MobilePage"
1@ Register 
2
3TagPrefix="Mobile" 
4
5Namespace="System.Web.UI.MobileControls" 
6
7Assembly="System.Web.Mobile" 

< Mobile :Form runat="server">

< Mobile :PhoneCall runat="server"

PhoneNumber="(555) 555-5555"

Text="Tove's number"

AlternateFormat="{0}" />


这里的属性 ”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 ),非常感谢。)

Published At
Categories with Web编程
Tagged with
comments powered by Disqus