在上次视频中提到 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 文件之间操作, 还有一些 事件。。谢谢观看