mStudio渲染器及其应用

渲染器介绍

• 渲染器分为：classic、fashion、flat和skin四种。它主要为用户提供了多种风格的主窗口和控件界面外观风格。应用程序在这几种风格的窗口界面之间进行切换非常容易，只要在创建窗口时传递不同的参数，你就可以变换出不同风格的界面。另外，还进一步统一了窗口元素的属性，如颜色、尺寸、字体等，通过简单的接口，应用程序就可以方便地控制窗口元素的上述属性。

渲染器的使用

渲染器和渲染器集的创建

通过属性新建渲染器

• 选中要渲染的窗口或者控件。 例如设置一个button控件的渲染器，点击Property->Renderer中的“New Renderer”选项(如图：7-1所示), 此时会弹出一个新建渲染器的对话框, 可以选择渲染器的种类以及对渲染器的“ID Name ”进行命名（如图：7-2所示)

  
  图 7-1

  
  图 7-2

• 新建渲染器后，在Property->Renderer中会出现该类型控件的渲染器（例如：你选中button控件，Renderer中只会出现button类型的渲染器），选择该渲染器，就可以看到控件被渲染器后的效果。如图：7-3所示

  
  图 7-3

• 修改渲染器属性
  • 通过属性栏进行修改，选中被渲染过的控件或者窗口，点击属性栏中的“Renderer”。 例如：选中“Ok” button，点击属性栏中的“Renderer”, 可以对button的fashion渲染器每个属性进行设置。如图7-4所示：

    
    图 7-4

  • 通过渲染器管理器，修改渲染器的属性,即修改渲染器的Value值，当修改Value值后，右边的控件也随着变化。如图7-5所示：

    
    图 7-5

• 删除渲染器
  • 在渲染器管理器中，选中要删除的渲染器，可以通过鼠标右键或者工具栏的删除按钮删除渲染器。如图：7-6，7-7所示

    
    图 7-6

    
    图 7-7

通过渲染器管理器创建渲染器和渲染集

通过渲染器管理器创建渲染器

• 创建渲染器
  • 使用菜单创建渲染器。进入渲染器管理，点击菜单按钮的Renderer->New Renderer，如图7-8所示：

    
    图 7-8

    此时会弹出一个新建渲染器的对话框，如图7-9所示：

    
    图 7-9

    “Renderer Type”有四中类型渲染器：classic, flat, fashion和skin。 “Control Type”包括所有的控件，选择哪个控件，就会渲染到哪个控件或者窗口。例如，选择button控件，在渲染button控件的时候（参考通过属性创建渲染器），就直接可以使用该渲染器，不需要再新建了。 “ID name”是新建渲染器的名称
  • 使用ToolBar创建渲染器。进入渲染器管理，点击ToolBar中的“新建按钮”，如图7-10所示：

    
    图 7-10

    点击该按钮后，会弹出一个新建的渲染器的对话框，可以参考通过Renderer->New Renderer创建新的渲染器方法 * 使用鼠标右键创建渲染器。 选中root节点，然后点击鼠标右键,选择“New Renderer”。如图7-11所示：

    
    图 7-11

    当点击“New Renderer”选项后，会弹出新建属性对话框，根据需要可以选择不同渲染器和控件，具体的可以参考通过Renderer->New Renderer创建新的渲染器方法
• 渲染器属性的修改。 具体可以参考上面的渲染器修改方法
• 渲染器删除。具体操作方法可以参考上述删除渲染器方法
• 渲染器复制。 选中要复制的渲染器，可以通过快捷键，菜单和鼠标右键来复制渲染器

  
  图 7-12

  点击鼠标右键，点击“COPY”选项。如图7-12所示

  
  图 7-13

  点击菜单Renderer->Copy。如图7-13所示

  
  图 7-14

  点击ToolBar中的复制按钮，如图7-14所示
• 渲染器剪切。 选中要剪切的渲染器，可以通过快捷键，ToolBar，菜单和鼠标右键来剪切

  
  图 7-15

  点击鼠标右键，点击“CUT”选项。如图7-15所示

  
  图 7-16

  点击菜单Renderer->Copy。如图7-16所示

  
  图 7-17

  点击ToolBar中的复制按钮。如图所示7-17
• 渲染器的复制。完成复制或者剪切动作以后，选中“root”或者是渲染器集，可以通过鼠标右键，菜单和ToolBar。

  
  图 7-18

  点击鼠标右键，点击“Paste”，如图7-18所示：

  
  图 7-19

  通过菜单Renderer->Paste粘贴，如图7-19所示：

  
  图 7-20

  通过ToolBar粘贴渲染器. 如图 7-20所示：

通过渲染器管理器创建渲染集

• 创建渲染器集。 可以通过菜单和鼠标右键来创建渲染器集

  
  图 7-21

  点击菜单RendererSet->New RdrSet? , 如图7-21所示

  
  图 7-22

  选中“root”节点，点击鼠标右键，点击“New RdrSet? ”。如图7-22所示 当点击新建渲染器集选项后，会弹出新建渲染器集的对话框。如图7-23所示：

  
  图 7-23

  “Renderer Type”是渲染器类型，可以选择skin，flat，fashion和classic四中渲染器。 “Set ID Name”是渲染器集的名称，可以根据自己需要命名
• 渲染器集添加渲染器。可以通过鼠标右键和Toolbar按钮，添加渲染器

  
  图 7-24

  选中要渲染器集，点击鼠标右键，点击“Add Renderer”，如图7-24所示

  
  图 7-25

  当点击“Add Renderer”按钮后，会弹出添加渲染器对话框，对话中会显示出所有和渲染器集类型相同的渲染器。如图7-25所示 值得注意地方，当你选择某种渲染器集后，该渲染器集只能添加相同类型的渲染器，同种类型控件渲染器，只能被添加一个。
• 渲染器集的删除。 可以通过菜单RendererSet->delete和ToolBar中的删除按钮。

  
  图 7-26

  选中要删除的渲染器集，点击RendererSet->delete。如图7-26所示

  
  图 7-27

  选中要删除的渲染器集，点击ToolBar中的删除按钮。如图7-27所示

  
  图 7-28

  选中要删除的渲染器集，点击ToolBar中的删除按钮。如图7-28所示

对控件渲染

-- CaijunLee - 24 Nov 2009