首页 > 代码库 > 元件案例

元件案例

一、选中复选框 复选框未选中和选中时呈现不同的样式 两种方式
(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)
技术分享
技术分享
技术分享
 
 

元件案例