设计一个滑动交互使用工具：AdobeXD左右滑动屏幕
创始人
2025-09-17 21:10:05
0次
明天的主题：设计滑动交互
使用工具：Adobe XD
预计持续时间：1-2 分钟
实用指数：★★★★★
难度系数：★
在本教程中，我们将与大家分享一个非常简单实用的教程——如何在Adobe XD中制作拖放手势并设计“滑动交互”。 通过该功能，用户将可以在移动页面上左右滑动来切换内容，达到在同一区域显示多种内容的理想效果。
Adobe XD
左右滑动查看内容
01. 初步规划
创建“.xd”格式的新文件或下载我们在下面提供的材料文件。
[]
02. 复印
按住“option”键或“alt”键，同时拖动画板标题以创建新副本。
03. 缩放
双击旋转轴上的图片，更改屏幕左侧数据区的数据，调整图片的大小和位置。 以下是参考数据：
- 图 1：宽：100，高：100，X：-208，Y：248
- 图片 2：宽：160，高：160，X：-98，Y：218
- 图 3：宽：240，高：240，X：79，Y：166
- 图 4：宽：160，高：160，X：336，Y：218
04.修改分组
在视口面板（视图 - 图层）中，将“NoLines”文本从“Group1”拖到“Group2”。
05.编辑标签
双击第二个画板上的“NoLines”以重新编辑标签。
06.加入互动
点击底部“原型”按钮进入原型模式后，双击选择第一个面板的中心图像。 点击图片上的“蓝色箭头”，拖动它与第二个面板连接，在“触发”选项中选择“拖动”。
选择第二个画板的中心图片，单击图片上的“蓝色箭头”怎么制作软件教程，然后拖动以与第一个面板连接。
07. 最终预览
点击底部两侧的“播放按钮”即可预览。 只需简单的滑动交互即可！
继续关注我们，与Adobe一起发现和探索更多有趣的新事物怎么制作软件教程，获取更多让你惊喜的最新功能和实用教程！
相关内容
热门资讯
软...
软件合集，ys下饭神器，速度收藏，你懂的！ , 发表于2023-12-14 23:23...
高...
“龙华是深圳的产业大区，是粤港澳大湾区规划中珠江东岸万亿级电子信息产业集群承载区、广东省人工智能高端...
哔...
除了哔咔，平常有整理一些实用方便的软件，每天也会在下面这个公众号分享~后台回复需要的软件名称即可软件...
这...
▼立即加星标，每天看好文▼12微信更改了公众号的推送规则，为避免错过公众号的消息，小伙伴们点击上方“...
【...
2023年12月13日，信息管理学院在五号会议室开展 “软件与系统系专业讲解”的分享会。此次活动邀请...
耳...
购买耳机时，很多事情看似神秘，但实际上很多都是商家欺骗消费者的手段。 我们想一想，我们在购买耳机的时...
W...
如今短视频非常流行。 如果我每天不看他们几个小时，我就会浑身不舒服。 有和我一样的人吗？短视频不仅帮...
好...
简单来说，录屏就是对屏幕进行录制。 那么你知道有哪些好用的屏幕录制软件吗？我以前从事新媒体运营，接触...
国...
随着计算机技术的快速发展和广泛普及，业务处理信息化已渗透到各行各业的工作中。 在图书馆管理领域，“数...
安...
AirPods一直被很多消费者公认为最好、最受欢迎的耳机。 部分用户已经从iPhone手机转向安卓手...
电...
我们在上网课、视频会议等过程中通常都需要录屏来记录重要的内容，但是电脑和手机的录屏功能还不够完善，无...
答...
大家好，我的名字是黛西。这几天，我的手机经常提醒我系统内部空间不足。从几十个软件中，仔细对比，除了必...
如...
粉丝还有新福利：工业、市场、道路交通、建筑、水利等工程行业的BIM软件均可申请体验正版！今天给大家带...
护...
艺卓显示器有很多系列。 您可能更熟悉 ColorEdge 专业色彩管理显示器系列。 事实上，EIZO...
W...
Win10预览版10532的界面变化比较明显，主要体现在右键菜单上。 总体来说，该版本的右键菜单间距...
眼...
·这是眼镜店专用软件，已升级至6:00。 其功能主要分为七个模块。 第一个是功能的展示。 我们稍后将...
不...
Office插件的最后一次更新是在2023年6月8日。这么久没有更新了，但它实际上是在构建更广泛的基...
标...
当前的营销趋势很普遍。 追求所谓“口红效应”、“网红带货”的快速消费品不少木工雕刻机软件教程，而注重...
淘...
动态评分是买家对交易成功后卖家产品与描述相符、卖家服务态度、卖家发货速度、物流公司服务四项的评分。 ...
有...
有一天，我和一个朋友出去玩。 我们都是视力障碍者。 我们边走边讨论如何找到路。我：你有没有因为找不到...