|
<< 点击显示目录 >> 主页 mappView帮助助手 > mapp View帮助信息 > 工程 > 定制的小工具 > 定制键盘 > 定制键盘的造型 > 字母数字键盘的造型Styling an alphanumeric keyboard |
这个小组件在内部被其他小组件使用和绑定。因此，它不能直接配置在一块内容上，但可以为它使用样式。
媒体文件也可以从部件库中引用（见 部件库资源）。
在AlphaPad样式中引用本地媒体文件时，文件的引用方式如下。
LibraryMedia/[库名]/[文件名]。
例如。LibraryMedia/widgetlibrary_1/graphic.png
背景图像，例如按钮，使用SizeMode "cover "进行调整。
参见 尺寸模式。
Name |
Type |
说明 |
Default value |
backColor |
定义小组件的背景颜色。 |
#FFFFFF |
|
backGroundGradient |
将小组件的背景定义为一个颜色渐变。 |
|
|
backGround |
将小组件的背景定义为一个图像。 |
|
|
shadow |
定义小组件的阴影。 |
none |
|
opacity |
定义小组件的透明度。值越低，小组件就越透明。 |
1 |
|
cornerRadius |
定义小组件的角落风格。 |
0px |
|
borderColor |
定义小组件周围边界的颜色。 |
#333333 |
|
borderWidth |
定义小组件周围边框的宽度。 |
9px |
|
borderStyle |
定义小组件周围边框的样式。 borderStyle可以为所有页面一起指定（比如 "none"），也可以为页面分别指定（比如 "none solid none 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>) The following styleable properties affect all "ValueButton" and "ActionButton" elements, but not "ActionImage" elements. |
|||
buttonBorderColor |
定义按钮周围的边界颜色。 |
#555555 |
|
buttonMouseDownBorderColor |
定义按钮被按下时的边框颜色。 |
#333333 |
|
buttonBorderWidth |
定义按钮的边框宽度。 |
1px 1px 1px 1px |
|
buttonBorderStyle |
定义按钮的边框样式。 |
solid |
|
buttonBackColor |
定义按钮的背景色。 |
#FFFFFF |
|
buttonMouseDownBackColor |
定义按钮被按下时的背景颜色。 |
#FFA800 |
|
buttonCheckedBackColor |
定义按钮被锁定时的背景色。 |
#FFA800 |
|
buttonBackGroundGradient |
将按钮的背景定义为颜色渐变。 |
|
|
buttonMouseDownBackGroundGradient |
定义按钮被按下时的背景为颜色渐变。 |
|
|
buttonCheckedBackGroundGradient |
将按钮锁定时的背景定义为渐变色。 |
|
|
buttonBackGround |
将按钮的背景定义为一个图像。 |
|
|
buttonMouseDownBackGround |
在按钮被按下时将其背景定义为图像。 |
|
|
buttonShadow |
定义了按钮的阴影。如果一个阴影与另一个元素重叠，可以用z-index来纠正。 |
none |
|
buttonMouseDownShadow |
定义按钮被按下时的阴影。覆盖buttonShadow。如果阴影与其他元素重叠，可以用z-index来修正。 |
none |
|
buttonCheckedShadow |
定义按钮被锁定时的阴影。覆盖buttonShadow。 |
none |
|
buttonTextColor |
定义按钮的文本颜色。 |
#000000 |
|
buttonMouseDownTextColor |
定义按钮被按下时的文本颜色。 |
#000000 |
|
buttonCornerRadius |
定义按钮的边角样式。 |
0px |
|
buttonFontSize |
定义按钮的字体大小。 |
20px |
|
在按钮上以下标或上标显示替代字符 (<ValueButton shiftDisplay> or <ValueButton specialDisplay>) |
|||
buttonShowSub |
定义下标的显示方式。 |
true |
|
buttonSubFontSize |
定义按钮的字体大小。 |
12px |
|
buttonSubTextColor |
定义按钮的文本颜色。 |
#000000 |
|
buttonSubMouseDownTextColor |
定义按钮被按下时的文本颜色。 |
#000000 |
|
buttonShowSup |
定义上标的显示方式。 |
true |
|
buttonSupFontSize |
定义字体大小。 |
12px |
|
buttonSupTextColor |
定义文本颜色。 |
#000000 |
|
buttonSupMouseDownTextColor |
定义按钮被按下时的文本颜色。 |
#000000 |
|
Buttons (element <ActionImage>) 下面的可样式属性只影响所有的 "ActionImage "元素，但不影响 "ValueButton "和 "ActionButton "元素。 |
|||
closeBackgroundImage |
定义具有 "关闭 "动作的ActionImage的背景图像。 |
|
|
closeMouseDownBackgroundImage |
定义动作 "close "的ActionImage在按下状态下的背景图片。 |
|
|
shiftBackgroundImage |
定义有 "shift "动作的ActionImage的背景图像。 |
|
|
shiftMouseDownBackgroundImage |
定义有 "移位 "动作的ActionImage在按下状态下的背景图像。 |
|
|
capsLockBackGroundImage |
定义动作 "shift "的ActionImage在锁定状态下的背景图片。 shiftMouseDownBackgroundImage默认使用。 如果使用capsLockBackGroundImage，也必须使用shiftBackgroundImage。 |
|
|
specialBackgroundImage |
定义具有 "特殊 "动作的ActionImage的背景图像。 |
|
|
specialMouseDownBackgroundImage |
定义动作 "special "的ActionImage在按下状态下的背景图片。 |
|
|
deleteBackgroundImage |
定义有 "删除 "动作的ActionImage的背景图像。 |
|
|
deleteMouseDownBackgroundImage |
定义有 "删除 "动作的ActionImage在按下状态下的背景图片。 |
|
|
clearBackgroundImage |
定义有 "清除 "动作的ActionImage的背景图像。 |
|
|
clearMouseDownBackgroundImage |
定义动作 "清除 "的ActionImage在按下状态下的背景图像。 |
|
|
enterBackgroundImage |
定义有 "回车 "动作的ActionImage的背景图像。 |
|
|
enterMouseDownBackgroundImage |
定义有 "回车 "动作的ActionImage在按下状态下的背景图像。 |
|
|
leftBackgroundImage |
定义有 "左 "动作的ActionImage的背景图像。 |
|
|
leftMouseDownBackgroundImage |
定义有 "左 "动作的ActionImage在按下状态下的背景图像。 |
|
|
rightBackgroundImage |
定义有 "右 "动作的ActionImage的背景图像。 |
|
|
rightMouseDownBackgroundImage |
定义动作 "右 "的ActionImage在按下状态下的背景图像。 |
|
|
imeNextBackgroundImage |
定义动作 "image-next-candidates "的ActionImage的背景图像。 |
|
|
imeNextMouseDownBackgroundImage |
定义动作为 "下一个候选人 "的ActionImage在按下状态下的背景图片。 |
|
|
imePrevBackgroundImage |
定义动作 "image-prev-candidates "的ActionImage的背景图像。 |
|
|
imePrevMouseDownBackgroundImage |
定义动作 "image-prev-candidates "的ActionImage在按下状态下的背景图片。 |
|
|
语言切换的选择元素（元素<LayoutSelector>）。 |
|||
selectorBackColor |
定义按钮的背景颜色。 |
#FFFFFF |
|
selectorFontSize |
定义按钮和列表的字体大小。 |
12px |
|
selectorTextColor |
定义按钮和列表的文本颜色。 |
#000000 |
|
selectorBorderStyle |
定义列表周围的边框样式。 |
solid |
|
selectorBorderColor |
定义列表边框的颜色。 |
#000 |
|
selectorBorderWidth |
定义列表边框的宽度。 |
1px |
|
selectorCornerRadius |
定义列表边角的圆角。 |
0px |
|
selectorActiveBackColor |
定义所选列表元素的背景色。 |
#FFA800 |
|
selectorActiveTextColor |
定义所选列表元素的文本颜色。 |
#000000 |
|
显示当前文本 (element <Value>) |
|||
valueBackColor |
定义文本显示的背景色。 |
#FFF |
|
valueBackGroundGradient |
定义文本显示的背景为梯度颜色。 |
|
|
valueBorderColor |
定义文本显示器周围的边框颜色。 |
#333333 |
|
valueBorderStyle |
定义文本显示周围的边框样式。边框可以是不间断的、虚线的或点状的。 |
solid |
|
valueBorderWidth |
定义文本显示周围的边框宽度。 |
1px |
|
valueCornerRadius |
定义文本显示周围的角的圆角。 |
0px |
|
valueFontName |
定义文本显示的文本所使用的字体。 |
Arial |
|
valueFontSize |
定义文本显示的文本所使用的大小。 |
18px |
|
valueTextAlign |
定义文本显示中数值的方向。 |
left |
|
valueTextColor |
定义用于显示文本显示的文本的颜色。 |
#000000 |
|
valueShadow |
定义文本显示的阴影。 |
none |
|
valuePadding |
定义文本显示的外部边界和其内容之间的间距。 |
0px 12px |
|
IME element |
|||
imeBackColor |
定义 IME 元素的背景颜色。 |
#FFF |
|
imeBackGroundGradient |
定义IME元素的背景是一个颜色渐变。 |
|
|
imeBorderColor |
定义IME元素周围的边框颜色。 |
#333333 |
|
imeBorderStyle |
定义IME元素周围的边框样式。边框可以是不间断的，虚线的或点状的。 |
solid |
|
imeBorderWidth |
定义IME元素周围边框的宽度。 |
1px |
|
imeFontName |
定义显示的IME元素文本使用的字体。 |
Arial |
|
imeFontSize |
定义显示的 IME 元素文本的大小。 |
18px |
|
imeTextColor |
定义用于显示 IME 元素文本的颜色。 |
#000000 |
|