FlashSwing 的工具欄組件 ToolBar
ToolBar 用來顯示一組常用的按鈕類型組件。
當工具欄中的按鈕過多時,如果水平工具欄的寬度允許;或垂直工具欄的寬度允許;或工具樣自適應大小時,則按鈕呈多行或多列排列。
將 ToolBar 實例添加到 BorderLayoutPanel 的四“邊”中的一邊,便可以由用戶拖放至其它“邊”。BorderLayoutPanel 將調整水平工具欄的寬度,或垂直工具欄的高度。
以下示例演示向工具欄添加按鈕,以及在 BorderLayoutPanel 的四“邊”中拖放工具欄。
從"庫"面板中拖動相關組件到舞臺(或直接通過 ActionScript 代碼創建組件實例),并對實例命名。
在主時間軸中選擇第一幀,打開"動作"面板,然后輸入以下代碼:
view source
print?</div>
</div>
01 |
import flash.events.MouseEvent; |
</tr>
</tbody>
</table>
</div>
02 |
import shinater.swing.MenuItem; |
</tr>
</tbody>
</table>
</div>
03 |
import shinater.swing.Menu; |
</tr>
</tbody>
</table>
</div>
04 |
|
</tr>
</tbody>
</table>
</div>
05 |
var newMenu:Menu = new Menu(); |
</tr>
</tbody>
</table>
</div>
06 |
newMenu.addMenuItem( new MenuItem( "File" )); |
</tr>
</tbody>
</table>
</div>
07 |
newMenu.addMenuItem( new MenuItem( "Project" )); |
</tr>
</tbody>
</table>
</div>
08 |
newMenu.addMenuItem( new MenuItem( "Resource" )); |
</tr>
</tbody>
</table>
</div>
09 |
new_btn.setDropDownComponent(newMenu); |
</tr>
</tbody>
</table>
</div>
10 |
new_btn.setToolTipText( "New" ); |
</tr>
</tbody>
</table>
</div>
11 |
open_btn.setToolTipText( "Open" ); |
</tr>
</tbody>
</table>
</div>
12 |
save_btn.setToolTipText( "Save" ); |
</tr>
</tbody>
</table>
</div>
13 |
my_toolBar.addChild(new_btn); |
</tr>
</tbody>
</table>
</div>
14 |
my_toolBar.addChild(open_btn); |
</tr>
</tbody>
</table>
</div>
15 |
my_toolBar.addChild(save_btn); |
</tr>
</tbody>
</table>
</div>
16 |
my_toolBar.addSeparator(); |
</tr>
</tbody>
</table>
</div>
17 |
... |
</tr>
</tbody>
</table>
</div>
18 |
my_toolBar.addSeparator(); |
</tr>
</tbody>
</table>
</div>
19 |
var helpMenu:Menu = new Menu(); |
</tr>
</tbody>
</table>
</div>
20 |
helpMenu.addMenuItem( new MenuItem( "Help..." )); |
</tr>
</tbody>
</table>
</div>
21 |
helpMenu.addMenuItem( new MenuItem( "About..." )); |
</tr>
</tbody>
</table>
</div>
22 |
help_btn.setDropDownComponent(helpMenu); |
</tr>
</tbody>
</table>
</div>
23 |
help_btn.setToolTipText( "Help" ); |
</tr>
</tbody>
</table>
</div>
24 |
my_toolBar.addChild(help_btn); |
</tr>
</tbody>
</table>
</div>
25 |
my_blp.addLayoutComponent(my_toolBar, BorderLayoutPanel.TOP); |
</tr>
</tbody>
</table>
</div>
</div>
</div>