教程

小楼一夜听春语 4年前 (2021-04-25) 14517浏览

在《常用样式设置（2）》中，我们实现了一个七牛云的商品卡片。 之后，在《动态样式的按钮》我们对购买按钮进行了动态样式的处理。 当用户点击购买按钮之后会打开新的页面，在新的页面中仍然可以选择不同的 …

小楼一夜听春语 4年前 (2021-04-23) 13528浏览

在《常用样式设置（2）》中，我们实现了一个七牛云的商品卡片。 不过，当鼠标指针进入这个卡片的价格区域时，会出现立即购买的按钮。 一、第1种方式 有一种简单的方法，可以实现这样的交互效果。 那就是， …

小楼一夜听春语 4年前 (2021-04-23) 11866浏览

在七牛云商城的商品类目中有云短信套餐的商品卡片。 地址：https://qmall.qiniu.com/ 在本文中，我们逐步的将这个商品卡片模拟出来。 1、添加一个无边框矩形元件，宽度为“284”像素，高度为“110”像素，输入 …

小楼一夜听春语 4年前 (2021-04-22) 4509浏览

在《局部变量的应用》中，我们一起制作了一个输入步进器。 在这篇教程中，我们一起来实现更加复杂的输入步进器。 当每次点击加号按钮时，项数会递增1。 当每次点击减号按钮时，项数会递减1。 当项数为1项时 …

小楼一夜听春语 4年前 (2021-04-21) 4802浏览

本文案例的滑块更加高级，能够选择数量的区间。 这个也是Axure RP 10的Sample Form Patterns元件之一。 如果之前完成过《可以拖动的滑块-升级版》的话，本文的这个案例也没有太大难度。 先将元件在画布中准 …

小楼一夜听春语 4年前 (2021-04-20) 11995浏览

在百度旗下的零售大数据平台首页，底部的合作伙伴栏目中，每一个合作伙伴的图标都能够在鼠标指针进入时逐渐变为彩色。 地址：https://retail.baidu.com/ 我们曾经在《Axure的7种交互样式（1）-鼠标的交互样 …

小楼一夜听春语 4年前 (2021-04-20) 4280浏览

之前，在《可以拖动的滑块》一文中我们模拟了Sample Form Patterns元件库中的滑块元件。 在Axure RP 10版本中，这个滑块元件增加了更多的交互。 新增的交互如下： 1、点击轨道左侧的“0”，滑块会移动到轨道 …

小楼一夜听春语 4年前 (2021-04-20) 4279浏览

在《局部变量的应用》我们一起接触过“fx”的概念。 “fx”本身表示的就是函数，编写一个计算公式也可以看做是自定义的函数。 而在《系统变量的应用》中，我们点击[插入变量或函数]按钮之后，能够打开一个列表 …

小楼一夜听春语 4年前 (2021-04-16) 13909浏览

在Axure RP 9+的自带元件库“Sample UI Patterns”中，有一个名为“滑块”的元件。 结合我们已经掌握《局部变量的应用》、《系统变量的应用》以及《动态面板的应用（4）》，这个元件我们可以自己完成。 首先， …

小楼一夜听春语 4年前 (2021-04-16) 5097浏览

在移动端的原型设计中，通过手指拖动切换不同界面的操作很常见。 这样的交互设计，我们可通过动态面板的多个状态来实现。 在画布中，我们添加一个动态面板，命名为“切换面板”，并且为它添加3个状态，每个状 …