AppleSeeker's Tech Blog
Welcome to AppleSeeker's space
posts - 40,  comments - 358,  trackbacks - 2

在开发Mobile Web Site之前,准备工作:

1. 确认IIS可以正常启动。

2. VS2005能够以HTTP方式正常创建Web Site。

3. 至少有1个模拟器,Pocket PC,Smartphone,Openwave。

新建1个空的站点,在站点中添加一个Mobile Web Form,命名为index.aspx。

将该页面切换到Design模式,可以发现页面上的Form的宽度非常小而且是固定的,这是因为该页面与实际设备上显示的页面会保持一致。

控件的breakAfter属性,true表示控件render后会多添加一个换行符。

Mobile Web Form与Web Form之间的区别:

1. 控件Tag标签:

      Web Form:控件标签都以<asp:xxxx></asp>,atlas以前是以<atlas:xxxx></atlas>,现在也都统一成
                           <asp:xxxx></asp>形式了。

      Mobile Web Form:控件标签以<mobile:xxxx></mobile>

2. Mobile Web Form中可以添加的控件:(在Design中,Toolbox中)

      Standard:只能用于WM操作。

      Mobile Web Form:可以适用于任何移动设备浏览器,可能显示效果不一样,特殊控件需要根
                                       据设备进行效果调整。

3. Mobile Web Form上可以放置多个Form,而Web Form只能有1个Form。

4. Mobile Web Form不支持MasterPage,而Web Form支持。


一个站点中可以包含Web Form和Mobile Web Form,Mobile Web Form上的控件推荐都采用Toolbox中Mobile Web Form面板内的控件。针对不同平台的浏览器,定制一些适用于该平台的设置,Mobile Web Form中的所有Mobile控件都支持定制。

控件定制:

在控件的Properties的Property Overrides,选择Edit按钮,在Applied Device Filters中选择一个过滤器,选择好后按Edit编辑参数,Compare用于根据什么比较,Argument是该如果比较项等于该参数就满足该过滤器的条件,就可以按照你自己定义的这个效果显示。


Mobile Web Form的数据邦定控件ObjectList Control

可以用DataSource指定数据源,支持Template,共有3类Template。

1.Header and Footer Templates

2.Item Templates

3.Separator Template。

补充:一旦设置了某个Template,那默认的显示就消失了。

我只设置了Header和Footer,并没有设置Item,但是系统为认为Item也是设置的,只不过没有内容而已。另外,只有为ObjectList Control控件定制以后才能进行Template的编辑。



在Mobile Web Form上可以放置多个Form,Form的形式是以组件的形式加载的,当用户对该Form所在的Web Form发出请求后,就会将该Web上的所有Form全部加载,以减少在切换Form时的时间。同一Web上的不同Form间切换只传递的是一些数据,具体可以使用Openwave后看下请求和相应效果。

另外对于Openwave,由于在Openwave sdk 6.2.2中页面的button会显示出来,而不是当焦点移过去后,SoftKey左键会有button的显示,较早版本的Openwave中会有该效果的。

参考文章:

Customizing ASP.NET Mobile Web Controls for Specific Devices

posted on 2006-12-19 16:21 AppleSeeker 阅读(2870) 评论(15)  编辑 收藏 所属分类: .NetMobile

FeedBack:
2006-12-19 19:01 | 哈哈[匿名] [未注册用户]
我怎么没有Mobile web form?
  回复  引用    
#2楼 [楼主]
2006-12-19 20:08 | appleseeker      
@哈哈[匿名]
检查下开发环境.
  回复  引用  查看    
2006-12-19 20:54 | 哈哈[匿名] [未注册用户]
原来要以HTTP方式创建Web Site啊!
  回复  引用    
2006-12-20 07:42 | 韦恩卑鄙      
你的文章和你的标题《Windows Mobile 5.0 》没有关系啊 你建立的站点是任何wap和web浏览器都可以访问的
  回复  引用  查看    
2006-12-20 08:40 | 哈哈[匿名] [未注册用户]
会根据你浏览器的类型自动解析成相应的标记语言的
  回复  引用    
#6楼 [楼主]
2006-12-20 09:34 | appleseeker      
@韦恩卑鄙
我是在wm5.0的开发环境下,进行探讨研究。站点建立确实是任何wap和web浏览器都能浏览,但是浏览效果还是需要根据不同浏览器去订制,这样才能做出比较好的站点。

虽然VS2003也能开发移动站点,但是需要安装移动控件。

另外不同浏览器解析的语言不一样。基于windows mobile操作系统是可以解析html的,但是要让普通手机都能浏览的话就需要进行相应的定制。
  回复  引用  查看    
#7楼 [楼主]
2006-12-20 09:35 | appleseeker      
@哈哈[匿名]
HTTP方式是说你边开发,边调试的时候,别人也可以进行访问。

文件方式,是别人无法访问的。

在开发mobile移动站点时,以http方式的话,模拟器就可以进行测试~
  回复  引用  查看    
2006-12-20 11:24 | 励箭[匿名] [未注册用户]
怎么找不到"Device Emulator Manager"?
那位兄弟能告之,我安装的是Microsoft Visual Studio 2005 简体中文专业版,谢谢了!
  回复  引用    
#9楼 [楼主]
2006-12-20 14:45 | appleseeker      
@励箭[匿名]
中文版下的名字我不知道是什么,但是图标是一样的,你可以参照下Windows Mobile (1)中的“模拟器与Microsoft ActiveSync同步”截图的图标。

另外请看开发配置,在安装VS2005前是否安装了Microsoft ActiveSync
  回复  引用  查看    
2007-01-30 17:42 | 擦热 [未注册用户]
Mobile Web Form上可以放置多个Form,那我在跳转到这张页面时,可以指定显示的是某个Form吗
  回复  引用    
#11楼 [楼主]
2007-02-02 14:46 | appleseeker      
@擦热
可以通过设置ActiveForm来指定当前的Form
  回复  引用  查看    
2007-07-02 22:40 | 天下第一最贪 [未注册用户]
好东西,谢谢啊
  回复  引用    
2008-05-10 19:54 | zhangyi85 [未注册用户]
请问如何才能在本机上用模拟器来访问的到呢?我做好了一个移动的web页面,也发布并挂到了IIS下面了,用IE浏览器测试可以访问,但是打开模拟器,用模拟器里面的IE来访问,就总提示访问不到,但是用模拟器里面的IE访问www.google.com都可以的,请问我应该怎么做呢?谢谢!!
  回复  引用    
2008-05-10 19:55 | 张谊      
请问如何才能在本机上用模拟器来访问的到呢?我做好了一个移动的web页面,也发布并挂到了IIS下面了,用IE浏览器测试可以访问,但是打开模拟器,用模拟器里面的IE来访问,就总提示访问不到,但是用模拟器里面的IE访问www.google.com都可以的,请问我应该怎么做呢?谢谢!!
  回复  引用  查看    
#15楼 [楼主]
2008-05-12 11:54 | AppleSeeker      
@zhangyi85
@张谊
不好意思,今天上午看到后,写了篇文章,你可以参考下。
http://www.cnblogs.com/appleseeker/archive/2008/05/12/1193378.html
  回复  引用  查看    
AppleSeeker

MSN:appleseeker@hotmail.com
Mail:appleseeker@gmail.com

精品女装淘宝店


<2008年5月>
27282930123
45678910
11121314151617
18192021222324
25262728293031
1234567

与我联系

常用链接

留言簿(7)

我参与的团队

我的标签

随笔分类(63)

随笔档案(40)

Mobile Blog

最新随笔

搜索

  •  

积分与排名

  • 积分 - 88513
  • 排名 - 405

最新评论

阅读排行榜

评论排行榜

60天内阅读排行