0
点赞
收藏
分享

微信扫一扫

LeetCode:2454. 下一个更大元素 IV(单调栈 & 优先级队列 Java)

GhostInMatrix 2023-12-14 阅读 76

目录 :

一,元件基本介绍

1.1 元件概述

1.2 元件操作

1.3 快捷键大全

二,基本元件的应用

2.1 形状

2.2 图片

2.3 文本

2.4 线段原件

2.5 热区

2.5.1 热区应用

三, 表单型元件的应用

3.1 文本框

3.2 文本域

3.3 下拉列表

3.4 列表框

3.5 复选框

3.6 单选按钮

四,表单案例

4.1 登入

4.1.1 组件

4.2 个人简历

4.2.1 组成元件


一,元件基本介绍

1.1 元件概述

1.2 元件操作

1.3 快捷键大全

在使用Axure RP9元件前我们需要来学习相关的快捷键 ,在我们后面学习中可以提高效率和原型图质量

二,基本元件的应用

2.1 形状

包括了矩形、圆形、矩形的应用比较广泛,它可以用来做很多的工作,比如作为页面的背景,只需要将矩形填充相应的颜色即可

2.2 图片

使用方法,图片元件的操作比较简单,可以通过双击选择本地磁盘中图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大

提示: 图片可以添加文字内容,需要在元件上点击鼠标右键,从菜单中选择【编辑文本】进入文字编辑状态

2.3 文本

文本元件包括文本标签、文本段落、一级标题、二级标题和三级标题,用来表示页面中的一些文字内容 实际上文本元件也是形状元件,给文本元件添加边框,就变成了矩形元件

文本标签: 使用该文本标签默认不会在画布显示边框

文本段落: 文字输入一行会自动跨行 , 不能跨空格

一级标题: 相比其他标题更大

二级标题: 比三级标题大 比一级标题小

2.4 线段原件

水平线、垂直线。选择水平线或垂直线,可以作为表示页面一些区域分割时使用,比如在两块不同区域之间添加一条水平线,来明显的区分

使用方法:将水平线或者垂直线拖拽到右侧画布中,然后按下 Ctrl 键,将鼠标置于线段末端,进行旋转

2.5 热区

热区是一个透明的元件,通过属性设置就可实现类似超链接的功能。

常用操作:比如在一张图片中的两个位置上添加点击跳转的效果,就可以在这两个位置上放置两个热区,然后为热区添加点击跳转的交互

2.5.1 热区应用

案例:

通过热区实现跳转不同页面

三, 表单型元件的应用

表单是需要用户填写的,所以表单型元件都是用于获取用户输入数据的元件

3.1 文本框

用于输入一行文字内容。 比较常见的使用场景是用户登录功能中用户名与密码的输入框

3.2 文本域

文本域,也叫多行文本框,用于大量文字段落的输入

3.3 下拉列表

用于多个选项的单项选择,往往也会有多个下拉

想添加选项, 双击编辑即可

3.4 列表框

直接呈现选项的选择框,可以支持单选或多选

注意:列表框元件与文本域元件在画布中外观一样,但是功能不一样。在交互功能面板中会显示元件的类型,注意分辨

3.5 复选框

用于一个或多个选项的选择,可以选中和取消选中状态

3.6 单选按钮

用于多个选项的单项选择,有些时候可以用下拉列表替代

比如: 个人简历选择男女性别的时候单选按钮只能选择一个, 肯定是不能选择两个的, 那怎么去让它只能选择一个呢. 

右击画布单选按钮----指定按钮单选的组---填写组名称

最后在另外一个单选按钮,右击画布复选框----指定按钮单选的组--下拉选择组名  这样就会默认这两个单选按钮为一组

四,表单案例

4.1 登入

4.1.1 组件

4.2 个人简历

4.2.1 组成元件

举报

相关推荐

0 条评论