模拟iphone手机拨号案例的学习体会

春天

今天看到guosuyang发的手机按钮交互的求助帖子，见：http://www.hiaxure.com/thread-1010-1-1.html
下载了曾俊龙提供的Axure模拟iphone拨号.rp，自己琢磨了下，基本实现了拨号，总结了下面几点：
1）分析拨号的流程和交互操作实例。
每点击1个按键，顶部输出框（标签名设为show）在已有文本（若定义为Temp）之后紧跟出现该按键对应的数字或符号，
即：temp+N（N为某按键对应是数字或符合）
若以3键为例，先对3键按钮添加一个点击的触发动作（OnClick），以下为操作：
text on widget show equal to "[[temp]]3" and value of variable temp equal to "[[temp]]3"
①show（输出框）组件的值为“temp+3”，若temp=13，则show的值为133；
②将temp变量的值更新为“temp+3”，此时，temp的值为133；
下一次按键N后，show的值就为133+N，如此类推下去，就可以实现拨号的模拟了，其实就是输入一串字符。
注：[[]]是Axure对文本运算中的标识符吧？文本后加字符就是直接在[[原文本]]后面跟某字符，都不用"+"、“&”之类的运算符。
这些也是我刚发现的，也没查资料核实，有误之处还请纠正。

曾俊龙提供的例子中比上面的复杂一点，做了是否是输入第一位（从左边起）的判断，然后进行show和temp的赋值。
后来发现不用判断也是可以的，因为如果是第一次，temp变量默认为空，这样按以上①步骤后，show的值“temp+3”就是3；
按以上②步骤后temp的更新为3；

2）当鼠标落在按键上或点击时，按键颜色和鼠标样式的改变。
一开始看到这个效果，我以为用了OnMouseEnter呢，但并没有用。后来才发现直接“编辑按钮形状”-“编辑轮换样式”中
给填充下颜色（渐变色）就可以了，这样设置后，当鼠标落到按钮上方，鼠标会自动变为小手。
注：不过，我还是不太明白轮换样式的定义，还有为什么鼠标会自动变为小手。呵呵~请高手指教！

以上是一点学习体会吧，供和我一样的初学者参考。
可能有些贻笑大方了，还请高手指点指点！！
多谢啦~~

非法操作

1.[[x]]  x为变量 axure与运算无关
2.能够有轮换样式的只能是“button shape”和“矩形”组件，轮换样式其实就是rollover，就是鼠标hover，至于为什么会变为小手，也许是axure制作者认为一旦编辑了hover样式的矩形就应该是一个按钮，还有可能是因为加了hover生成的JS和HTML就必然会多个<a>，浏览器读下来就会变成小手
3.这些案例锻炼思维是不错的，实际工作中不用这么做，节省时间而且也不干扰视觉设计师

春天

2# 非法操作
多谢讲解，又长见识了。
再请教一下：
1）在实际工作中，这种练习逻辑思维的案例是不是并不常用？
2）如果在实际工作中有这样的交互设计需求（如该案例），一般采用什么样的方法更简便呢？
3）您使用Axure时，最常用的功能或操作都有哪些？
多谢！！！

iamnick

1.实际中其实不需要太多逻辑的东西的，原型只表达出我们想表达的想法
2.现在实际工作中做一般的原型我都用Axure,如果是做高仿原型，我用Microsoft Expression Blend，和Adobe Catalyst
3.动态面板-层，矩形

春天

4# 曾俊龙
多谢回答~~
我个人觉得动态面板比较重要，虽然还没有真正用于工作。
你说的另外两个软件我还没接触过，以后有需要的话学习哈~~~