面板&列表

ghostwuboy 2023-01-12 22:29:17

课时名称	课时知识点
面板&列表

...全文

177 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

巨幕【概念】巨幕组件主要是展示网站的关键性区域两种形式在固定的范围内，有圆角 <div class="container"> <div class="jumbotron"> 内容区域 </div> </div> 100%全屏，没有圆角 <div class="jumbotron"> <div class="container"> 内容区域 </div> </div>

目录创建下拉列表创建动态面板下拉列表与动态面板联动预览 Axure版本： Axure RP 9 创建下拉列表从左侧【元件】的【默认库】拖拽一个【下拉列表】到右边空白处，如图：双击【下拉列表】，如图：添加3个列表，名称分别为5、2、0，如图：创建动态面板从左侧元件默认库拖拽一个动态面板到右边，如图：双击动态面板，动态面板显示State1，如图：此时拖拽一个矩形框到面板中，并调整适合大小，写上数字5，如图：...

今天教大家在Axure中制作用下拉列表控制动态面板的原型模板，选择下拉列表选项后，可以打开下方动态面板的对应状态页面，我们通过两种方法来学习，一种是通过条件交互，这种方式比较适合新手，容易理解；第二种是通过变量和值来控制，这种方法比较方便。具体效果可以参考下方视频，该教程从0开始制作，手把手教学，无论是新手小白还是有一定基础的同学，都可以学习的哦

实现目标要实现一个自动滚动的列表，如下图所示：怎么做呢？制作好列表，通过以下两种方法来实现滚动。两种实现方式：方式一，一个动态面板+Loaded事件：直接上代码：说明： 1、动态面板只有一个状态，数据表放在动态面板中，核心的方法是界面加载的时候，就执行move事件，move事件里面自动滚动列表； 2、务必注意wait方法，因为axure时间中部分时间的执行顺序是并行的，如上图中的Fire Event事件，如果不加wait事件，那么loaded方法一开始就会执..

在上次任务中我们完成了如上图所示的效果，在这次课中，我们需要完成当点击每个列表项后的加号按钮时，打开底部面板，查看营养素和通过数字键盘添加食物数量得功能，效果图如下：可滑动面板，提供一种轻量的内容展示窗口，方便在不同尺寸中切换。Panel(show: boolean)参数：除支持通用属性外，还支持以下属性：通过效果图，可以看出该面板由顶部日期、记录项卡片、数字键盘三部分组成，本节课我们先完成顶部日期、记录项卡片部分。将顶部日期、记录项卡片部分封装成组件，在食物列表界面调用。底部面板属性设置如注释所示。想要

吴华的课程社区_NO_1

1

社区成员

407

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章