码迷,mamicode.com
首页 > 其他好文 > 详细

34.元件的属性的使用(四)

时间:2018-06-21 23:41:37      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:公式   一个   info   img   按钮   .text   动画效果   添加   height   

这次主要学历两个属性:text跟name

技术分享图片完成一个操作 点击按钮的时候在文字标签这个文本显示矩形元件里的文字以及元件名字 怎么操作?

 

技术分享图片先给按钮设置一个鼠标单击时的动作

技术分享图片这是公式 记得用冒号链接

 

 

开始实操:

技术分享图片首先添加一个对角矩形 在中央输入一 然后设置400X400

 

技术分享图片复制三个面板 根据面板序号在中央分别写上序号 二 三 四

技术分享图片添加一个圆角矩形在中间输入一 同时更改面板状态一的名字为一 如右下角所示

技术分享图片然后再把其他面板依次更改

技术分享图片给按钮设置一个鼠标单击时的动作 设置面板状态 注意下方选择状态为值 然后提示为状态名或序号 我们已经在文本中输入了各状态的序号 因此通过得到文本来选择对应的状态

 

技术分享图片再复制三个按钮并更改其中的文本

生成之后可行!

技术分享图片再加一个按钮以及一个面板 依旧可行 所以扩展性非常好

那如果我不想把文本设置成序号怎么办?用名字

技术分享图片将各个按钮名字改成yi依次到wu,由于不能中文只能英文,那么我们的面板也要跟随更改

 

技术分享图片然后更改This.text为This.name

这样会更灵活 只要按钮名字跟面板名字统一就可以了 而且并不是每个元件都可以获得text 但是name都有。

 

技术分享图片复制网站模拟导航图以及二级菜单

 

技术分享图片给导航图设置鼠标移入时显示二级菜单 效果就是鼠标一放到导航图 就会都显示下方的二级菜单

 

技术分享图片当鼠标移出二级菜单的时候隐藏二级菜单

 

技术分享图片 同时默认隐藏二级菜单

生成之后可以实现效果!

但是我们可以做的更炫酷, 删除隐藏 直接利用动画效果

技术分享图片 设置显示向下滑动 同时设置弹出效果 不然一开始不会达到隐藏的效果

技术分享图片再给二级菜单设置一个向上滑动隐藏的效果

技术分享图片再设置一个向上滑动的效果 同理

 

34.元件的属性的使用(四)

标签:公式   一个   info   img   按钮   .text   动画效果   添加   height   

原文地址:https://www.cnblogs.com/newt/p/9211206.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!