比较版本

XUL_教程/简单菜单栏

修订版 258500:

由 LiD 在 进行的修订 258500

修订版 258501:

由 LiD 在 进行的修订 258501

标题:
简单菜单栏
XUL_教程/简单菜单栏
网址缩略名:
XUL_教程/简单菜单栏
XUL_教程/简单菜单栏
标签:
XUL_Tutorial
XUL_Tutorial
内容:

修订版 258500
修订版 258501
n8      {{template.PreviousNext("XUL Tutorial:Toolbars", "XUL Tutorn8      {{ PreviousNext("XUL Tutorial:Toolbars", "XUL Tutorial:More
>ial:More Menu Features")}}> Menu Features") }}
n13    <h3 name=".E5.88.9B.E5.BB.BA.E8.8F.9C.E5.8D.95">n13    <h3 id=".E5.88.9B.E5.BB.BA.E8.8F.9C.E5.8D.95" name=".E5.88.9B
 >.E5.BB.BA.E8.8F.9C.E5.8D.95">
n17      XUL有几种不同的方式来创建菜单。最基本的方式当然是类似大多数程序拥有一个菜单栏并附有一排菜单项在上面。也可以创建弹出n17      XUL有几种不同的方式来创建菜单。最基本的方式当然是类似大多数程序拥有一个菜单栏并附有一排菜单项在上面。也可以创建弹出
>式菜单。XUL的菜单特性由几种不同的元素组成,它可以让你创建菜单栏和弹出式菜单。菜单上的项可以轻松的进行自定义。我们在<a hre>式菜单。XUL的菜单特性由几种不同的元素组成,它可以让你创建菜单栏和弹出式菜单。菜单上的项可以轻松的进行自定义。我们在<a hre
>f="cn/XUL_Tutorial/List_Controls#Drop-down_Lists">part of how to >f="cn/XUL_Tutorial/List_Controls#Drop-down_Lists">part of how to 
>make menus</a>一文中已经学习过使用<code>{{template.XULElem("menulist")}}</c>make menus</a>一文中已经学习过使用<code>{{ XULElem("menulist") }}</code>了。本
>ode>了。本节我们就以此为基础。>节我们就以此为基础。
18    </p>
19    <p>18    </p>
19    <p>
20      菜单栏通常像{{template.XULElem("toolbar")}}一样创建。菜单栏也可以放置于<code>{{20      菜单栏通常像{{ XULElem("toolbar") }}一样创建。菜单栏也可以放置于<code>{{ XULEle
>template.XULElem("toolbox")}}</code>中,则菜单就像在其它类型工具栏一样。XUL拥有一些特殊元素>m("toolbox") }}</code>中,则菜单就像在其它类型工具栏一样。XUL拥有一些特殊元素,可以提供一些特定功能的菜单
>,可以提供一些特定功能的菜单。>
n27        {{template.XULElem("menubar")}}n27        {{ XULElem("menubar") }}
n35        {{template.XULElem("menu")}}n35        {{ XULElem("menu") }}
n43        {{template.XULElem("menupopup")}}n43        {{ XULElem("menupopup") }}
n51        {{template.XULElem("menuitem")}}n51        {{ XULElem("menuitem") }}
52      </dt>
53      <dd>
54        菜单上的独立命令。应放置于<code>{{template.XULElem("menupopup")}}</cod
>e>中。 
55      </dd>
56    </dl>
57    <dl>
58      <dt>52      </dt>
53      <dd>
54        菜单上的独立命令。应放置于<code>{{ XULElem("menupopup") }}</code>中。
55      </dd>
56    </dl>
57    <dl>
58      <dt>
59        {{template.XULElem("menuseparator")}}59        {{ XULElem("menuseparator") }}
n70    <h5 name=".E7.AE.80.E5.8D.95.E8.8F.9C.E5.8D.95.E6.A0.8F.E7.A4n70    <h5 id=".E7.AE.80.E5.8D.95.E8.8F.9C.E5.8D.95.E6.A0.8F.E7.A4.B
>.BA.E4.BE.8B">>A.E4.BE.8B" name=".E7.AE.80.E5.8D.95.E8.8F.9C.E5.8D.95.E6.A0.8F.E
 >7.A4.BA.E4.BE.8B">
n74      {{wiki.template('Block-title', [ "Example 1" ])}}&nbsp;: {{n74      {{ Block-title("Example 1") }}&nbsp;: {{ Xultu-sv("ex_menub
>wiki.template('Xultu-sv', [ "ex_menubar_1.xul" ])}}>ar_1.xul") }}
n77      <img alt="Image:" src="File:cn/Media_Gallery/Http://developn77      <img alt="Image:menubar-ex1.png" fileid="2664" src="File:cn
>er.mozilla.org/en/docs/Image:menubar-ex1.png">>/Media_Gallery/Menubar-ex1.png">
n101      喏,使用<code>{{template.XULElem("menubar")}}</code>元素创建了一个简单的菜n101      喏,使用<code>{{ XULElem("menubar") }}</code>元素创建了一个简单的菜单栏。上面还会
>单栏。上面还会创建一排菜单。<code>{{template.XULElem("menu")}}</code>元素在菜单顶端创建菜>创建一排菜单。<code>{{ XULElem("menu") }}</code>元素在菜单顶端创建菜单主题显示于菜单栏上。使用<
>单主题显示于菜单栏上。使用<code>{{template.XULElem("menupopup")}}</code>元素创建弹出>code>{{ XULElem("menupopup") }}</code>元素创建弹出菜单。用户点击父菜单主题时,会弹出显示。弹
>菜单。用户点击父菜单主题时,会弹出显示。弹出菜单框的大小会足够的大,可以容纳里面所有的菜单命令显示。菜单命令本身使用<code>{>出菜单框的大小会足够的大,可以容纳里面所有的菜单命令显示。菜单命令本身使用<code>{{ XULElem("menuitem")
>{template.XULElem("menuitem")}}</code>元素进行创建。每一个都代表菜单弹出框上的一个单独命令。> }}</code>元素进行创建。每一个都代表菜单弹出框上的一个单独命令。
102    </p>
103    <p>102    </p>
103    <p>
104      你还可以使用<code>{{template.XULElem("menuseparator")}}</code>元素创104      你还可以使用<code>{{ XULElem("menuseparator") }}</code>元素创建菜单上面的分
>建菜单上面的分割线。用于分割不同的菜单项组。>割线。用于分割不同的菜单项组。
n106    <h4 name="menubar.E5.85.83.E7.B4.A0">n106    <h4 id="menubar.E5.85.83.E7.B4.A0" name="menubar.E5.85.83.E7.
 >B4.A0">
n110      <code>{{template.XULElem("menubar")}}</code>是一个包括菜单的框。注意它已经n110      <code>{{ XULElem("menubar") }}</code>是一个包括菜单的框。注意它已经被放置于一个固
>被放置于一个固定的<code>{{template.XULElem("toolbox")}}</code>中。菜单栏没有特殊的属性>定的<code>{{ XULElem("toolbox") }}</code>中。菜单栏没有特殊的属性一,仅仅是一种类型的框。这意
>一,仅仅是一种类型的框。这意味着可以创建一个垂直的工具栏,通过设置<code>{{template.XULAttr("orient>味着可以创建一个垂直的工具栏,通过设置<code>{{ XULAttr("orient") }}</code>属性为vertica
>")}}</code>属性为vertical。>l。
n112    <h4 name="menu.E5.85.83.E7.B4.A0">n112    <h4 id="menu.E5.85.83.E7.B4.A0" name="menu.E5.85.83.E7.B4.A0"
 >>
n116      <code>{{template.XULElem("menu")}}</code>元素运行起来就像是<code>{{tn116      <code>{{ XULElem("menu") }}</code>元素运行起来就像是<code>{{ XULElem
>emplate.XULElem("button")}}</code>元素。可以接受与它相同的部分属性及额外的一些属性:>("button") }}</code>元素。可以接受与它相同的部分属性及额外的一些属性:
117    </p>
118    <dl>117    </p>
119      <dt>118    <dl>
119      <dt>
120        {{template.XULAttr("id")}}120        {{ XULAttr("id") }}
n128        {{template.XULAttr("label")}}n128        {{ XULAttr("label") }}
n136        {{template.XULAttr("disabled")}}n136        {{ XULAttr("disabled") }}
n144        {{template.XULAttr("accesskey")}}n144        {{ XULAttr("accesskey") }}
n151      <img alt="Image:menubar-ex2.jpg" src="File:cn/Media_Galleryn151      <img alt="Image:menubar-ex2.jpg" fileid="2665" src="File:cn
>/Menubar-ex2.jpg">>/Media_Gallery/Menubar-ex2.jpg">
n156    <h4 name="menupopup.E5.85.83.E7.B4.A0">n156    <h4 id="menupopup.E5.85.83.E7.B4.A0" name="menupopup.E5.85.83
 >.E7.B4.A0">
n160      <code>{{template.XULElem("menupopup")}}</code>元素创建包括菜单命令的弹出n160      <code>{{ XULElem("menupopup") }}</code>元素创建包括菜单命令的弹出窗口。它是一种
>窗口。它是一种类型的框,默认为垂直布局。如果你想要并且将<code>{{template.XULElem("menuitem")}>类型的框,默认为垂直布局。如果你想要并且将<code>{{ XULElem("menuitem") }}s</code>放置在一排
>}s</code>放置在一排中,你可以将它改为水平布局。通常仅有<code>menuitem</code>s元素和<code>{{>中,你可以将它改为水平布局。通常仅有<code>menuitem</code>s元素和<code>{{ XULElem("menu
>template.XULElem("menuseparator")}}s</code>放置在<code>{{template.XU>separator") }}s</code>放置在<code>{{ XULElem("menupopup") }}</code>中
>LElem("menupopup")}}</code>中。你可以放置任何元素在<code>menupopup</code>中,但是>。你可以放置任何元素在<code>menupopup</code>中,但是在Macintosh中它们都会被忽略。
>在Macintosh中它们都会被忽略。 
n162    <h4 name="menuitem.E5.85.83.E7.B4.A0">n162    <h4 id="menuitem.E5.85.83.E7.B4.A0" name="menuitem.E5.85.83.E
 >7.B4.A0">
n166      <code>{{template.XULElem("menuitem")}}</code>元素与<code>{{temn166      <code>{{ XULElem("menuitem") }}</code>元素与<code>{{ XULElem("
>plate.XULElem("menu")}}</code>元素非常相似并且拥有部分相同属性。>menu") }}</code>元素非常相似并且拥有部分相同属性。
167    </p>
168    <dl>167    </p>
169      <dt>168    <dl>
169      <dt>
170        {{template.XULAttr("id")}}170        {{ XULAttr("id") }}
n178        {{template.XULAttr("label")}}n178        {{ XULAttr("label") }}
n186        {{template.XULAttr("disabled")}}n186        {{ XULAttr("disabled") }}
n194        {{template.XULAttr("accesskey")}}n194        {{ XULAttr("accesskey") }}
195      </dt>
196      <dd>195      </dt>
196      <dd>
197        该值是用户可以使用键盘激活菜单项的键值。该字母通常以下划线方式显示于菜单主题后面。Mozilla将视<code>{197        该值是用户可以使用键盘激活菜单项的键值。该字母通常以下划线方式显示于菜单主题后面。Mozilla将视<code>{
>{template.XULAttr("label")}}</code>属性值给指定的字母加上下划线。因此,你需要指定在文本中存在的>{ XULAttr("label") }}</code>属性值给指定的字母加上下划线。因此,你需要指定在文本中存在的字符。
>字符。 
198      </dd>
199    </dl>
200    <dl>
201      <dt>
202        {{template.XULAttr("acceltext")}}
203      </dt>
204      <dd>198      </dd>
199    </dl>
200    <dl>
201      <dt>
202        {{ XULAttr("acceltext") }}
203      </dt>
204      <dd>
205        该值指定显示在菜单命令末尾的快捷键文本提示。但是它还没有与{{template.XULElem("menuitem205        该值指定显示在菜单命令末尾的快捷键文本提示。但是它还没有与{{ XULElem("menuitem") }}进行键
>")}}进行键的关联。我们在后面再研究如何<a href="cn/XUL_Tutorial/Keyboard_Shortcuts">的关联。我们在后面再研究如何<a href="cn/XUL_Tutorial/Keyboard_Shortcuts">do thi
>>do this later</a>.>s later</a>.
206      </dd>
207    </dl>206      </dd>
208    <h4 name="menuseparator.E5.85.83.E7.B4.A0">207    </dl>
208    <h4 id="menuseparator.E5.85.83.E7.B4.A0" name="menuseparator.
 >E5.85.83.E7.B4.A0">
n212      <code>{{template.XULElem("menuseparator")}}</code>没有特别的属性。它n212      <code>{{ XULElem("menuseparator") }}</code>没有特别的属性。它只是在两个相信
>只是在两个相信的菜单元素之间创建一条水平的分割线。>的菜单元素之间创建一条水平的分割线。
t218      {{template.PreviousNext("XUL Tutorial:Toolbars", "XUL Tutort218      {{ PreviousNext("XUL Tutorial:Toolbars", "XUL Tutorial:More
>ial:More Menu Features")}}> Menu Features") }}
219    </p>{{ wiki.languages( { "ja": "ja/XUL_Tutorial/Simple_Menu_B219    </p>{{ languages( { "ja": "ja/XUL_Tutorial/Simple_Menu_Bars",
>ars", "pl": "pl/Kurs_XUL/Proste_paski_menu" } ) }}> "pl": "pl/Kurs_XUL/Proste_paski_menu" } ) }}

返回历史