今天在学习如何使用墨刀工具时,对于基础功能,大致和其他软件相差不大,但在实现页面局部垂直滚动时,遇见了一点问题,就是明明使用了滚动面板,但就是无论如何也滚动不起来。经过摸索后,发现是自己少给滚动面板添加状态了。在网上搜了一圈,没搜到,所以想着若有其他同学跟我一样遇见相同的问题,刚好可以参考下。下面我将实现步骤描述出来:
第一步
从墨刀组件中,拖一个“滚动面板”到页面指定区域,设置好滚动的区域,然后双击进入滚动面板的编辑页
第二步
在状态一里面将需要填充的内容填充好,然后点击“+”号,再创建一个状态,然后退出滚动面板编辑
第三步
在页面设置滚动面滚动的方向即可,点击运行,就可实现页面局部上下滚动了
如果按照步骤操作后,没有成功,记得逐步检查步骤是否正确。重点是要记得给滚动面板添加新的状态,不要以为是滚动面板了,就能直接在一个页面中布局就好。我就卡在了这个想法里,纠缠了好一阵。
后面还发现一种其他方案,其实不用滚动面板也能实现。我把操作步骤写明下,供参考:
第一步
随便添加几个组件,比如三张图片,然后设置成相同的大小(可以随便设置),然后选中三张图右键转化为动态组件即可
第二步
双击编辑动态组件,同样的方式,给组件添加一个新的状态,然后直接退出编辑即可
第三步
拖动图片的高度,如拖动到只有一个图片,然后设置组件的滚动方式,点击运行即可成功了
总结,只要掌握了动态组件的使用,就非常容易了。新加状态不但能实现滚动效果,其实它本身的原理是用来实现不同状态下,展示不同页面内容的。这就是墨刀这个工具强大的地方,他其实还有好多强大的功能,唯一不好的一点就是要收费,如果企业有购买,就很完美了。