|
<< 点击显示目录 >> 主页 mappView帮助助手 > mapp View帮助信息 > 工程 > 定制的小工具 > 定制键盘 > 定制键盘的造型 > 数字键盘的造型Styling a numeric keyboard |
这个小组件在内部被其他小组件使用和绑定。因此，它不能直接配置在一块内容上，但可以为它使用样式。
也可以从小组件库中引用媒体文件（参见 小组件库资源）。
在NumPad样式中引用本地媒体文件时，文件的引用方式如下。
LibraryMedia/[库名]/[文件名]。
例如。LibraryMedia/widgetlibrary_1/graphic.png
背景图片，例如按钮，使用SizeMode "cover "进行调整。
参见 尺寸模式。
Name |
Type |
说明 |
Default value |
backColor |
定义小组件的背景颜色。 |
#FFFFFF |
|
backGroundGradient |
将小组件的背景定义为一个颜色渐变。 |
|
|
backGround |
将小组件的背景定义为一个图像。 |
|
|
shadow |
定义小组件的阴影。 |
none |
|
opacity |
定义小组件的透明度。值越低，小组件就越透明。 |
1 |
|
cornerRadius |
定义小组件的角落样式。 |
0px |
|
borderColor |
定义小组件周围边界的颜色。 这个颜色也用于NumPad的箭头。 |
#333333 |
|
borderWidth |
定义小组件周围边框的宽度。 |
9px |
|
borderStyle |
定义小组件周围的边框样式。 borderStyle可以为所有页面一起指定（例如 "无"），也可以为页面分别指定（例如 "无 solid无 solid"）。 信息的顺序是上-右-下-左。 |
none solid solid solid |
|
textColor |
定义用于显示文本的颜色。这个值指的是所有没有自己的文本颜色设置的元素。 |
#000000 |
|
fontName |
定义用于显示文本的字体。这个值指的是所有没有自己的字体设置的元素。 |
Arial |
|
fontSize |
定义用于显示文本的字体的大小。这个值指的是所有没有自己的文字大小设置的元素。 |
14px |
|
Header (element <Header>) |
|||
headerBackColor |
定义页眉的背景颜色。 |
#333 |
|
headerBackGroundGradient |
将页眉的背景定义为渐变色。 |
|
|
headerTextColor |
定义用于显示页眉中的文本的颜色。 |
#FFFFFF |
|
headerFontSize |
定义用于显示页眉中的文本的字体大小。 |
18px |
|
headerCornerRadius |
定义页眉的边角样式。 |
0px |
|
Buttons (elements <ValueButton> and <ActionButton>) 以下可样式化的属性影响所有的 "ValueButton "和 "ActionButton "元素，但不影响 "ActionImage "元素. |
|||
buttonBorderColor |
定义按钮周围的边界颜色。 |
#555555 |
|
buttonMouseDownBorderColor |
定义按钮被按下时的边框颜色。 |
#333333 |
|
buttonBorderWidth |
定义按钮的边框宽度。 |
1px 1px 1px 1px |
|
buttonBorderStyle |
定义按钮的边框样式。 |
solid |
|
buttonBackColor |
定义按钮的背景色。 |
#FFFFFF |
|
buttonMouseDownBackColor |
定义按钮被按下时的背景颜色。 |
#FFA800 |
|
buttonBackGroundGradient |
定义按钮的背景为颜色渐变。 |
|
|
buttonMouseDownBackGroundGradient |
定义按钮在被按下时的背景为颜色渐变。 |
|
|
buttonBackGround |
将按钮的背景定义为图像。 |
|
|
buttonMouseDownBackGround |
将按钮的背景定义为按下时的图像。 |
|
|
buttonShadow |
定义了按钮的阴影。如果一个阴影与另一个元素重叠，可以用Z-index进行修正。 |
none |
|
buttonMouseDownShadow |
定义按钮被按下时的阴影。覆盖buttonShadow。如果阴影与其他元素重叠，可以用z-index来修正。 |
none |
|
buttonTextColor |
定义按钮的文本颜色。 |
#000000 |
|
buttonMouseDownTextColor |
定义按钮被按下时的文本颜色。 |
#000000 |
|
buttonCornerRadius |
定义按钮的边角样式。 |
0px |
|
buttonFontSize |
定义按钮的字体大小。 |
20px |
|
Buttons (element <ActionImage>) 下面的可样式属性只影响所有的 "ActionImage "元素，但不影响 "ValueButton "和 "ActionButton "元素。 |
|||
enterBackgroundImage |
定义有 "enter "动作的ActionImage的背景图片。 |
|
|
enterMouseDownBackgroundImage |
定义有 "回车enter "动作的ActionImage在按下状态下的背景图片。 |
|
|
deleteBackgroundImage |
定义有 "删除delete "动作的ActionImage的背景图像。 |
|
|
deleteMouseDownBackgroundImage |
定义有 "删除delete "动作的ActionImage在按下状态下的背景图像。 |
|
|
clearBackgroundImage |
定义有 "清除clear"动作的ActionImage的背景图像。 |
|
|
clearMouseDownBackgroundImage |
定义动作 "清除clear "的ActionImage在按下状态下的背景图像。 |
|
|
closeBackgroundImage |
定义有 "关闭close "动作的ActionImage的背景图像。 |
|
|
closeMouseDownBackgroundImage |
定义动作 "关闭close "的ActionImage在按下状态下的背景图像。 |
|
|
signBackgroundImage |
定义有 "签名sign "动作的ActionImage的背景图像。 |
|
|
signMouseDownBackgroundImage |
定义动作 "签名sign "的ActionImage在压制状态下的背景图像。 |
|
|
commaBackgroundImage |
定义有 "逗号comma "动作的ActionImage的背景图像。 |
|
|
commaMouseDownBackgroundImage |
定义动作 "逗号comma "的ActionImage在按下状态下的背景图片。 |
|
|
当前值的数值显示 (element <Value value="editValue">) |
|||
valueBackColor |
定义数值显示的背景颜色。 |
#FFF |
|
valueBackGroundGradient |
将数值显示的背景定义为渐变色。 |
|
|
valueBorderColor |
定义数值显示周围的边框颜色。 |
#333333 |
|
valueBorderStyle |
定义数值显示周围的边框样式。边框可以是不间断的、虚线的或点状的。 |
solid |
|
valueBorderWidth |
定义数值显示周围的边框的宽度。 |
1px |
|
valueCornerRadius |
定义数值显示周围的角的圆角。 |
0px |
|
valueFontName |
定义数值显示的文本所使用的字体。 |
Arial |
|
valueFontSize |
定义数值显示文本所使用的大小。 |
18px |
|
valueTextAlign |
定义值显示中的数值方向。 |
left |
|
valueTextColor |
定义用于显示值显示文本的颜色。 |
#000000 |
|
valueShadow |
定义值显示的阴影。 |
none |
|
valuePadding |
定义值显示的外部边界和其内容之间的间距。 |
0px 12px |
|
valueErrorColor |
定义滑块的值显示中的文本颜色，如果值超出了值的限制。 |
#cc0000 |
|
下限值的数值显示 (element <Value value="min">) |
|||
minValueFontName |
定义所显示的数值显示的文本所使用的字体。 |
Arial |
|
minValueFontSize |
定义显示的值的文本所使用的大小。 |
14px |
|
minValueTextColor |
定义用于显示值显示文本的颜色。 |
#000000 |
|
minValueTextAlign |
定义数值显示中的数值方向。 |
left |
|
上限值的数值显示 (element <Value value="max">) |
|||
maxValueFontName |
定义所显示的数值显示的文本所使用的字体。 |
Arial |
|
maxValueFontSize |
定义显示的值的文本所使用的大小。 |
14px |
|
maxValueTextColor |
定义用于显示值显示文本的颜色。 |
#000000 |
|
maxValueTextAlign |
定义数值显示中的数值方向。 |
left |
|
Element <Slider> |
|||
sliderForeColor |
定义滑块拇指的颜色。 |
#FFF |
|
sliderForeGroundGradient |
定义滑块拇指的颜色为渐变色。 |
|
|
sliderOutputBackColor |
定义滑块数值显示中的背景色。 |
transparent |
|
sliderTextColor |
定义滑块数值显示中的文本颜色。 |
#333333 |
|
sliderFontSize |
定义滑块数值显示中的字体大小。 |
16px |
|
sliderErrorColor |
定义滑块数值显示中的文本颜色，如果数值超出了数值限制。 |
#cc0000 |
|
sliderTrackColor |
定义滑块的滑块轨道的颜色。 |
#c8c8c8 |
|
sliderTrackGradient |
定义滑块轨道的颜色为梯度颜色。 |
|
|
sliderMajorTickColor |
定义滑块轨道的主要细分刻度的颜色，以刻度形式显示。 |
#333 |
|
sliderMinorTickColor |
定义滑块轨道的小细分刻度的颜色，这些刻度以刻度形式显示。 |
#aaa |
|
sliderTickValueColor |
定义滑块轨道的刻度值的颜色。 |
#333 |
|
sliderTickValueFontSize |
定义滑块轨道的刻度值的字体大小。 |
12px |
|
sliderTickValueFontName |
定义滑块轨道的刻度值的字体。 |
Arial |
|
Element <UnitInfo> |
|||
unitInfoBackColor |
定义单位显示器的背景色。 |
transparent |
|
unitInfoBackGroundGradient |
定义单位显示器的背景颜色为渐变色。 |
|
|
unitInfoBorderColor |
定义单元显示器周围的边框颜色。 |
#333 |
|
unitInfoBorderStyle |
定义单元显示器周围的边框样式。 |
none |
|
unitInfoBorderWidth |
定义单元显示周围的边框宽度。 |
0px |
|
unitInfoFontName |
定义单元显示的字体。 |
Arial |
|
unitInfoFontSize |
定义单元显示的文本大小。 |
14px |
|
unitInfoTextColor |
定义单元显示的文本颜色。 |
#000 |
|
unitInfoErrorColor |
定义单位显示的文本颜色，如果数值超出限制值。 |
#cc0000 |
|
unitInfoCornerRadius |
定义单元显示的角样式。 |
0px |
|
unitInfoShadow |
定义单位显示的阴影。 |
none |
|
unitInfoPadding |
定义单元显示的外部边界和其内容之间的间距。 |
0px |
|