Widgets

<< 点击显示目录 >>

主页  mappView帮助助手 > mapp View帮助信息 >

Widgets

小组件的类别表明小组件可以在哪些目标系统上使用。具有较高等级的小组件应该只在高性能的目标系统上使用。有关各种类别的更多信息,请参阅 这里

基本小组件分类显示哪些小组件包含在 mapp View Starter 软件包许可模式 中  。有关其他信息,请参阅 这里

小工具widget

命名

说明

级别

基础部件

alarmhistory-kopie

AlarmHistory

小工具 "AlarmHistory "提供了必要的接口,用于列出历史系统警报并与之互动。这些历史系统报警是由Mapp功能块 MpAlarmXHistory提供的 。

小工具 "AlarmHistory "由以下几个小工具组成。

警报历史

报警历史项目

B

check

alarmline_kopie

AlarmLine

小部件 "AlarmLine "提供了显示和交互警报的必要接口。这个小部件与 mapp AlarmX结合使用 。mapp AlarmX收集和管理所有报警。

小工具 "AlarmLine "由以下小工具组成。

AlarmLine

AlarmLineItem

B

check

alarmlist_2

AlarmList

小部件 "AlarmList "提供必要的接口,用于列出系统报警并与之互动。这些系统报警是由Mapp组件 MpAlarmX提供 的。

小工具 "AlarmList "由以下小工具组成。

报警列表

AlarmListItem

B

check

auditlist - kopie

AuditList

小工具 "AuditList "提供了一个接口,用于显示和交互来自审计系统的事件。这些事件是由Mapp功能块 MpAudit提供 的。

小工具 "AuditList "由以下小工具组成。

AuditList

AuditListItem

B

check

barchart - kopie

BarChart

小工具 "BarChart "提供了一个用于显示数值的图表。这里需要小部件 "BarChartItem";它的值在小部件 "BarChart "上显示为条形。

小工具 "BarChart "由以下小工具组成。

条形图(BarChart

条形图项目

条形图阈值

C

 

basicslider

BasicSlider

小部件 "BasicSlider "允许使用水平或垂直滑块拇指来改变一个值。

B

check

button

Button

小工具 "Button "允许由用户触发事件。

A

check

buttonbar

ButtonBar

小工具 "ButtonBar "将多个 "Toggle "类型的小工具组合在一起。这包括小部件 "ToggleButton"、"ToggleSwitch"、"CheckBox "和 "RadioButton"。小部件 "ButtonBar "中的所有元素在逻辑上是相连的;如果一个元素被切换为 真,所有其他的元素将自动被设置为 假。

B

check

checkbox

CheckBox

小部件 "CheckBox "允许在 真 和 假之间选择值  ,并触发相关事件。

A

check

contentcontrol - copy

ContentControl

小工具 "ContentControl "允许一块内容被加载到一个小工具中。

C

check

contentcarousel

ContentCarousel

小部件 "ContentCarousel "可以初始化和加载内容片段。双指滑动的手势最多显示两个引用的内容片断。可见尺寸大于50%的那块内容会以100%的尺寸显示。在双指滑动手势期间,第二块内容是部分可见的。

C

 

database

Database

小工具 "数据库 "建立了与 mapp数据库的连接  ,能够以表格和图形形式显示数据库的内容。

C

check

datetimeinput

DateTimeInput

小工具 "DateTimeInput "使输入日期和时间成为可能。

A

check

datetimepicker

DateTimePicker

小工具 "DateTimePicker "用于设置时钟或时间。这个小部件不能被手动添加,但它 被DateTimeInput内部使用 。

A

check

datetimeoutput

DateTimeOutput

小工具 "DateTimeOutput "使其有可能显示日期和时间。

A

check

donutchart _navigation

DonutChart

小工具 "DonutChart "可以用来在一个甜甜圈图表中显示数字数据。小工具 "DonutChart "提供了图表的容器,而小工具 "DonutChartItem "代表了甜甜圈图表的一个部分。

小部件 "DonutChart "由以下小部件组成。

小部件 "甜甜圈图表"

小工具 "甜甜圈图表项"

B

 

dropdownbox

DropDownBox

小工具 "DropDownBox "显示一个下拉框,用户可以从中选择几个元素之一。

B

check

ellipse

Ellipse

小工具 "Ellipse "显示一个有定义的边界和背景颜色的椭圆或圆形。

A

check

favoritewatch-kopie

FavoriteWatch

小工具 "FavoriteWatch "可以显示各种过程值。对于每个应该显示的值,小部件 "FavoriteWatchItemOut "或 "FavoriteWatchItemInOut "必须被拖入小部件 "FavoriteWatch"。

小部件 "FavoriteWatch "由以下小部件组成。

最爱手表

最喜爱的手表项目输出(FavoriteWatchItemInOut

最喜爱的观察项目输出(FavoriteWatchItemOut

C

 

flexbox_2

FlexBox

小部件 "FlexBox "是一个容器,可以容纳 "FlexBoxItem "小部件。在这种组合中,"FlexBoxItem "小部件的大小在 "FlexBox "小部件中被动态调整。更多信息,请看 。概念

小工具 "FlexBox "由以下小工具组成。

FlexBox

FlexBoxItem

B

 

flexlayoutpanel

FlexLayoutPanel

小工具 "FlexLayoutPanel "允许对小工具进行分组,其大小由要显示的内容定义。通过嵌套几个FlexLayoutPanel实例,分组的小部件可以显示为一个表格。

C

 

flyout

FlyOut

小部件 "FlyOut "是一个具有可定义大小的容器。这个容器可以通过放置在内容片边缘的按钮来打开。任何其他的Widget(除了另一个flyout)都可以被放置在这块内容上。

C

 

gridline_kopie

GridLine

小部件 "GridLine "是一个可自由配置的仪表板,其中的单个元素可以被扩展或折叠。元素(小部件 "GridLineItem")的排列可以在运行时通过拖放来改变。

小工具 "GridLine "由以下小工具组成。

网格线

GridLineItem

C

 

groupbox

GroupBox

小部件 "GroupBox "是一个容器小部件,可以容纳其他小部件。

B

check

hoverbutton

HoverButton

小部件 "HoverButton "允许由用户触发事件。如何使用这个按钮将在 概念部分解释 。

B

 

image

Image

小部件 "Image "可以显示一个图像。

A

check

imagelist

ImageList

小工具 "ImageList "可以显示一个从列表中选择的图像。

A

check

infobanner

InfoBanner

小工具 "InfoBanner "是一个可定义大小的容器,在打开和关闭时提供一个视觉过渡。这个容器可以放在一块内容的任何地方。

C

 

joystick_mockup

Joystick

小工具 "操纵杆 "允许通过一个滑块拇指进行两个值的改变(X值和Y值)。用户可以在圆圈内的所有X方向和Y方向上移动滑块拇指。

C

 

keyboard

KeyBoard

小工具 "KeyBoard "显示一个虚拟键盘用于输入数值。

A

check

label

Label

小工具 "Label "显示一个单行或多行静态或可本地化的文本。

A

check

laddereditor-kopie

LadderEditor

小工具 "LadderEditor "用于在mapp View HMI应用程序中对梯形图进行编程。

小工具 "LadderEditor "由以下小工具组成。

梯形图编辑器(LadderEditor

LadderEditorDialog

C

check

languageselector

LanguageSelector

小工具 "LanguageSelector "改变语言。

A

check

line

Line

小工具 "Line "画一条线。

A

check

lineargauge

LinearGauge

小工具 "LinearGauge "沿着一个刻度显示一个数值。

B

 

linechart2 - kopie

LineChart

小工具 "LineChart "是一个容器,可以容纳轴和图形。它用于显示历史数据。

小工具 "LineChart "由以下小工具组成。

线形图

线形图YA轴

线形图时间轴

线形图Graph

线形图索引轴

线形图X轴索引游标

线形图X轴MsTime光标

线形图X轴时间光标

C

 

listbox

ListBox

小工具 "ListBox "显示一个列表,用户可以从中选择一个元素。

B

check

login

Login

小工具 "Login "使得用用户名和密码登录mapp View服务器成为可能。它包含输入用户名和密码所需的所有小部件。该小部件还显示关于成功和失败的登录信息。在客户端成功认证后,分配给用户的角色的所有权限都适用于该部件。

A

check

loginbutton

LoginButton

小部件 "LoginButton "在mapp View服务器上执行登录。绑定到小组件的参数被用于用户名和密码。这个小组件可以作为小组件 "Login "的替代。

A

check

logininfo

LoginInfo

小部件 "LoginInfo "显示当前登录的用户。

A

check

logoutbutton

LogoutButton

小部件 "LogoutButton "注销了当前登录的用户。注销后,客户端恢复到用户 "匿名 "和角色 "所有人"。

A

check

measurementsystemselector

MeasurementSystemSelector

小工具 "MeasurementSystemSelector "允许用户选择一个测量系统。

A

check

momentarypushbutton

MomentaryPushButton

小工具 "MomentaryPushButton " 在 按钮被按下时,将值设置为1或 真。

A

check

motionkeypad

MotionKeyPad

小部件 "MotionKeyPad "显示一个虚拟键盘,用于为小部件 "MotionPad "输入数值。该小部件允许你使用键盘快捷键,使你更容易使用小部件 "MotionPad"。

A

 

motionpad

MotionPad

小部件 "MotionPad "被用作CNC程序的文本编辑器。

C

 

navigation

Navigation

小部件 "导航 "用于创建基于页面的导航。

A

check

navigationbar

NavigationBar

小部件 "NavigationBar "是一个容器,可以通过添加 "NavigationButton "小部件来配置改变页面。

A

check

navigationbutton

NavigationButton

小部件 "NavigationButton "用于在HMI应用程序的不同页面之间进行导航。这个小部件可以在一块内容或小 部件NavigationBar中单独使用 。

A

check

numericinput

NumericInput

小部件 "NumericInput "是用来输入一个数值的。点击小部件自动打开小部件 "NumPad",允许使用数字键或滑块输入。

A

check

numericoutput

NumericOutput

小部件 "NumericOutput "显示一个数值。

A

check

numpad

NumPad

小部件 "NumPad "用于输入数值。

A

check

onlinechart - kopie

OnlineChart

小工具 "OnlineChart "是一个容器,用于在图表中显示当前的过程值。

小工具 "OnlineChart "由以下小工具组成。

OnlineChart

OnlineChartGraph

在线图表时间轴

OnlineChartYAxis

C

 

onlinecharthda_mockup

OnlineChartHDA

小工具 "OnlineChartHDA "用于直观地显示当前OPC UA HDA(历史数据访问)数据和在线数据。

C

 

paper

Paper

小工具 "Paper "提供了一个区域,可以用来显示和修改SVG元素。

C

 

password

Password

小工具 "密码 "允许输入一个密码。输入的字符会被屏蔽。

A

check

pdfviewer

PDFViewer

小工具 "PDFViewer "使显示和处理PDF文件成为可能。

C

 

piechart - kopie

PieChart

小工具 "PieChart "提供了一个用于显示数值的图表。这里需要小部件 "PieChartItem";它的值在小部件 "PieChart "上显示为部分。

小工具 "PieChart "由以下小工具组成。

饼图(PieChart

PieChartItem

B

 

profilegenerator - kopie

ProfileGenerator

小部件 "ProfileGenerator "以图形方式显示由数组定义的轮廓。这个轮廓要么只显示(ProfileGeneratorYAxisItem over ProfileGeneratorXAxisItem),要么直接使用小部件 "ProfileGenerator "进行编辑(ProfileGeneratorYAxisStepItem over ProfileGeneratorXAxisStepItem)。

小工具 "ProfileGenerator "由以下小工具组成。

轮廓生成器

轮廓生成器XAxis

轮廓生成器XAxisItem

轮廓生成器XAxisStepItem

轮廓生成器Y轴

轮廓生成器Y轴项目

剖面图生成器YAxisStepItem

C

 

progressbar

ProgressBar

小工具 "ProgressBar "显示一个进度指示条。该条显示为0-100%的范围。

B

 

pushbutton

PushButton

小工具 "PushButton "允许数值从0到1被改变一次,然后该数值只能被应用程序重置,然后允许用户再次改变它。

A

check

qrviewer_mockup

QRViewer

小工具 "QRViewer "可以将网站地址(URL)转换成QR码®。通过扫描代码,用户可以访问网站,而不需要繁琐地手动输入地址(URL)。

B

 

radialbuttonbar

RadialButtonBar

小工具 "RadialButtonBar "使得沿曲线排列和移动 "ToggleButton "小工具成为可能。

B

 

radialgauge

RadialGauge

小工具 "RadialGauge "用于在一个带有指针的仪表中显示一个数值。

B

 

rs_helpmockup

RadialSlider

小工具 "RadialSlider "允许使用一个径向滑块拇指来改变一个值。

B

 

radiobutton

RadioButton

小工具 "RadioButton "使得从一个组中选择一个选项成为可能。因此,小部件 "RadioButton "打算在小部件 "RadioButtonGroup"中使用。

B

check

radiobuttongroup

RadioButtonGroup

小部件 "RadioButtonGroup "是一个容器,可以将几个 "RadioButton "小部件分组。这使得它可以通过选择相应的 "RadioButton "小部件来选择许多选项中的一个。

B

check

rangeslider

RangeSlider

小部件 "RangeSlider "允许使用两个水平或垂直的滑块拇指来改变一个值。

B

 

rectangle

Rectangle

小部件 "Rectangle "显示一个矩形。

A

check

sequencer-kopie

Sequencer

Widget "Sequencer" 用于在运行时编辑或监控机器的序列。

小部件 "Sequencer "是序列器的核心。所有其他的序列器小部件都放在这里。

小部件 "Sequencer "由以下小部件组成。

序列器

序列器编辑区

序列器监控器

序列器步骤项

定序器步骤项参数表(SequencerStepItemParameterForm

定序器步骤项弹出窗口

定序器表

定序器表格项目图像列表

C

check

skyline

Skyline

小工具 "天际线 "直观地显示机器线。机器线是在 mapp Skyline中定义的 。

C

check

stackedbarchart - kopie

StackedBarChart

小工具 "StackedBarChart "提供了一个用于显示数字数组的图表。这里需要 "StackedBarChartItem "小部件,其数值在小部件 "StackedBarChart "上显示为细分的条。

小部件 "StackedBarChart "由以下小部件组成。

堆积条形图(StackedBarChart

堆积条形图项目

叠加条形图阈值

C

 

systemnavbutton

SystemNavButton

小部件 "SystemNavButton "不能被手动添加,但它被小部件 "Navigation "内部使用。

A

check

tabcontrol-kopie

TabControl

小部件 "TabControl "定义了可以使用小部件 "TabItem "进行导航的区域的大小。小部件 "TabItem "被连接到每个制表器的小部件 "TabControl"。

小部件 "TabControl "由以下小部件组成。

TabControl

表项

C

 

table-kopie

Table

小部件 "Table "用于以表格形式显示数据。小部件 "Table "代表表格的核心,必须首先添加。可以使用小部件 "TableItem "和 "TableItemImageList "将列/行添加到小部件 "Table"。

小部件 "表 "由以下小部件组成。

表项

表项日期时间

TableItemImageList

C

 

textinput

TextInput

小部件 "TextInput "允许用户输入文本。点击这个小部件会自动打开一个屏幕键盘,可以用来输入文本。

A

check

textkeypad_mockup

TextKeyPad

小部件 "TextKeyPad "显示一个虚拟键盘,用于为小部件 "TextPad "输入数值。该小部件允许你使用键盘快捷键,使你更容易使用小部件 "TextPad"。这个键盘还支持不同的键盘布局,这取决于所选的语言。

A

 

textoutput

TextOutput

小部件 "TextOutput "可以显示一个文本。这个小部件也可以与片段一起使用,以显示一个动态的文本。

A

check

textpad_de

TextPad

小部件 "TextPad "被用作文本编辑器。文本板提供直接从mapp View HMI应用程序编辑通用文本文件的功能。它允许编辑和保存具有高级功能的文本文件,如键盘快捷键、搜索/替换和其他许多功能。

C

 

textpicker

TextPicker

小工具 "TextPicker "显示一个列表,用户可以从中选择一个元素。列表在这里显示为一个选择轮,所选元素总是显示在列表的中心。

B

 

timeline

Timeline

小工具 "Timeline "用于创建一个有刻度的时间线。

C

 

togglebutton

ToggleButton

小工具 "ToggleButton "使得在 假 和 真之间切换一个值成为可能 。

A

check

toggleswitch

ToggleSwitch

小工具 "ToggleSwitch " 可以在假 和 真之间切换一个值 。

B

 

userlist-kopie

UserList

mapp UserX的用户管理可以通过HMI应用程序使用UserList小部件进行编辑。

C

check

videoplayer

VideoPlayer

小部件 "VideoPlayer "显示一个视频,并允许用户使用视频播放器控制播放。

C

 

vncviewer

VNCViewer

小部件 "VNCViewer "提供一个VNC客户端,可以用来建立与外部VNC服务器的连接。

C

 

webviewer

WebViewer

小工具 "WebViewer "用于显示HTML页面。

C

 

xychart_mockup

XYChart

小工具 "XYChart "用于用2个数据数组图形化地显示X值和Y值。

C

 

test

XYJoystick

小工具 "XYJoystick "可以在X方向和Y方向上进行运动。

C

 

本节的主题:

Widget categories

Data types and enumerators

Additional information

Buttons

Chart

Containers

Data

DateTime

Drawing

Image

Login

Media

Motion

Numeric

Selector

System

Text

Process

Use cases