由于我们平常开发app要兼容5.0以下的手机,所以使用Toolbar必须引用appcompat-v7兼容包,Android studio新建的工程默认是引用了appcompat-v7。
使用Toolbar替代ActionBar,使用的主题必须是没有ActionBar的,否则会造成冲突。因此修改style.xml中主题样式,继承Theme.AppCompat.NoActionBar
这种情况一般发生在你想利用ActionBar现有的一些功能(比如能够显示菜单中的 *** 作项,响应菜单点击事件,使用ActionBarDrawerToggle等),但是又想获得比actionbar更多的控制权限。
那么当前Activity需要继承AppCompatActivity,调用setSupportActionBar方法传入Toolbar的实例对象。
这种情况当前Activity可以不继承AppCompatActivity。
以上步骤完成后,Toolbar就添加到了页面中。
Toolbar在ActionBar原有的设计基础上又将标题栏分为了多个区域,如下从Google找到的一张示例图所示:
大抵来说,配置常用的几个元素就如图中所示:
设置导航按钮,比如作为返回按钮。
在Toolbar当作ActionBar来使用的情况下:
注意setNavigationIcon需要放在 setSupportActionBar之后才会生效。
可以使用ActionBar原有方法来添加一个系统的返回按钮。
可以通过setNavigationOnClickListener设置其点击事件。
设置图标(图中写错了,应该是setLogo)
设置主标题。
在Toolbar当作ActionBar来使用的情况下:
setDisplayShowTitleEnabled需要设置为false,setTitle才能有效。
设置副标题
设置菜单的点击事件,如果Toolbar当作ActionBar来使用的话,还可以直接在onOptionsItemSelected(MenuItem item)中设置。
关于Toolbar的初步使用就这么多,在Toolbar当作ActionBar使用的情况下,能用ActionBar原有方法实现的功能尽量用其方法实现,不能实现的再考虑使用Toolbar的方法,举个例子,像菜单构建设置监听什么的,直接使用Activity提供的方法就好了。
grid 表头标题栏添加点击事件的方法如下:
在<mx:DataGrid headerRelease="doHeaderRelease(event)"/>调用下面方法获取所在列以及dataField和headerText
在用datagrid的时候我们可能要用到点击表头来触发一个function,这里有个简单的例子。
首先你得有个能用的datagrid。
<div>
<table id="toolbar"></table>
</div>
然后是js里的东西。
function toolbar(){
alert("dd")
$("#toolbar").datagrid({
striped: true,
url:"toolbar",
columns:[[
{field:"name",title:click()},
{field:"sex", title:"性别"},
{field:"age", title:"年龄"},
]],
toolbar:[{
text:'增加',iconCls:'icon-add',handler:function(){
alert(document.getElementById("text").value)}
},
{text:'导入',iconCls:'icon-add',handler:function(){
window.location.href='StuImport.aspx'
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)