本文给大家分享一个投票功能的交互实现教程，一起来看看
　　做原型时思考一些交互效果的实现过程，能锻炼我们的逻辑思维能力，并且熟能生巧，渐渐地高保真的交互效果也变得信手拈来，从而更好地表达我们想要实现的产品结果。
　　今天为大家分享一个投票功能的交互实现教程，先上图看最终效果：
　　复杂的问题简单化拆解问题
　　第一步：点击手势图标的动效
　　选中手势图标，鼠标点击时，手势图标围绕中心点，先顺时针旋转一定角度，然后再逆时针回转同样的角度，返回初始状态。交互用例如图所示，这样点击手势图标的动效就实现了。
　　第二步：文字元件数值的变化
　　点击手势图标，对应颜色的文字元件数值1，也就是设置文字元件a的值为〔〔a1〕〕（注意：不要忘记加〔〔〕〕）。交互用例如图所示，这样文字元件数值的变化就实现了。
　　第三步：矩形条长度随对应数值的变化而变化
　　矩形条的长度变化也就是投票数值占比的图形化表达。点击手势图标，触发对应文字元件数值变化，然后矩形条的长度（即元件宽度width）跟随文字元件数值的变化而变化，矩形条的高度不变。
　　接下来关键的一步，就是用公式来表达矩形条长度与文字元件数值的变化关系。如图所示，蓝色矩形条L1的长度为L1，矩形条总长度为固定值L2，L1的长度对应数值a，L2的长度对应数值（ab），即：L1L2a（ab），由此得出：L1L2a（ab）
　　然后将公式转化为Axure用例中的函数：L1。width〔〔math。ceil（L2。widtha（ab））〕〕
　　因为Axure里的尺寸数值为整数，所以要对可能为无限小数的a（ab）值取整数。这里要用到函数math。ceil向上取整，即math。ceil（x）返回大于等于参数x的最小整数，即对浮点数向上取整。例如：
　　math。ceil（1。1）2
　　math。ceil（3）3
　　所以，第三步矩形条长度变化的交互用例如图所示：
　　这样主体工程就完工了。当然你可以再进一步限制每人只能投一次票，设置点击后禁用元件即可，得出如图所示的效果：
　　源文件下载地址：https：share。weiyun。com5xHFHqA（访问密码：bxxw）
　　软件版本：Axure8

教程投票交互原型示例附下载本文给大家分享一个投票功能的交互实现教程，一起来看看做原型时思考一些交互效果的实现过程，能锻炼我们的逻辑思维能力，并且熟能生巧，渐渐地高保真的交互效果也变得信手拈来，从而……简洁明了的交互手册我们知道成功的页面设计不仅有很高的转化率更便于用户使用，既能满足商业目标更能为用户带来良好的体验。GoodUI是一家研究用户体验的设计机构，以下是他们在一些项目中获取的设计以及……你的产品要能挖掘人类最根本的欲望1。一切源于欲望1。1欲望？需求！欲望！何为欲望？心理学上对欲望的解释是由人的本性产生的想达到某种目的的要求。在这个定义里有两个关键词：本性、目的。它指出了欲望的源……下月起购房者存在这种情况的银行或将直在这个贷款买房的时代，房奴可是很苦逼的，每日茶不思饭不想夜不寐。但是，如果你连房奴都当不上，那岂不是更苦逼吗？现在，楼市调控越来越严格，申请房贷失败的购房者也是越来越多。在正常……年挂历值得收藏2019年挂历值得收藏爱是看不见的语言爱是摸不到的感觉爱是家人小小的心愿希望你永远平安快乐爱是仰着头的喜悦爱是说不出的感谢爱是每天付出……茄子高产的注意事项有哪些在乡村，茄子栽种是一种很普遍的蔬菜，是防衰老，维护心脑血管病的非常好特色美食，服用使用价值很高，如今茄子变成了一道十分非常好的家常小炒，市场需求也较为高，拥有非常好的种植前景，……刺猬领导者的强大领导力那些领导公司实现从优秀到卓越跨越的商业精英，在某种程度上都是刺猬简单而不引人注目，只知道一件大事，并且坚持不懈。人划分为2类：狐狸同时追求很多目标，思想凌乱或扩散，没有集……画眉鸟炸毛原因及处理一、画眉鸟炸毛原因：1、生鸟生鸟怕人或没有常遛，这种情况一般都好解决；2、饲料饲料不对口，拉便不成形；3、感冒感冒或生病、天气太冷等；4、长虫表现猥琐，……建军纪念币在哪里买建军纪念币将发行发行量及收藏价1。50克圆形金质aclasstaghrefwiki10225ddctuQYaouC。html纪念币a为精制币，含纯金50克，直径40毫米，面额800元，成色99。9，最大发行……印度神童预言疫情真的可信吗世上有很多巧合不可迷信印度神童最近火爆互联网，因为在去年这个年仅14岁的小男孩就预测新冠肺炎的发生，将在11月开始传播，一直爆发到全世界，于是，全网炸开了锅，表示印度神童预测疫情也太准了吧！那么，你……暴力惩罚是最差的教育方式近日，日美科学团队最新研究发现，孩子小时候犯错时打屁股并不能起到令其听话的效果，相反更容易对其未来的成长产生负面作用。研究还表明，那些小时候被监护人打过屁股的小孩在5岁半的时候……保温杯外面的漆有保温效果吗由于当下人们越加的注重养生，保温杯变成了多数人的标配，尤其到了冬季保温杯的使用率更是不断突破前高，但很多人在使用保温杯的时候都存有保温杯外面的漆有保温效果吗的疑问，一起看看吧。……