元件案例

一、选中复选框 复选框未选中和选中时呈现不同的样式 两种方式

（1）用图片

按下成

 

步骤：

a 选中默认复选框---交互样式设置（选中）

 

b 为图片的【鼠标单击时】事件添加case

（2）设置元素文字为“对号”

a 为复选框添加【鼠标单击时】添加case1

b 为case1添加条件判断，

c 为case1添加满足条件的动作，【设置文本】到元件“CheckBox”

d 继续添加case2，不满足的动作

二、唯一选中项（多个按钮）

为按钮设置 选中 设置交互样式

设置【鼠标点击】 选中--选中状态为当前元件=true

选中---设置第一个按钮为默认样式

设置选项组名称 按钮唯一：只能同时有一个变样式

三、环状带缺口的背景条和进度条

拖一个矩形到画布，用自定义形状功能实现进度条的制作。

调整尺寸，为四分之三圆盘

 

拖一个椭圆形到画布，将其与带缺口的圆形中心对齐

选中--去除

四、文本标签：添加文本链接 浏览器中默认为蓝色，也可以自己设置

双击文本标签，按鼠标左键--插入文本链接

五、内联框架：嵌入百度地图，地图可以按住鼠标左键进行拖动，也可通过滚轮缩放。

拖内联框架

链接到mymap.html页面

mymap.html文件额制作

（1）打开百度地图开放平台http://lbsyun.baidu.com/

开发--地图生成器

（2）设置地图中心点，以国贸为例

（3）设置尺寸、显示的内容以及其他功能

（4）获取地图代码

（5）申请密钥，需写入地图API的密钥，点击“了解如何申请密钥”

（6）新建文本文档

（7）