Axure9.0实现高保真滑动条交互效果

557未经授权,禁止转载
广告图
关闭按钮
产品经理产品设计原型设计Axure产品原型交互设计滑动条交互动态面板拖动事件移动动作表达式编辑局部变量尺寸设置文本设置数值计算效果预览
本视频介绍了如何通过滑动条交互实现进度条和数据数值的动态变化。首先对元件进行命名并设置动态面板,然后通过拖动事件和移动动作实现滑块的移动。接着通过表达式编辑和局部变量控制彩色进度条的尺寸变化,最后设置文本动作实现数值的跟随变化。整个教程详细讲解了各个步骤,适合有一定基础的UI设计师和前端开发者学习。
讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}
ad
发布
头像

{{ item.user.nick_name }} {{ EROLE_NAME[item.user.identity] }}

置顶笔记
讨论图
{{ item.create_time }}回复
  • 删除

    是否确认删除?

    确认
    取消
  • {{ item.is_top == 1 ? '取消置顶' : '置顶'}}

    已有置顶的讨论,是否替换已有的置顶?

    确认
    取消
{{ tag.text}}
头像
{{ subitem.user.nick_name }}{{ EROLE_NAME[subitem.user.identity] }}
{{ subitem.create_time }}回复
删除

是否确认删除?

确认
取消
发布
{{pageType === 'video' ? '讨论区抢占沙发,可获得双倍学分' :'讨论区空空如也,你来讲两句~'}}
发布
{{tips.text}}
{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
头像
{{ detail.username }}

公开笔记对他人可见,有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记
保存
讲师头像
昝磊
十余年从业经验,专业从事线下培训3余年,集团评为全国十大优秀讲师称号,受邀多学校实训授课。善于思考、乐于分享,曾服务于电信、游戏、电商等行业,现就职上市培训公司做课程规划和讲师工作;熟悉产品设计流程和规范、精于产品体验及交互设计。精通ps,ai,axure,墨刀,pxcook,等软件,有自己学习软件的一套方法。
TA的课程
接下来播放:
自动连播