在使用Axure制作滚动页面效果的时候,大家第一时间,肯定会想到使用动态面板去实现效果。
但是动态面板自带的滚动条,样式实在是有点丑丑的。有没有办法让这个丑丑的滚动条消失呢?今天就和大家分享一下如何制作无痕滚动条。
一、演示效果
二、制作步骤
1. 第一步:绘制需要滚动的内容
使用Axure自带的元件绘制出需要需要滚动的内容,这部分的内容所主要用于动态面板滚动时显示。
2. 第二步:转化动态面板
3. 第三步:设置面板尺寸&显示滚动条
其次,在动态面板上点击右键,依次选择“滚动条/垂直滚动条”,这里选择垂直滚动条是因为我们绘制的内容是需要垂直滚动的。
首先,打开Excel2010,如图所示,右侧的和底部的滚动条,现在是显示着的。接下来点击文件菜单,在弹出的菜单命令中找到选项,点击。弹出Excel选项对话框,在左侧点击高级,在右侧找到显示水平滚动条,显示垂直滚动条。将上面两个。
这里我们将动态面板的宽度增加18就正常了,因为18是axure滚动条的宽度,调整前后对比如下。
4. 第四步:隐藏滚动条
1、首先点击界面上方的新建 2、选择新建一个空白的表格文档 3、点击页面左上角的文件图标 4、点击左侧列表最下方的选项 5、勾选窗口选项中的水平滚动条和垂直滚动条,点击确定,6、最后在表格中就可以看到水平滚动条和垂直。
我使用的方法也很简单,在现有动态面板的基础上,再套一个动态面板,并且将新面板的尺寸设置成250×500,也就是默认动态面板的原始尺寸,以达到隐藏滚动条的目的。
也就是说这里包含了2层动态面板,内层是真正的包含滚动条的动态面板;外层是通过尺寸隐藏滚动条的动态面板。
1.滚动条隐藏 :打开word文档,滚动条默认是显示在文档的右侧 2.点击左上角的图标,然后点击word选项 3.点击高级选项卡,找到显示选项 4.取消勾选“显示垂直滚动条”,然后点确定 5.垂直滚动条被隐藏 6.勾选“显示垂直。
上图可以看出虚线框,也就是外层动态面板的区域范围,可以看到内层动态面板的滚动条已经在虚线框外了。
1、“EXCEL选项”设置中,“显示水平滚动条”未选择,如下图所示。2、EXCEL表格下方滚动条显示操作如下:1)首先如下图所示,EXCEL表格中下方无滚动条 2)点击“office”标识---弹出相关菜单选项页面 3)点击“EXCEL选项”。
刷新预览一下页面感受一下效果吧!
三、结尾
其实Axure虽然在原型上功能还算比较强大的,但是在美观度的控制上,依然不如代码,所以在制作高保真原型的时候,肯定会需要一些奇特的方法来实现最终的效果。
感谢阅读,希望我的文章,能够帮助到你!
题图来自 Unsplash,基于 CC0 协议。