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

35.元件属性的使用(五)

时间:2018-06-22 01:09:32      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:其他   第一个   9.png   函数   对象   转化   技术   一个   使用   

这次要做一个手机翻小说的类型 右边有滚动条 上面有页码显示 随着滚动条的移动页码也会逐步变化

技术分享图片先准备四张图竖排链接在一起 尺寸都是400X400 然后全选四张图转化为动态面板

技术分享图片然后把属性的自动调整内容尺寸的勾去掉 再把面板改成400X400(之前面板是由四个图组合的 高有1200) 调整之后只有一张图 因为其他的图隐藏了 需要滚动条才能看到

 

技术分享图片属性这里有一个滚动条 在这里我们用垂直的滚动条

生成之后会出现滚动条!

下面我们做页码的显示:

技术分享图片先做一个矩形显示按钮

思路:滚动条滚动的距离除以图片高度(400)得到一个距离 用来得到页码

技术分享图片给面板设置一个用例 “滚动时”这是面板的一个特殊用例

设置yama那个显示的元件的文本 两条设置 由上至下执行!

技术分享图片第一条设置的公式 用鼠标滚动距离(这里是Y轴滚动)除以400得到小数然后加1

 

 技术分享图片这是第二条设置的公式 又第一条设置添加局部变量得到yama这个元件上的数字 然后利用数字这个对象的函数四舍五入 注意第一个“.”前面的是ym 括号里的数字表示的意思是保留几位小数 这里我们是要取整 因此填0

技术分享图片同时在第二个公式里加上"第”和“页”

 

35.元件属性的使用(五)

标签:其他   第一个   9.png   函数   对象   转化   技术   一个   使用   

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

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