系统提供了一些典型的典型的工具栏按钮，例如：新建，编辑，保存等等。但有时我们需要一个特殊的工具栏图标的时候，我们该怎么实现？本节将会对这一问题进行讨论。

需要产生下面的工具栏，如图：

产生工具栏按钮的典型方法是在视图中使用如下代码：

<?php
	  protected function addToolBar()
	  {
		JToolBarHelper::title(JText::_("COM_SUPERHH_ZMAX_SUPERHH")); //标题
                JToolBarHelper::apply('profile.apply');//应用
		JToolBarHelper::save('profile.save');//保存
		
	  }
?>

 当要产生自定按钮的时候，我们需要使用JToolBarHelper类的custom方法。典型的代码如下：

<?php
	  //如何在工具栏上加上自定义的图标
	  protected function addToolBar()
	  {
		JToolBarHelper::title(JText::_("COM_SUPERHH_ZMAX_SUPERHH"));
		
		//JToolBarHelper::addNew该函数接受两个参数，一个是重载的任务 一个是文本
		JToolBarHelper::custom('item.language_detail','language-detail','','语言详情',false);
		JToolBarHelper::custom('item.language_translate','language-translate','','翻译',false);
		JToolBarHelper::custom('item.com_config','com-config','','组件参数',false);
	  }
?>

 解释一些custom方法。该方法接受6个参数：

task:点击图标后需要执行的任务。上面的item.language_detail就会去执行item控制器下的language_detail任务

icon:需要使用的图标的名称。实际上是系统会在图标所在的地方那个产生下面的html代码：

<span class="icon-32-language-detail"></span>

这个名称实际上是确定了一个类的名称。

iconOver:当鼠标放在图标上面的名称。同上，应该也是确定一个类名。（这个我没有试过）

alt:就是图标下面的名称

listSelect:是否选择多个项目。（没有试过）

2014-06-08 修改：这个选项的意思是是否检查checkbox被选中。如果一个都没有，则提示“请选择一个选项”

X:是否隐藏主菜单。默认为false.

当完成了上面的代码后，还是不会出现你想要的效果。我们还需要指定css的样式：

下面是一段css的代码：

.icon-32-language-detail {
	background-image: url(../images/icon-32-language-detail.png);
}

.icon-32-com-config {
	background-image: url(../images/icon-32-com-config.png);
}

.icon-32-language-translate {
	background-image: url(../images/icon-32-language-translate.png);
}

完成了这些之后才算大工告成。