Styling a message box

<< 点击显示目录 >>

主页  mappView帮助助手 > mapp View帮助信息 > 工程 > 事件和行动 > 行动 > Client actions > ShowMessageBox >

Styling a message box

样式设计

信息框的样式可以是这样的。


Description

Creating a style and using it in a theme

在这种情况下,要为消息框创建一个样式。 消息框设计样式必须使用的xsi:type是 system.brease.MessageBox

样式可以通过属性 Style在ShowMessageBox动作中 被引用

关于消息框的样式属性的信息在下面的章节中提供。

关于主题和样式定义的更多详细信息,请参见 主题和样式部分 。

<Style id="default" xsi:type="system.brease.MessageBox"
  headerGradient="linear-gradient(to bottom,#F7F7F7 0%,#C6C6C6 100%)"
  fontSize="20px"
  textColor="#474747"
  cornerRadius="8px 8px 0px 0px"
  borderWidth="1px"
  borderColor="#A899A0 #5F5F5F #5F5F5F #A899A0"
  shadow="5px 5px 20px 0px rgba(62, 79, 92, 0.75)"
/>

样式不能直接分配给消息框,因为消息框不是配置的,只能通过动作来控制。

风格化的属性

可样式化的属性是可以在一个样式中使用的属性。见 主题和样式

一部分可样式化的属性影响整个消息框;一部分只影响内容区或标题。关于解释,见 消息框的结构

Name

Data type

描述

Preset value

cornerRadius

PixelVal

整个消息框的转角半径

0px

opacity

Opacity

整个消息框的不透明度

 

shadow

Shadow

整个消息框的阴影定义

 

margin

Margin

整个消息框的边距(外部距离)。

 

borderWidth

PixelVal

内容区的边界宽度

5px

backColor

Color

内容区的背景颜色

#FFF

borderColor

Color

内容区边框的颜色

#333

borderStyle

BorderStyle

内容区边框的样式

solid

textColor

Color

内容区的文本颜色

#333

fontName

FontName

内容区的字体

 

fontSize

PixelVal

内容区的字体大小

12px

padding

Padding

内容区的填充(内部距离)。

 

bold

Boolean

值为 "true" 时,内容区的文本为 "粗体"。

false

italic

Boolean

值为 "true"时,内容区的文本为 "斜体"。

 

textAlign

TextAlign

内容区的文字排列

center

headerBackColor

Color

标题和按钮区的文本颜色

#333

headerGradient

Gradient

消息框标题的梯度

 

headerBorderWidth

PixelVal

消息框标题的边框宽度

0px

headerBorderColor

Color

消息框标题的边框颜色

#333

headerBorderStyle

BorderStyle

消息框标题的边框样式

 

headerTextColor

Color

消息框标题的文本颜色

 

headerFontName

FontName

消息框标题的字体

 

headerFontSize

PixelVal

消息框标题的字体大小

 

headerBold

Boolean

值为 "true" 时,消息框标题的文本为 "粗体"。

true

headerItalic

Boolean

值为 "true"时,消息框头的文本为 "斜体"。

 

iconError

ImagePath

图标类型 "错误 "的图像(32 x 32像素)。

 

iconAsterisk

ImagePath

星号 "图标的图像(32 x 32像素)

 

iconExclamation

ImagePath

惊叹号 "图标的图像(32 x 32像素)

 

iconHand

ImagePath

手 "图标的图像 (32 x 32像素)

 

iconInformation

ImagePath

信息 "图标 (32 x 32像素)

 

iconQuestion

ImagePath

问题 "图标的图像 (32 x 32 像素)

 

iconStop

ImagePath

图标类型 "停止"(32 x 32像素)。

 

iconWarning

ImagePath

警告 "图标的图像 (32 x 32 像素)

 

buttonBorderStyle

BorderStyle

按钮区中按钮的边框样式

 

buttonCornerRadius

PixelValCollection

按钮区中的按钮的边角半径

 

buttonFontSize

PixelVal

按钮区按钮的字体大小

 

buttonFontName

FontName

按钮区按钮的字体

 

buttonBorderWidth

PixelValCollection

按钮区的边框宽度

2px

mouseDownButtonBorderWidth

PixelValCollection

按钮区的边框宽度(在 "按下 "状态下)。

2px

buttonBorderColor

Color

按钮区按钮的边框颜色

#5B7C70

mouseDownButtonBorderColor

Color

按钮区的边框颜色(在 "按下 "状态)。

#FD7B01

buttonBackColor

Color

按钮区的背景颜色

#DBDBDB

mouseDownButtonBackColor

Color

按钮区的背景颜色(在 "按下 "状态)。

#DBDBDB

buttonBackGroundGradient

Gradient

按钮区按钮的渐变色

 

mouseDownButtonBackGroundGradient

Gradient

按钮区的渐变色("按下 "状态)。

 

buttonTextColor

Color

按钮区的文本颜色

#000

mouseDownButtonTextColor

Color

按钮区的文本颜色("按下 "状态下)。

#000

信息框的结构

一个消息框由内容区、标题和按钮区组成。

内容区显示一个文本和可选的图像。

消息框的页眉可以包含文本。

按钮区可以包含一个或多个按钮。

MessageBox

Header

Content

range

Button area