文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android自定义Toolbar使用方法详解

2022-06-06 05:07

关注

本篇文章介绍:

如何使用Toolbar;

自定义Toolbar;

先来看一看效果,了解一下toolbar;

布局文件:


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

Actvity中设置属性:


Toolbar toolBar= (Toolbar) findViewById(R.id.toolbar);
toolBar.setLogo(R.mipmap.ic_launcher);//设置图标
toolBar.setTitle("Title");//设置主
toolBar.setSubtitle("smalltitle");//设置子

这样就可以实现上面的效果。

接下来是自定义的Toolbar:

布局文件:


<com.example.cjj.test.bean.MyToolBar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    android:layout_centerInParent="true"
    android:layout_gravity="center"
  >
  </com.example.cjj.test.bean.MyToolBar>

toolbar.xml:


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <ImageButton
    android:id="@+id/mLeftButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    android:background="?attr/colorPrimary"
    /> 
  <TextView
    android:id="@+id/toolbar_title"
    android:text="title"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_gravity="center"
    android:gravity="center"
    android:textColor="@color/white"
    android:textSize="20sp"
    />
  <ImageButton
    android:id="@+id/mRightButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:background="?attr/colorPrimary"/>
</RelativeLayout>

新建一个MyToolbar:


public class MyToolBar extends Toolbar {
  //布局
  private LayoutInflater mInflater; 
  //右边按钮
  private ImageButton mRightButton;
  //左边按钮
  private ImageButton mLeftButton;
  //
  private TextView mTextTitle;
  private View view;
  public MyToolBar(Context context) {
    this(context,null);
  }
  public MyToolBar(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }
  public MyToolBar(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    //初始化函数
    initView();
    setContentInsetsRelative(10, 10);
    if (attrs != null) {
       setLeftButtonIcon(R.mipmap.back_icon);//设置左图标
        //设置点击事件
        setLeftButtonOnClickLinster(new OnClickListener() {
          @Override
          public void onClick(View v) {
            Toast.makeText(getContext(),"left",Toast.LENGTH_SHORT).show();
          }
        });
        setRightButtonIcon(R.mipmap.nav_more);//设置右图标
         //设置点击事件
        setRightButtonOnClickLinster(new OnClickListener() {
          @Override
          public void onClick(View v) {
            Toast.makeText(getContext(), "right", Toast.LENGTH_SHORT).show();
          }
        });
    }
  }
 private void initView() {
    if(view==null){
      //初始化
      mInflater= LayoutInflater.from(getContext());
      //添加布局文件
      view=mInflater.inflate(R.layout.toolbar,null);
      //绑定控件
      mEditSearchView= (EditText) view.findViewById(R.id.toolbar_searchview);
      mTextTitle= (TextView) view.findViewById(R.id.toolbar_title);
      mLeftButton= (ImageButton) view.findViewById(R.id.mLeftButton);
      mRightButton= (ImageButton) view.findViewById(R.id.mRightButton);
      LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT, Gravity.CENTER_HORIZONTAL);
      addView(view, layoutParams);
    }
  }
   public void setRightButtonIcon(int icon){
    if(mRightButton !=null){
      mRightButton.setImageResource(icon);
      // mRightButton.setVisibility(VISIBLE);
    }
  }
  public void setLeftButtonIcon(int icon){
    if(mLeftButton !=null){
      mLeftButton.setImageResource(icon);
      //mLeftButton.setVisibility(VISIBLE);
    }
  }
  //设置右侧按钮监听事件
  public void setRightButtonOnClickLinster(OnClickListener linster) {
    mRightButton.setOnClickListener(linster);
  }
  //设置左侧按钮监听事件
  public void setLeftButtonOnClickLinster(OnClickListener linster) {
    mLeftButton.setOnClickListener(linster);
  }
您可能感兴趣的文章:Android动态修改ToolBar的Menu菜单示例Android中Toolbar随着ScrollView滑动透明度渐变效果实现Android折叠式Toolbar使用完全解析(CollapsingToolbarLayout)Android ToolBar控件详解及实例Android自定义ActionProvider ToolBar实现Menu小红点解决Android V7后自定义Toolbar、ActionBar左侧有空白问题Android5.0+ CollapsingToolbarLayout使用详解Android ToolBar整合实例使用方法详解Android中ActionBar和ToolBar添加返回箭头的实例代码android ToolBar的简单使用


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯