Toolbar的封装及使用

一个app中如果多次的使用Toolbar,会写很多重复的代码，这也不符合我们的编程思想.所以要对Toolbar进行封装.

代码框架

程序效果(这里进行简单的设置)

布局文件

主窗体中没有进行编写

ToolbarActivity的xml文件代码

<? xml version= "1.0"  encoding= "utf-8" ?>
< RelativeLayout
    xmlns: android = "http://schemas.android.com/apk/res/android"
    xmlns: tools = "http://schemas.android.com/tools"
    android :layout_width= "match_parent"
    android :layout_height= "match_parent"
    tools :context= "com.dubuwucool.toolbardemo.ToolBarActivity">

    < android.support.v7.widget.Toolbar
        android :id= "@+id/toolBar"
        android :layout_width= "match_parent"
        android :layout_height= "wrap_content"
        android :background= "@android:color/holo_blue_dark">

        < LinearLayout
            android :layout_width= "match_parent"
            android :layout_height= "wrap_content"
            android :orientation= "horizontal"
            >

            < RelativeLayout
                android :layout_width= "match_parent"
                android :layout_height= "wrap_content"
                android :layout_weight= "1"
                >
                < EditText
                    android :id= "@+id/edt_text"
                    android :layout_width= "match_parent"
                    android :layout_height= "50dp"
                    android :background= "@drawable/round"
                    android :gravity= "center"
                    android :hint= " 输入商品、店铺、类型等 "
                    android :textSize= "25sp"
                    android :layout_toRightOf= "@+id/imgShow"
                    android :layout_alignParentLeft= "true"
                    android :layout_alignParentStart= "true"/>

                < ImageView
                    android :id= "@+id/imgShow"
                    android :layout_width= "40dp"
                    android :layout_height= "30dp"
                    android :src= "@drawable/serach"
                    android :layout_marginLeft= "15dp"
                    android :layout_marginStart= "15dp"
                    android :layout_centerVertical= "true"
                    android :layout_alignParentLeft= "true"
                    android :layout_alignParentStart= "true"/>
            </ RelativeLayout>

            < ImageButton
                android :layout_width= "160dp"
                android :layout_height= "40dp"
                android :layout_weight= "3"
                android :background= "@drawable/sound"
                android :layout_gravity= " center_vertical "/>
        </ LinearLayout>

    </ android.support.v7.widget.Toolbar>

</ RelativeLayout>

round.xml代码

<? xml version= "1.0"  encoding= "utf-8" ?>
< shape  xmlns: android = "http://schemas.android.com/apk/res/android"
    android :shape= "rectangle">
    < solid  android :color= "#FFFFFF" />
    < corners  android :bottomRightRadius= "15dp"
              android :bottomLeftRadius= "15dp"  android :topLeftRadius= "15dp"
              android :topRightRadius= "15dp" />
</ shape>

步骤(具体功能看解析)

1.要使用Toolbar就必须先隐藏ActionBar

①可以改变某个activity的主题

 

②也可以改变某个app的主题

选中该行进入style文件中进行修改

修改为这样即可

2.创建一个ToolbarActivity

ToolBarActivity是继承AppCompatActivity 并重写setContentView方法

public class ToolBarActivity extends AppCompatActivity {

    private ToolbarHelper mToolbarHelper;

    //自定义ToolBar的Activity,哪个activity有Toolbar,就继承该类
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        //   setContentView(R.layout.activity_tool_bar);

    }

    //把记住布局的方法进行重写
    @Override
    public void setContentView(@LayoutRes int layoutResID) {
        super.setContentView(layoutResID);
        //创建ToolbarHelper对象传递参数 1.上下文 2.布局资源
        mToolbarHelper = new ToolbarHelper(this, layoutResID);
        //获取封装好的Toolbar对象
        Toolbar toolBar = mToolbarHelper.getToolBar();
        //设置ToolbarHelper类中默认指定的根容器

        setContentView(mToolbarHelper.getContentView());

        //自定义一些Toolbar的个性化设置     切记:该方法一定要在setSupportActionBar()之前,否则主标题的设置会无效

        onCreateCustomToolbar(toolBar);
        //设置支持Toolbar

        setSupportActionBar(toolBar);

    }

    //自定义一些Toolbar的个性化设置,继承activity记得要对他进行覆写
    public void onCreateCustomToolbar(Toolbar toolBar) {

    }

    //当用户点击菜单栏中的某个选项时,会调用此方法,重写此方法每当点击坐上发图标时,关闭Activity
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if (item.getItemId() == android.R.id.home) {
            finish();
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

3.创建ToolbarHelper类

这个类的功能是：先创建一个 ViewGroup 来作为视图的父 View，把用户定义的 View，和 toolBar 依次 Add 到 ViewGroup 中；

public class ToolbarHelper {
    //声明一个上下文  当把xml布局资源转换为view的时候用到
    private Context context;
    //跟布局

    private FrameLayout contentView;

    //用户传入的xml布局资源对象

    private View userView;

    private LayoutInflater inflater;

    //toolbar的对象,通过getToolbar获取
    private Toolbar toolBar;

    /**
     * Toolbar帮助类的构造方法,方便用户自定义Toolbar,进行对象的初始化
     *
     * @param context  上下文
     * @param layoutID 布局xml资源
     */
    public ToolbarHelper(Context context, int layoutID) {
        //传递的上下文
        this.context = context;
        //因为普通类,没有getLayoutInflater()方法可以调用,
        // 所以传递一个上下文,通过LayoutInflater.from静态方法得到LayoutInflater对象
        inflater = LayoutInflater.from(context);
        //初始化整个内容

        initContentView();

        //初始化用户自定义的布局

        initUserView(layoutID);         

        //初始化ToolBar控件

        initToolBar();
    }

    //初始化整个布局内容
    private void initContentView() {
        //创建一个布局,作为视图容器的父容器
        contentView = new FrameLayout(context);
        //设置参数对象,定义父窗体的宽高
        ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        //把参数对象传递给视图容器
        contentView.setLayoutParams(layoutParams);
    }

    private void initUserView(int layoutID) {
        //把用户传递过来的布局xml资源转换为一个view对象
        userView = inflater.inflate(layoutID, null);
        //设置参数对象,定义父窗体的宽高
        ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        //   //把参数对象传递给视图容器
        userView.setLayoutParams(layoutParams);
    }

    private void initToolBar() {
        //把一个装有Toolbar的布局资源转换为一个View对象
        View inflate = inflater.inflate(R.layout.activity_tool_bar, contentView);
        //找到布局xml文件资源列队Toolbar,设置为全局变量
        toolBar = (Toolbar) inflate.findViewById(R.id.toolBar);
    }

    //返回Toolbar的对象,方便用户对Toolbar的自定义
    public Toolbar getToolBar() {
        return toolBar;
    }

    //获取默认的跟布局对象,FrameLayout
    public FrameLayout getContentView() {
        return contentView;
    }
}

4.最后就是主窗体的代码

//MainActivity就是使用我们的Toolbar封装
public class MainActivity extends ToolBarActivity {
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       

    }
    //自定义控件属性，ToolBar的设置都在这里写
    @Override
    public void onCreateCustomToolbar(Toolbar toolBar) {
        super.onCreateCustomToolbar(toolBar);
        //设置Toolbar的菜单按钮

        toolBar.showOverflowMenu();

    }

    //初始化菜单的按钮
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        return true;
    }
   
    //设置菜单按钮的点击事件
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        return super.onOptionsItemSelected(item);
    }
}