关于axure原型在移动端的展示问题
我用axure画一个尽可能高保真的原型,在PC浏览器里基本能正常显示,之后我尝试在移动端展示。实现方式如下:
1、在axure中的mobile模式(generate HTML> Mobile/Deivce)中上传icon和做好相关设置
2、publish to axure share...发布到线上,或者url
3、在iphone中的浏览器中打开url, 使用safari的 add to home screen 的功能在手机桌面上增加一个图标。
4、点击该图标可以直接访问在线原型
在手机端显示的原型有一下几个问题:
1、 Axure 7.0中未Text Field(文本输入框)提供的hint text(提示性文字)的功能不正常。具体体现为,在文本框插入光标,开始输入内容时,hint text没有自动消失
2、Axure 不支持 droplist(下拉菜单)的样式调整。为了达到无框的效果,我用纯白色的区块遮住droplist边框,这点在pc端效果正常,但是在移动端显示非常难看。
3、 我在axure中用动态面板实现了向上拖拽,能够在移动端显示更多内容, 但是不知道如何设置成拖到指定位置之后就拖不了的效果。这个跟是都在移动端无关。
求职论坛上的各位,能否帮忙解决以上问题。非常感谢!
也希望多交流,讨论。 1. 你可以设置让输入框获得光标时,就让提示语消失。参考链接
如果想做成开始输入后才消失,需要让提示语单独放在一个面板里,方法比较另类。参考链接
2. 下拉菜单的样式问题,你可以自己用动态面板自己做一个,
彻底不用自带的下拉菜单。参考链接
3. 内容回弹的问题,需要用的条件判断,判断矩形间有无接触。参考链接
不是特别有必要时,不要做这样的高保真了,我曾经试验性的做了一个。
同时有Web端和iPhone端,iPhone端做着太烦劲,做了大部分效果,没有完全做完。
你可以试着用iPhone浏览器打开 http://www.ibang.cn 并添加到主屏幕看一看。 2# 尹广磊
多谢尹总答复。受用
页:
[1]