ArcGIS Viewer for Flex（浏览器的样式） .（转帖）

最新推荐文章于 2018-05-31 14:52:59 发布

转载最新推荐文章于 2018-05-31 14:52:59 发布 · 835 阅读

收录于

FlexViewer研究

本文介绍如何通过修改主配置文件中的颜色和透明度设置来调整Flex浏览器的样式。提供了多种颜色方案示例，包括黑色黄金、钴蓝、沙漠沙等风格，并解释了各颜色值的作用。

原文转自：http://blog.csdn.net/yu624774720hua/article/details/6573095

您可以轻松地通过修改主配置文件中的Flex浏览器的基本样式设置。如果你正在编译的源，是有充分的灵活性额外的时尚选择。

更改颜色和透明度

你可以在色彩模式和透明度的浏览器通过修改主配置。样式设置应设置在

<mce:style><!--
    <colors>0xFFFFFF,0x333333,0x101010,0x000000,0xFFD700</colors>
    <alpha>0.8</alpha>
--></mce:style><style mce_bogus="1">    <colors>0xFFFFFF,0x333333,0x101010,0x000000,0xFFD700</colors>
    <alpha>0.8</alpha></style>

<color>颜色集定义了浏览器的外观。这个标签的值是五，六种颜色设置，改变了外观和感觉的应用和widget对话。颜色值是基于 RGB十六进制格式的网站。

文字颜色
背景颜色
翻转颜色
选择颜色
标题和副标题文本颜色
应用背景颜色[可选] - 默认为白色（0xFFFFFF）。

提示：

开始的颜色下面的例子之一。

为浏览器UI组件的透明程度。此标记值介于0.0（完全透明）和1.0（完全不透明）。

提示：

0.6和1.0的Alpha值推荐。

下面是一些例子风格为查看器应用程序的颜色值：

<mce:style><!--
    <colors>0xFFFFFF,0x333333,0x101010,0x000000,0xFFD700</colors>
    <alpha>0.8</alpha>
--></mce:style><style mce_bogus="1">    <colors>0xFFFFFF,0x333333,0x101010,0x000000,0xFFD700</colors>
    <alpha>0.8</alpha></style>

说明	文字颜色	背景颜色	翻转颜色	选择颜色	标题颜色
黑色黄金（黄金和黑底白字）	0xFFFFFF（白色）	0x333333	0x101010	0x000000（黑色）	0xFFD700（金）

说明

文字颜色

背景颜色

翻转颜色

选择颜色

标题颜色

黑色黄金

（黄金和黑底白字）

0xFFFFFF（白色）

0x333333

0x101010

0x000000（黑色）

0xFFD700（金）

说明	文字颜色	背景颜色	翻转颜色	选择颜色	标题颜色
黑色黄金（黄金和黑底白字）	0xFFFFFF（白色）	0x333333	0x101010	0x000000（黑色）	0xFFD700（金）

说明

文字颜色

背景颜色

翻转颜色

选择颜色

标题颜色

黑色黄金

（黄金和黑底白字）

0xFFFFFF（白色）

0x333333

0x101010

0x000000（黑色）

0xFFD700（金）

<mce:style><!--
    <colors>0xCEE7F4,0x39628C,0x355D89,0x294867,0xCEE7F4</colors>
    <alpha>0.8</alpha>
--></mce:style><style mce_bogus="1">    <colors>0xCEE7F4,0x39628C,0x355D89,0x294867,0xCEE7F4</colors>
    <alpha>0.8</alpha></style>

说明	文字颜色	背景颜色	翻转颜色	选择颜色	标题颜色
钴蓝（淡蓝色背景上的钴蓝色文本）	0xCEE7F4	0x39628C	0x355D89	0x294867	0xCEE7F4

说明

文字颜色

背景颜色

翻转颜色

选择颜色

标题颜色

钴蓝

（淡蓝色背景上的钴蓝色文本）

0xCEE7F4

0x39628C

0x355D89

0x294867

0xCEE7F4

<mce:style><!--
    <colors>0x4C2600,0xFFEDB8,0xB2AD81,0x6F6750,0x4C2600</colors>
    <alpha>0.8</alpha>
--></mce:style><style mce_bogus="1">    <colors>0x4C2600,0xFFEDB8,0xB2AD81,0x6F6750,0x4C2600</colors>
    <alpha>0.8</alpha></style>

说明	文字颜色	背景颜色	翻转颜色	选择颜色	标题颜色
沙漠沙（米黄色背景上深色文本）	0x4C2600	0xFFEDB8	0xB2AD81	0x6F6750	0x4C2600

说明

文字颜色

背景颜色

翻转颜色

选择颜色

标题颜色

沙漠沙

（米黄色背景上深色文本）

0x4C2600

0xFFEDB8

0xB2AD81

0x6F6750

0x4C2600

<style>
    <colors>0xCCCCCC,0x777777,0x555555,0x333333,0xCCCCCC</colors>
    <alpha>0.8</alpha>
</style

说明	文字颜色	背景颜色	翻转颜色	选择颜色	标题颜色
石墨灰色（浅灰色暗灰色背景上的文字）	0xCCCCCC	0x777777	0x555555	0x333333	0xCCCCCC

说明

文字颜色

背景颜色

翻转颜色

选择颜色

标题颜色

石墨灰色

（浅灰色暗灰色背景上的文字）

0xCCCCCC

0x777777

0x555555

0x333333

0xCCCCCC

说明	文字颜色	背景颜色	翻转颜色	选择颜色	标题颜色
石墨灰色（浅灰色暗灰色背景上的文字）	0xCCCCCC	0x777777	0x555555	0x333333	0xCCCCCC

说明

文字颜色

背景颜色

翻转颜色

选择颜色

标题颜色

石墨灰色

（浅灰色暗灰色背景上的文字）

0xCCCCCC

0x777777

0x555555

0x333333

0xCCCCCC

<mce:style><!--
    <colors>0x333333,0xAFCFAF,0xFFFFAB,0xEAEA9D,0x333333</colors>
    <alpha>0.8</alpha>
--></mce:style><style mce_bogus="1">    <colors>0x333333,0xAFCFAF,0xFFFFAB,0xEAEA9D,0x333333</colors>
    <alpha>0.8</alpha></style>

说明	文字颜色	背景颜色	翻转颜色	选择颜色	标题颜色
灰绿色（灰绿色背景上深色文本）	0x333333（白）	0xAFCFAF	0xFFFFAB	0xEAEA9D	0x333333

说明

文字颜色

背景颜色

翻转颜色

选择颜色

标题颜色

灰绿色

（灰绿色背景上深色文本）

0x333333（白）

0xAFCFAF

0xFFFFAB

0xEAEA9D

0x333333

<mce:style><!--
    <colors>0x444444,0xEBF4FF,0xEBF4FF,0xDEEBFF,0x444444</colors>
    <alpha>0.8</alpha>
--></mce:style><style mce_bogus="1">    <colors>0x444444,0xEBF4FF,0xEBF4FF,0xDEEBFF,0x444444</colors>
    <alpha>0.8</alpha></style>

说明	文字颜色	背景颜色	翻转颜色	选择颜色	标题颜色
天蓝色（淡蓝色背景上的黑色文本）	0x444444	0xEBF4FF	0xEBF4FF	0xDEEBFF	0x444444

说明

文字颜色

背景颜色

翻转颜色

选择颜色

标题颜色

天蓝色

（淡蓝色背景上的黑色文本）

0x444444

0xEBF4FF

0xDEEBFF

0x444444

<mce:style><!--
    <colors>0x000000,0xFFFFFF,0xEFEFEF,0xFFFFFF,0x000000</colors>
    <alpha>1</alpha>
--></mce:style><style mce_bogus="1">    <colors>0x000000,0xFFFFFF,0xEFEFEF,0xFFFFFF,0x000000</colors>
    <alpha>1</alpha></style>