认识达内从这里开始

认真做教育专心促就业

武汉达内培训组件化设计都有哪些常见类型

发布：武汉IT培训
来源：互联网
时间：2022-03-22 11:40

组件化设计是许多ui设计师都在使用的一种设计技巧，下面我们就通过案例分析来了解一下，组件化设计都有哪些常见类型。

武汉达内培训组件化设计都有哪些常见类型

一、弹出菜单

弹出菜单是原型设计中常用的组件，许多组件的使用方法也与它类似，熟练使用弹出菜单将会给您带来莫大的帮助。

二、弹窗

弹窗与弹出面板的操作步骤基本一致，区别在于弹出菜单的四个菜单项都可再设置交互动作，而弹窗仅有“是”、“否”两个选项可供设置交互动作，同时，弹窗内容的格式也与弹出面板略有区别。

三、抽屉

抽屉是一个常用的容器型组件，其特点为高度封装、高度可调节性、高度可容纳性，换句话说，您无需自行设计抽屉的细节，只需简单设置几下即可的到一个以多种方式滑出、能装入绝大多数组件的抽屉。

四、图片轮播

图片轮播组件支持数张图片的乱转展示，同样操作简单。先将图片轮播组件拖入工作区内，双击添加图片即可。

五、面板

面板其实就是一个可供放置组件的容器。

将能容面板拖至需要的地方，调整大小，双击进入编辑模式，拖入需要的组件即可。注意，组件超出面板边界的地方不会显示。你会发现：因为是容器，面板是有边界的，子组件超过边界的部分会被“切掉”。另外有意思的是：和“组”不同，设置交互的时候，可以将面板中的子组件作为交互目标，但“组”不行，只能将整个组设为交互目标，因为组是几个组件编组而成，编组之后，就被视为一个整体。

六、弹出面板

弹出面板是为灵活的交互组件。拖入一个弹出面板，双击打开，你会发现它里面什么也没有，但是利用它，我们完全可以自己制作出需要的弹窗、消息框、提示框等许多交互组件。

七、内容面板

内容面板主要用来实现内容的快速切换。但是它一般不会单独使用，你可以使用它和菜单栏、列表、选项卡等具有多选性质的组件来配合，共同完成内容切换。

八、滚动区

当屏幕大小不足以容纳我们需要展示的内容时，我们可以使用滚动区组件在有限的空间内展示更多内容。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。

< 上一篇：武汉达内ui培训ui设计师需要掌握哪些设计方法

下一篇：武汉达内培训数据仓库架构基础知识分享 >