面板散记(三)—-面板分解

★弹出及菜单音量窗口

⊙标准窗口外背景色：顏色組，-40。

弹出式（铃音类型）音量窗口，就是我们待机时候按+-侧键弹出的那个了。

⊙窗口图片，538.gif
框架：位置和尺寸，536。

⊙窗口标题：
框架：位置和尺寸组，539。
文本：颜色组，545；轮廓1：颜色组，546；轮廓2：颜色组，547；轮廓开关：布尔　开／关组，542；轮廓层数：数值组，544。下划线开关：布尔　开／关组，541.

⊙窗口图标框架：位置和尺寸，540。

⊙未使用音量：图片：104.gif
⊙已使用音量：图片：103.gif
已使用和未使用的框架同一个位置，第一格到第七格的区域分别为：位置和尺寸组：278-284。

⊙向上指示（增大音量）：
图片：弹起：101.gif；按下99.gif。
框架：位置与尺寸组，273.

⊙向下指示（降低音量）：
图片：弹起：102.gif；按下100.gif。
框架：位置与尺寸组：272。

⊙音量大小，类型(音量控制台数字)：
框架：位置与尺寸组，276
文本：（桌面元素，铃音类型音量窗口文本）＝文本：颜色组，289；轮廓1：颜色组，287；轮廓2：颜色组，288；轮廓开关：布尔　开／关组，291；轮廓层数：数值组，286。下划线开关：布尔　开／关组，290；对齐方式：数值组，285。.

⊙内容框架：位置和尺寸组，271。

⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙

菜单式（铃音音量）音量窗口，就是进入铃音明细调整铃声音量那个。

⊙窗口图片，522.gif
框架：位置和尺寸，518。

⊙窗口标题：
框架：位置和尺寸组，520。
文本：颜色组，527；轮廓1：颜色组，528；轮廓2：颜色组，529；轮廓开关：布尔　开／关组，524；轮廓层数：数值组，526。下划线开关：布尔　开／关组，523.

⊙窗口图标框架：位置和尺寸，521。

⊙未使用音量：图片：103.gif
⊙已使用音量：图片：104.gif
已使用和未使用的框架同一个位置，第一格到第七格的区域分别为：位置和尺寸组：189-195。

⊙向上指示（增大音量）：
图片：弹起：101.gif；按下99.gif。
框架：位置与尺寸组，184.

⊙向下指示（降低音量）：
图片：弹起：102.gif；按下100.gif。
框架：位置与尺寸组：183。

⊙音量大小，类型(音量控制台数字)：
框架：位置与尺寸组，187
文本：文本：颜色组，200；轮廓1：颜色组，198；轮廓2：颜色组，199；轮廓开关：布尔　开／关组，202；轮廓层数：数值组，197。下划线开关：布尔　开／关组，201；对齐方式：数值组，196.

⊙内容框架：位置和尺寸组，182。

注意：音量窗口的里的已使用和未使用图标的框架，还有上下指示图标的框架的坐标是相对于内容框架的，而不是相当于屏幕的边界坐标的。也就是说，它们的左坐标值和顶部坐标值，是从内容框架的左边界和顶部边界算起的。所以我们在定义它们的坐标值的时候，需要注意这一点。它的坐标值加上内容框架的相应坐标值才是它们在屏幕的实际位置。

注意：内容框架层在窗口图标层之上，如果图标框架和内容框架重叠，图标将会被遮盖看不见。

内容框架就像一个盘子，盘子里装的是上下指示图标及已使用和未使用图标，当盘子移动时，盘子里的东东也跟着移动。奇怪的是这个框架好像只是做为参考坐标用的，却不能像别的内容框架一样限制内容显示的面积。

这个窗口很霸气，霸气到什么程度？连软件按钮和DRM都不放在眼里，也就是说：它可以将这两个遮盖而成为全屏的。且它是由一张图片构成的，这样一来，就可以给了我们很大的DIY空间，甚至我们可把它做成一些不规则的形状。
当然我们看倦了Moto面板型的一格一格的音量图示，我们是否想着能多一种变化呢？这里我们来看看音量图示的一些变化。

这个是我早期的一个面板，黑金刚里面的音量窗口，它利用的是已使用音量图标（103.gif）的紧密叠加成的一个模拟水柱管由空到满的效果。