常用图标按钮

SAP常用图标功能说明日期版本状态姓名2006-5-26 V 1.0 创建梁能圣确认按钮。

与键盘回车键功能相同。

如：在功能报表中，选择屏幕输入相应的数据，按确认或者回车后对数据的确认。

保存按钮。

对当前数据确认后，可以点此按钮保存数据。

比如创建订单后，数据无误时，可以点此按钮保存订单，数据将写入系统，同时产生订单号。

后退按钮。

返回前一屏幕。

后退按钮。

退出当前事务。

退出当前操作按钮。

在一些数据屏幕输入数据有误时，可能不能使用上面两个按钮退出当前操作。

可以用此按钮，无需确认数据退出当前操作。

打印按钮。

打印当前事务文档内容。

只在有打印功能的文档操作中有效。

搜索按钮。

在不同的事务里面，搜索按钮选择屏幕不是完全相同。

另外，可以用快捷键Ctrl + F达到相同的功能。

搜索下一个目标按钮。

如果在当前屏幕中使用过前述搜索按钮搜索关键字，点击此按键将直接搜索下一个目标，否则，将显示选择屏幕，输入关键字搜索。

这四个按钮是翻页使用。

第一个按钮跳转至第一页，第二个按钮跳转至当前页的上一页，第三个按钮跳转至当前页的下一页，第四个按钮跳转至最后一页。

一般在有多页数据时有效。

打开新的SAP事务窗口。

查看明细按钮。

选中一行项目，可以点击此按钮查看明细项目内容。

排序按钮。

选中某一列后，可以点击此按钮对此列按照降序方法排列。

排序按钮。

选中某一列后，可以点击此按钮对此列按照升序方法排列。

过滤按钮。

有选择的显示的项目。

举例说明：在MB52物料库存报表中，如果有多个库存地，而其中几个库存地数据不想显示的话，可以点击此按钮，选择库存地点，输入需要察看的库存地，确认即可。

汇总按钮。

选择报表一列，点击按钮进行数据的汇总。

只对数字列有效。

操作部分可以参考明细汇总的操作手册。

汇总明细按钮。

选择报表一列后，点击此按钮可以对该列中相同文字描明细汇总手册述的行项目进行一个子汇总。

附操作手册。

更改布局按钮。

第一个是更改布局，比如在报表只想显示几列或者显示报表中目前没有的列，可以用此按钮进行修改，第三个是保存布局，对你进行修改的布局进行保存，以便下一次使用，第二个是应用保存的布布局按钮操作手册局。

Accordion：可折叠标签Alert Box：警告弹窗Arrow / Line:箭头标记Breadcrumbs:面包屑导航Browser Window：浏览器窗口Button：按钮Button Bar / Tab Bar：选项条Calendar:日历Callout：插图编号Bar Chart：条形图Column Chart：柱状图Line Chart：折线图Pie Chart:饼图Checkbox：复选框Checkbox Group：复选框组Color Picker：颜色选择器combobox / PullDown Menu / DropDown List / Select List：下拉列表Comment / Sticky Note / To Do：电子便签Cover Flow：苹果首创的将多首歌曲的封面以3D界面形式显示出来的方式Data Grid / Table:数据表Data Chooser / Data Picker：日期选择器Field Set / Group / Container：该控件可将表单内的相关元素分组Formatting Toolbar / Rich Text Editor Toolbar：格式化工具条，富文本编辑器Geometric Shape：几何形状Help Button：帮助按钮Horizontal Curly Brace：水平花括号Horizontal Rule / Separator / Line / HR：水平分隔线Horizontal Scroll Bar：水平滚动条Horizontal Slider：水平滑块Horizontal splitter / Separator / Drag Bar:水平分隔器Icon：图标Icon and Text Label：图标和文本标签Image:图像iOS Keyboard：iOS键盘iOS Menu：iOS菜单iOS Picker：iOS选择器iPad：iPadiPhone：iPhoneLabel / String of Text：文本字符串Link：链接Link Bar / Navigation：链接条List：列表Menu：菜单Menu Bar：菜单条Modal Screen / Overlay：图片热区Multiline Button：多行文本按钮Numeric Stepper / Spinner / Spin Control：数字点选器ON/OFF Switch / Toggle：开关Paragraph of Text:段落文字Playback Controls：播放控件Pointy Button / iOS Button:尖角按钮Popover：弹出视图(常见于iPad）Progress Bar：进度条Radio Button：单选按钮Radio Button Group：单选按钮组Rectangle / Canvas / Panel：画布，面板Red X / X—Nay：红色叉Scratch—Out:擦除Search Box：搜索框Site Map：站点地图Subtitle：副标题Tabs Bar / Ribbon：选项卡Tag Cloud：标签云Text Area / Memo Field：备忘文本框Text Input / Text Field：文字输入框Title / Headline / Big Title:大标题Tooltip / Balloon：提示气泡Tree Pane：树结构窗格Vertical Curly Brace：垂直花括号Vertical Rule / Separator / Line / VR:垂直分割线Vertical Scroll Bar：垂直滚动条Vertical Slider:垂直滑块Vertical splitter / Separator / Drag Bar：垂直分隔器,拉杆Vertical Tabs：垂直选项卡Video Player：视频播放器Volume Slider：音量滑杆Webcam：网络摄像头Window / Dialog：对话框▏其它Mockup:实物模型Markup:标记Sketch：草图Opacity：不透明度presentation：演示hints：暗示cursor：光标assets：资源，资产zoom in：放大zoom out:缩小duplicate：快速复制粘贴（Ctrl+D) layer：图层注:软件为Windows OS 下的最新版本。

按钮的电气符号取决于其功能和设计，但通常来说，按钮的电气符号是一个矩形或圆形的图标，其中包含一个指向上的箭头或一个圆形符号，表示按下按钮时会触发某种动作或信号。

具体来说，常见的按钮电气符号包括：
1. 常开按钮（NO）：当按钮未按下时，触点处于打开状态；当按钮按下时，触点闭合。

2. 常闭按钮（NC）：当按钮未按下时，触点处于闭合状态；当按钮按下时，触点打开。

3. 继电器按钮：通常用于控制较大电流的电路中，其电气符号包括一个方形框和一组触点。

当按钮按下时，一组触点闭合；当按钮释放时，另一组触点闭合。

请注意，以上信息仅供参考，具体电气符号可能会根据不同的标准或应用领域有所不同。

如果需要更详细的信息，建议查阅相关的电气符号标准或手册。

6.2 数字APP图标常见尺寸与设计规范知识要点1.APP图标设计遵循的图标尺寸标准2.图标（iCON）设计规范3.按钮（Button）设计规范课程目标1.了解Android、ios系统图标的尺寸要求2.了解手机APP设计规范以及对于图片采用格式一、失之毫厘，谬以千里。

在手机APP图标设计中要严格遵循图标尺寸标准APP的图标（ICON）不仅指应用程序的启动图标，还包括状态栏、菜单栏或者是切换导航栏等位置出现的其他标识性图片，所以IOCN指的是所有这些图片的合集。

由于不同设备的屏幕密度不同，ICON也受这一密度制约。

a ndroid平台不同屏幕密度下图标的具体尺寸要求：在低、中、高和特高密度屏幕密度中，程序主界面、启动图标和菜单栏的尺寸分别为36X36、48X48、72X72、96X96；状态栏、列表显示、切换、标签和对话框尺寸为：24X24、32X32、48X48、72X72；根据不同屏幕密度来确定图标的具体尺寸，才能让用户得到更好的体验。

说过Android的图标。

iOS的图标，按手机、设备版本类型区分如下表不同版本的iPhone拥有不同尺寸分辨率的屏幕，所以其图标尺寸也有所区别。

APP Store中的启动图标无论哪个版本都是1024X1024；主屏幕图标1-3代为57X57，后面的为114X114；搜索图标1-3代为29X29,4-7普通版为58X58，plus版为87X87；标签栏1-3代为38X38，其他为75X75；工具栏和导航栏图标1-3代为30X30,4-7普通版本为44X44，plus为66X66。

需要提醒的是，在图标设计中请用栅格化系统进行设计。

如果设计尺寸为1024 x 1024 px，尽可能的采用黄金比例设计。

能让图标得到更好的显示效果。

二、手机APP设计规范指对整套APP界面进行视觉设计UI风格的统一，对界面元素的样式、颜色、图标按钮和大小设定统一的规范和使用原则。

方便以后协调合作和APP视觉迭代。

按钮的常见格式-概述说明以及解释1.引言1.1 概述概述：按钮是一种常见的用户界面元素，用于触发特定的操作或执行特定的功能。

它通常呈现为一个可点击的图标或文本，用户通过点击按钮来与应用程序或网页进行互动。

无论是在桌面应用程序、移动应用程序还是网页设计中，按钮都扮演着重要的角色，能够提供直观、便捷的用户体验。

按钮的格式多种多样，根据不同的设计需求和使用场景，常见的按钮格式可以分为以下几种。

首先，常见的按钮格式之一是扁平按钮。

扁平按钮具有简洁、清晰的外观，通常没有立体感和阴影效果。

它们通常使用明亮的颜色和简洁的图标或文本，使用户能够快速识别并进行操作。

扁平按钮适用于现代化和简洁风格的应用程序和网页设计，突出了内容的重要性和功能的直观性。

其次，常见的按钮格式还包括浮雕按钮。

与扁平按钮相比，浮雕按钮具有更强的立体感和阴影效果。

它们通过添加渐变、投影和阴影等视觉效果，使按钮看起来像凸起或凹陷在表面上。

浮雕按钮通常用于传统和较为复杂的设计风格，为用户提供更直观的触摸感，并与其他元素形成视觉对比。

此外，常见的按钮格式还包括图标按钮和文字按钮。

图标按钮使用简洁的图标来代表特定的功能或操作，使界面更加直观和便捷。

文字按钮则使用简短的文本来描述按钮的功能或操作，强调操作的明确性和可理解性。

这两种按钮格式在不同的设计场景中都具有广泛的应用，可以根据具体的设计需求进行选择和组合使用。

总之，按钮作为一种常见的用户界面元素，其格式的选择对于用户体验和界面设计的成功至关重要。

不同的按钮格式具有不同的外观和功能特点，设计人员应根据实际需求和用户习惯，选择合适的按钮格式以提供直观、友好的用户界面。

文章结构部分的内容可以如下编写：1.2 文章结构本文主要围绕着按钮的常见格式展开讨论，分为引言、正文和结论三个部分。

在引言部分，首先对本文要讨论的主题进行概述，介绍按钮在日常生活和各行业中的广泛应用，并简要描述本文的整体结构。

接下来的正文部分将详细论述几种常见的按钮格式。

第2章 EWB 5.0C 元器件库的使用2.1 信号源库该库内有：接地、电池、直流电流源、交流电压源、交流电流源、电压控制电压源、电压控制电流源、电流控制电压源、电流控制电流源、V CC电压源、V DD电压源、时钟脉冲源、调幅源、调频源、压控正弦波振荡器、压控三角波振荡器、压控方波振荡器、受控单脉冲、分段线性源、压控分段线性源、频移键控源FSK、多项式源和非线性相关源共23个图标按钮。

下面仅就常用的、有代表性的电源（信号源）图标按钮介绍如下。

2.1.1 电池单击信号源库，在其下拉的子图标按钮组中点选电池图标按钮不放，拖动鼠标将电池图形拽到电路工作区内。

根据需要对电池的参数及标识进行设置，有三种方法可调出参数设置对话框：1. 双击设置对象（指组成电路的元素）；2. 在设置对象上单击鼠标右键，在其下拉的子菜单中单击Component Properties选项；3. 单击菜单栏中的电路菜单，在其下拉的子菜单中单击Component Properties选项。

请注意，不论用那一种方法须首先选中设置对象（它以红色显示）。

调出的电池参数设置对话框如图2.1.1所示。

图2.1.1 电池参数设置对话框(Label项)该对话框共有五个选项，其余各元器件的设置对话框与此基本相同。

五个选项的名称及设置方法如下：●Label标号如图2.1.1所示。

图中的参考ID编号是系统自动分配的，可以修改，但不能有重号。

标号项可以随意设置，也可以输入汉字。

但须注意，Label项的框内最多输入20个数字或符号（十个汉字），且不接受上下脚标。

在电路图上可显示参考ID值（图中为隐藏），如自动分配的编号是V1，用户设置的标识是DC，在电路中将显示DC／V1 。

●Value数值如图2.1.2 所示。

当选择了数值选项后，可先输人数值（9位）再输入单位，这时用鼠标单击单位框右边上、下三角，改变为所需要的单位。

在EWB 5.0C中电压的单位有kV、V、mV、μV。

常见的控件介绍阅读⽬录常见的控件:1.⽂本输⼊框（TextBox）2.按钮控件（Button）3.下拉选框（DropList）4.⽇期/时间控件(Date/TimePicker)5.（图⽚、⽂件）上传控件（Upload）6.树形控件（TreeView）7.列表框（ListBox）8.多格式⽂本框（RichTextBox）9.Tab控件10.其他控件11.多浏览器兼容性问题以下是上述常⽤控件就样式、属性、功能、测试点等⽅⾯的总结1.⽂本框纯⽂本框（不带其他类型控件）主要分为密码框、⽂本框(TextBox)和多⾏⽂本框（TextArea）1.1密码框（1）样式：（2）属性：输⼊的⽂本会⾃动以⿊⾊圆点或星号加密显⽰。

（3）功能：⽤于输⼊密码（4）测试点（功能）：1.字符长度2.是否区分字母⼤⼩写3.全⾓半⾓输⼊（数字、英⽂）4.是否允许空格字符5.输⼊的密码是否密⽂显⽰，是否可以“显⽰密码”6.安全性：是否可以复制、粘贴⽅式输⼊、复制粘贴后是否看到明⽂7.安全性：密码传输过程是否加密、数据库保存是否加密8.密码验证⽅式是否为⽐对模式。

9.登录后是否会⽤明⽂传递参数10.利⽤复制粘贴等操作强制输⼊不允许的输⼊数据11.同⽂本框测试点1.2⽂本框（1）样式：（2）属性：普通⽂本框，允许输⼊⽂本、数字等类型的字符（3）功能：⽤于普通⽂本的输⼊和显⽰，常搭配其他控件使⽤（4）测试点（功能）：1.输⼊中⽂、英⽂⼤⼩写、数字、特殊字符，构建有效等价类和⽆效等价类2.全⾓半⾓输⼊（数字、英⽂）和显⽰3.输⼊框是否为必填项（空输⼊）4.是否可以输⼊空格以及对空格的处理（包括全⾓半⾓、中英⽂、⽂本⾸尾、⽂本间的空格）5.字符长度6.⽀不⽀持快捷键操作（Enter、Ctrl+“C/V/X/A/Z”复制粘贴剪切全选撤销等）7.数值型、⽇期型、时间型⽂本框的合法性校验8.利⽤复制粘贴等操作强制输⼊不允许的输⼊数据9.特殊字符（串）：单引号、双引号、分号、Null、null、/、\、转义字符、</html>等10.JavaScript代码：<b>Hello</b>、alert("hello")11.html代码：<font>你好</font>、<script>alert(/xss/)</script>12.注⼊式Bug1.3多⾏⽂本框（1）样式：（2）属性：可以输⼊复数⾏的⽂本。

网页按钮在现代的网络应用程序中，按钮是网页设计中不可或缺的一部分。

按钮是实现用户交互的重要元素，它们通常用于触发特定的操作或跳转到其他页面。

本文将探讨网页按钮的不同类型、设计原则以及在网页设计中的最佳实践。

一、网页按钮的类型1. 文本按钮文本按钮是网页设计中常见的一种按钮类型，它通常包含一些文本，用来描述按钮的功能或指示用户进行特定的操作。

这种按钮常用于提交表单、确认操作或导航到其他页面。

2. 图标按钮图标按钮使用图标或符号来代替文本描述按钮的功能。

这种按钮在现代网页设计中越来越流行，因为它们可以在有限的空间内传达清晰的信息，并使界面更美观、简洁。

3. 悬停按钮悬停按钮是指当用户将鼠标悬停在按钮上时，按钮的状态或外观会发生改变。

这种按钮可以通过改变颜色、添加阴影或改变形状等方式来提供交互反馈，向用户指示他们可以点击该按钮执行相应的操作。

4. 下拉菜单按钮下拉菜单按钮是一种特殊类型的按钮，当用户点击按钮时，会显示一个下拉菜单提供更多的选项。

这种按钮常用于显示多个相关的选项，例如用户设置、筛选条件或语言选择。

5. 切换按钮切换按钮类似于选择按钮，但可以为用户提供两个或多个选择状态。

用户可以点击按钮切换不同的状态，例如打开/关闭状态、显示/隐藏某个元素或更改特定的设置。

6. 操作按钮操作按钮是指用于执行特定操作的按钮，例如提交表单、保存更改或删除数据。

这些按钮通常与其他输入字段或表单组件结合使用，以便用户提交或确认他们的输入。

二、网页按钮的设计原则1. 易于识别按钮应该具有明确的辨识度，以便用户可以轻松地识别并点击它们。

为了实现这一点，设计师可以使用鲜明的颜色和清晰的图标来突出按钮，以确保用户可以迅速找到并使用它们。

2. 易于理解按钮的标签应该清晰、简洁，并与按钮的功能相符合。

避免使用晦涩难懂的术语或缩写，以免让用户产生困惑。

使用简洁明了的文字，使用户能够直观地理解按钮的功能。

3. 易于交互按钮应该在用户交互方面具有易用性。

Button按钮Button 按钮常⽤的操作按钮。

基础⽤法基础的按钮⽤法。

使⽤type、plain和round属性来定义 Button 的样式。

<div><el-button>默认按钮</el-button><el-button type="primary">主要按钮</el-button><el-button type="success">成功按钮</el-button><el-button type="info">信息按钮</el-button><el-button type="warning">警告按钮</el-button><el-button type="danger">危险按钮</el-button></div><div style="margin: 20px 0"><el-button plain>朴素按钮</el-button><el-button type="primary" plain>主要按钮</el-button><el-button type="success" plain>成功按钮</el-button><el-button type="info" plain>信息按钮</el-button><el-button type="warning" plain>警告按钮</el-button><el-button type="danger" plain>危险按钮</el-button></div><div><el-button round>圆形按钮</el-button><el-button type="primary" round>主要按钮</el-button><el-button type="success" round>成功按钮</el-button><el-button type="info" round>信息按钮</el-button><el-button type="warning" round>警告按钮</el-button><el-button type="danger" round>危险按钮</el-button></div>禁⽤状态按钮不可⽤状态。