分享好友 资讯首页 资讯分类 切换频道

侧边栏效果:如何制作简单的侧边栏及跳转的交互?

2026-11-10 22:1500东莞安晨包装材料有限公司东莞安晨包装材料有限公司

本篇讲述:如何制作简单的侧边栏及跳转的交互?为“侧边栏效果”系列篇章的第一篇。

1.左侧上方页面处添加四个新页面,左侧下方添加母版,起名为侧边栏。

2.双击母版侧边栏。

3.从左侧元件库,基本元件处拖出一个矩形,宽改为80,高改为30。

4.从左侧元件库,菜单和表格中拖出一个表格。

5.右键Column2,点击删除列,然后右键Column3,点击删除列,右键Column1,点击删除行。

6.把剩下的表格,两个单元格分别改名为P1,P2。

7.选中整个表格,右键转换为动态面板。

8.右侧检索,表格名称处,起名P1+P2DT。

9.右侧检视,样式,选取隐藏。

10.选中P1+P2矩形,右侧检索,属性,交互,双击鼠标单击时。

11.点击显示/隐藏,选中P1+P2DT动态面板,可见性选切换,选中推动/拉动元件,确定。

12.选中P1+P2矩形和P1+P2DT动态面板。

13.按住CTRL,鼠标拖动,复制出一份。

14.将复制出的P1+P2矩形改为P3+P4。

15.将复制出的P1+P2DT动态面板改名为P3+P4DT。

16.双击右侧概要:母版中,P3+P4DT动态面板下的State1。

17.将P3+P4DT内的表格中的单元格P1和P2,改为P3和P4。

18.点击P3单元格,右侧检视,交互,双击鼠标单击时。

19.点击打开链接,选中New Page3,确定。

20.同理,P4单元格设置打开链接到New Page4。

21.双击右侧概要,P1+P2DT动态面板下的State1。

22.同理,分别为P1,P2单元格添加鼠标单击时,跳转链接到New Page1,New Page2。

23.双击左侧侧边栏母版,回到母版主页。

24.右键侧边栏,点击添加到页面中。

25.点击全部选中,确定。

26.双击左侧页面,New Page1,进入New Page1页面。

27.从左侧元件库,基本元件,拖出一个矩形,输入P1,字体调大,加粗。

点赞 0
举报
收藏 0
打赏 0
评论 0
分享 0
更多相关评论
暂时没有评论,来说点什么吧
或大或小的用户评论
在一个产品的发展历程中,用户数据越来越被视为核心资产,而用户评价数据作为其重要组成部分,无论从表现形式还是数据模型,都日趋多样化、复杂化。本文就简单跟大家梳理一下用户评价体系。评论的价值看待用户评论的价值,

0评论2026-11-104

设计方法:体系化的交互设计模型工具
本文介绍了一套交互设计模型工具(GUCDR模型+画布)。使用这个工具,可以让设计工作更加结构化地展开,设计过程更加体系化。它就像菜谱,有了菜谱做出来的菜一般不会太难吃。一,

0评论2026-11-108

从认知动机理论看设计:如何读懂用户?
在产品设计时,不仅只考虑用户表面上的需求和行为,还要从深层次上进行深挖用户的动机。认知动机理论的由来要想理解认知动机理论,那么就得先搞清楚什么是动机,动机就是人们采取行动的动力、念头,

0评论2026-11-105

作为后台产品经理,我是如何做APP产品的?
本文作者主要介绍的是APP前台产品的诞生过程,希望可以给你带来启发。enjoy~很多产品新人,刚开始做产品的时候,尤其是前台产品,习惯一上来不画流程图,直接输出原型;虽然脑子里大概有产品的流程图,但并没有输出;

0评论2026-11-1013

To B 产品基于场景进行的设计
本文作者将以签到为例,讲一讲在对签到进行优化的时候,其基于不同的场景做了哪些设计。在ToC产品中经常可以看到基于场景进行的设计,比如旅游类APP在获取你的定位后,给你推送当前城市相关的旅游信息;

0评论2026-11-107

我对订阅号或将改版的一点思考
对于订阅号将可能变成feed信息流,本文作者给出了自己的一点思考,与你分享~enjoy~网传图片如下:一句话的概况就是订阅号将可能变成feed信息流。这也引起了笔者的一番思考,本文从以下3个问题,发起疑问,

0评论2026-11-107

浅谈“加载刷新”与“品牌设计”的思考
“加载刷新”的与产品品牌如何才能完美融合呢?gif图片来源互联网,仅供演示请见谅!为什么要谈“加载刷新”?在谈为什么之前,笔者要讲一个大家可能都经过的场景,过春节坐火车回家,我们都遇见过特别想上厕所(内急),

0评论2026-11-108

深入浅出用户会员体系设计
文章从三个方面展开介绍用户会员体系的设计,希望能够给你带来帮助。作为一只优秀的产品狗,一定知道每一款产品从出生到衰亡都会经历:探索期、生长期、成熟期、衰落期这样一系列的生命周期。作为使用产品的用户来说,

0评论2026-11-105

以京东双11为例,浅析APP内如何进行流量转化
每一个APP都有它特有的、需要尽可能让更多用户持续并多次进入的『目标页面』,如何让用户“乖乖地”就范呢?这个『目标页面』也因每一个产品的功能、阶段目标的不同而随之改变。本文试图从案例中去找到可以普遍参考的运营点,

0评论2026-11-1017

如何让用户心甘情愿地为 App 评论和评分?
市面上很多App不厌其烦地让用户去点评App,即便用户勾选了「不,谢谢」,它还是会再次出现。今天分享的这篇文章,和大家一起侃一侃这个现象,并分享2种禁忌做法和4个最佳实践。为了得到好评,缠着用户不放是不礼貌之举,

0评论2026-11-107