Material Design控件-toolbar

Material Design控件-toolbar_第1张图片


1.ToolBar

使用原因:ActionBar 固定在上面,扩展性不好,Google使用Toolbar来代替Actionbar

使用方法:

     一。去除ActionBar,我们之前带有ActionBar是因为使用了带ActionBar的主题,所以我们得换换主题,

在AndroidManifest.xml中 找到android:theme,

ctrl +鼠标左键点击@style/AppTheme,

我们将@style/AppTheme依赖的的样式改为Theme.AppCompat.Light.NoActionBar

AndroidManifest.xml:


        
            
                

                
            
        
    
styles.xml:

    


二。加入toolbar 步骤一:在布局文件中加入toolbar



    
    
这里加入Textview是为了让标题居中显示,否则标题会显示在左边


步骤二:加入代码

   private void initView() {
        toolbar = (Toolbar)findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);   //设置使用toolbar
        setTitle(null);   //设置原标题为空,这是个显示在左边的标题
    }

这样就完成了。

我们看上面的动图右边还有一个menu按键,怎么加入呢?

步骤一:在menu文件夹下加入toolbar.xml文件,内容如下:


    

步骤二:加入代码

//加载该menu文件

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.toolbar,menu);
        return true;
    }

//设置点击menu按键时的行为,这里我们是提示You click download
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case R.id.download:
                Toast.makeText(this,"You click download",Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
        return true;
    }




        


你可能感兴趣的:(----控件,2.Android)