r7 - 18 May 2010 - 14:24:47 - CaijunLeeYou are here: TWiki >  Products Web > MStudioV1dot0StepByStep > MStudioSTSP7

mStudio渲染器及其应用

渲染器介绍

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

渲染器的使用

渲染器和渲染器集的创建

通过属性新建渲染器

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

    NewRdr.png
    图 7-1

    NewRdr1.jpg
    图 7-2

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

    NewRdr2.jpg
    图 7-3

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

      NewRdr3.jpg
      图 7-4

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

      NewRdr4.jpg
      图 7-5

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

      NewRdr5.jpg
      图 7-6

      NewRdr6.jpg
      图 7-7

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

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

      NewRdr7.jpg
      图 7-8

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

      NewRdr8.jpg
      图 7-9

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

      NewRdr9.jpg
      图 7-10

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

      NewRdr10.jpg
      图 7-11

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

    NewRdr11.jpg
    图 7-12

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

    NewRdr17.jpg
    图 7-13

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

    NewRdr18.jpg
    图 7-14

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

    NewRdr12.jpg
    图 7-15

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

    NewRdr19.jpg
    图 7-16

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

    NewRdr20.jpg
    图 7-17

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

    NewRdr14.jpg
    图 7-18

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

    NewRdr15.jpg
    图 7-19

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

    NewRdr16.jpg
    图 7-20

    通过ToolBar粘贴渲染器. 如图 7-20所示:
通过渲染器管理器创建渲染集
  • 创建渲染器集。 可以通过菜单和鼠标右键来创建渲染器集

    NewRdr21.jpg
    图 7-21

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

    NewRdr22.jpg
    图 7-22

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

    NewRdr23.jpg
    图 7-23

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

    NewRdr24.jpg
    图 7-24

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

    NewRdr25.jpg
    图 7-25

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

    NewRdr26.jpg
    图 7-26

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

    NewRdr27.jpg
    图 7-27

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

    NewRdr28.jpg
    图 7-28

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

对控件渲染

-- CaijunLee - 24 Nov 2009

Topic attachments
I Attachment Action Size Date Who Comment
pngpng NewRdr.png manage 6.6 K 26 Nov 2009 - 14:52 CaijunLee NewRdr?
jpgjpg NewRdr1.jpg manage 43.8 K 26 Nov 2009 - 15:26 CaijunLee NewRdr1?
jpgjpg NewRdr10.jpg manage 39.3 K 27 Nov 2009 - 11:20 CaijunLee NewRdr10?
jpgjpg NewRdr11.jpg manage 36.3 K 27 Nov 2009 - 12:08 CaijunLee NewRdr11?
jpgjpg NewRdr12.jpg manage 36.3 K 27 Nov 2009 - 12:11 CaijunLee NewRdr12?
jpgjpg NewRdr14.jpg manage 31.1 K 27 Nov 2009 - 13:23 CaijunLee NewRdr14?
jpgjpg NewRdr15.jpg manage 44.7 K 27 Nov 2009 - 13:29 CaijunLee NewRdr15?
jpgjpg NewRdr16.jpg manage 1.8 K 27 Nov 2009 - 13:31 CaijunLee NewRdr16?
jpgjpg NewRdr17.jpg manage 45.7 K 27 Nov 2009 - 13:42 CaijunLee NewRdr17?
jpgjpg NewRdr18.jpg manage 1.7 K 27 Nov 2009 - 13:43 CaijunLee NewRdr18?
jpgjpg NewRdr19.jpg manage 45.4 K 27 Nov 2009 - 13:51 CaijunLee NewRdr19?
jpgjpg NewRdr2.jpg manage 61.4 K 26 Nov 2009 - 15:51 CaijunLee NewRdr2?
jpgjpg NewRdr20.jpg manage 1.6 K 27 Nov 2009 - 13:52 CaijunLee NewRdr20?
jpgjpg NewRdr21.jpg manage 62.4 K 27 Nov 2009 - 14:32 CaijunLee NewRdr21?
jpgjpg NewRdr22.jpg manage 48.1 K 27 Nov 2009 - 14:38 CaijunLee NewRdr22?
jpgjpg NewRdr23.jpg manage 30.7 K 18 May 2010 - 14:21 CaijunLee NewRdr23?
jpgjpg NewRdr24.jpg manage 12.4 K 27 Nov 2009 - 15:09 CaijunLee NewRdr24?
jpgjpg NewRdr25.jpg manage 19.0 K 27 Nov 2009 - 15:16 CaijunLee NewRdr25?
jpgjpg NewRdr26.jpg manage 12.4 K 27 Nov 2009 - 15:27 CaijunLee NewRdr26?
jpgjpg NewRdr27.jpg manage 1.6 K 27 Nov 2009 - 15:32 CaijunLee NewRdr27?
jpgjpg NewRdr28.jpg manage 1.6 K 27 Nov 2009 - 15:32 CaijunLee NewRdr28?
jpgjpg NewRdr3.jpg manage 80.5 K 26 Nov 2009 - 16:25 CaijunLee NewRdr3?
jpgjpg NewRdr4.jpg manage 107.9 K 27 Nov 2009 - 08:42 CaijunLee NewRdr4?
jpgjpg NewRdr5.jpg manage 40.5 K 27 Nov 2009 - 09:27 CaijunLee NewRdr5?
jpgjpg NewRdr6.jpg manage 41.9 K 27 Nov 2009 - 09:28 CaijunLee NewRdr6?
jpgjpg NewRdr7.jpg manage 40.7 K 27 Nov 2009 - 10:18 CaijunLee NewRdr7?
jpgjpg NewRdr8.jpg manage 40.8 K 27 Nov 2009 - 10:18 CaijunLee NewRdr8?
jpgjpg NewRdr9.jpg manage 2.0 K 27 Nov 2009 - 10:49 CaijunLee NewRdr9?
Edit | Attach | Printable | Raw View | Backlinks: Web, All Webs | History: r7 < r6 < r5 < r4 < r3 | More topic actions
 
Powered by TWiki
This site is powered by the TWiki collaboration platformCopyright © by the Feynman Software and/or the contributing authors. All material on this collaboration platform is the property of Feynman Software and/or the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback