查看: 4957|回复: 2

关于axure原型在移动端的展示问题

[复制链接]

0

主题

37

回帖

29

积分

会员

Rank: 5Rank: 5

积分
29
发表于 2014-10-23 12:02:14 | 显示全部楼层 |阅读模式
尹广磊公众帐号
我用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中用动态面板实现了向上拖拽,能够在移动端显示更多内容, 但是不知道如何设置成拖到指定位置之后就拖不了的效果。这个跟是都在移动端无关。

求职论坛上的各位,能否帮忙解决以上问题。非常感谢!
也希望多交流,讨论。

531

主题

6314

回帖

6万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
67709
QQ
发表于 2014-10-23 15:01:24 | 显示全部楼层
1. 你可以设置让输入框获得光标时,就让提示语消失。参考链接
    如果想做成开始输入后才消失,需要让提示语单独放在一个面板里,方法比较另类。参考链接

2. 下拉菜单的样式问题,你可以自己用动态面板自己做一个,
     彻底不用自带的下拉菜单。参考链接

3. 内容回弹的问题,需要用的条件判断,判断矩形间有无接触。参考链接


不是特别有必要时,不要做这样的高保真了,我曾经试验性的做了一个。
同时有Web端和iPhone端,iPhone端做着太烦劲,做了大部分效果,没有完全做完。
你可以试着用iPhone浏览器打开 http://www.ibang.cn 并添加到主屏幕看一看。

0

主题

37

回帖

29

积分

会员

Rank: 5Rank: 5

积分
29
 楼主| 发表于 2014-10-23 16:36:34 | 显示全部楼层
2# 尹广磊


多谢尹总答复。受用
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2025-6-7 01:47

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表