wml_04 多卡片card管理和导航(do go prev标签的使用)

2009-12-28  分类:java_wml 标签:  作者:A-One


在上次视频中提到 wml 页面 有多个卡片组成的, 这也是区别与web网页(html或者htm页面)之处。

为什么这样说呢 ? 今次视频就可以演示一下了, 先运行上次的例子。

这是我们上次写的第一个页面, 那么大家想一下,如果我现在 想在手机模拟器上

再显示其他东西呢, 要另外做一个页面吗 ? 这是否定的。

这是上次的代码

<wml> 

 <card>
  <p>Hello World</p>
 </card>
</wml>

我们如果想在 屏幕上显示其他东西,不需要 再写多一个 .wml 文件。

只要写多一个 <card> </card> 标签组就可以了。

好了,现在马上 演示一下

因为现在出现多个 <card></card> 组,所以我们为了区别和以后好操作,加入一个属性id。

 <card id="c2">
  <p>Hi , c2</p>
 </card>
这是加入的代码, 用刷新一下 模拟器

没什么效果出来, 原来你想显示 c2 的内容, 需要一个按钮,让用手机的人 去点击
操作才可以 把 c2 的内容显示出来的。

这个操作应该放在 第一张卡片上,因为这是最先显示的。

  <do type="accept" label="Next">
   <go href="#c2" />
  </do>
解析一下上面代码的意思吧,do 可以看着是一个 动作吧, 就是用户操作的内容

accept 你可以理解成 后操作, label="Next" 显示给用户操作的信息, 也就是用户

会看到 Next 这个选项, 当用户点击了 Next 就会 执行 <go href="#c2" />

这不难理解, 就会 跳转到 c2 显示 <p>Hi , c2</p> 内容了,

这是我们的分析, 现在 刷新一下 手机模拟器 看看是否真的这样

========================

好,现在还是显示 第一张卡片 的 内容,

这个时候 你要点击 手机上的一个按钮 Options

看到一个 Next 选项了吧, 我们选择它,然后 点击 Select

然后就看到 Hi,c2 的内容了

点击 Back 就回到第一个页面了

===============================

accept 刚才说错了, 应该理解成 先后显示, 也就是显示下一张卡片

因为 do 标签还有 prev 这个属性, 是向前的, 可以理解成 后退

可以加入到 第二章卡片 , 后退就是变成 第一张了。

可能是因为手机自带了 Back 这个功能按钮,所以添加上去 没有什么效果出来。

为了好看一点,在card 标签中, 可以加入 title 这个属性, 上次视频

也介绍过,这里再用一下吧。

====================

最后做一个 小总结吧,

既然有了 card 那么, 我们做一个 wap网站 只需要一个 wml文件就可以了 ?

按照我自己的理解, 一个页面不建议太多 card , 太多的card,导航也会相当复杂。

 转来转去的操作,会让用户觉得反感。

另外就是 如果只用一个 wml 文件,这样也会使这个文件比较大。

还有代码太多 不利于维护。

下次 会介绍多个 .wml 文件之间操作, 还有一些 事件。。谢谢观看


“wml_04 多卡片card管理和导航(do go prev标签的使用)”没有评论

有任何疑问或建议,可以给作者留言:



公告:

  • 2010年5月之前的视频是文字解说演示,没有声音。
  • 2010年5月以后的视频全部带声音。