Android ToolBar整合实例使用方法详解
作者:KdanMin
这篇文章主要为大家详细介绍了Android ToolBar整合实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
最近做项目中遇到ToolBar因为不同的界面toobar不同为了描述统一的风格。相信大家也非常清楚,大多数ToolBar包括以下几个方面
- 左标题 左边题颜色 左标题图标等
- 标题 标题颜色
- 右标题 右标题颜色 右标题图标
- ToolBar标题 ToolBar颜色 ToolBar图标
- ToolBar子标题 ToolBar子标题 ToolBar子标题颜色
再看一下淘宝以及其他appToolBar样式界面
下面看下我自定义的CustomeToolBar继承原生ToolBar
package com.ldm.imitatewx; import android.content.Context; import android.graphics.drawable.Drawable; import android.support.v4.content.ContextCompat; import android.util.AttributeSet; import android.view.View; import android.widget.TextView; import android.widget.Toolbar; /** * Created by John on 2017/2/16. */ public class CustomeToolBar extends Toolbar { private TextView mTvMainTitleLeft; private TextView mTvMainTitle; private TextView mTvMainRight; public CustomeToolBar(Context context) { super(context); } public CustomeToolBar(Context context, AttributeSet attrs) { super(context, attrs); } public CustomeToolBar(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @Override protected void onFinishInflate() { super.onFinishInflate(); mTvMainTitleLeft= (TextView) findViewById(R.id.lt_main_title_left); mTvMainTitle= (TextView) findViewById(R.id.lt_main_title); mTvMainRight= (TextView) findViewById(R.id.lt_main_title_right); } //设置主title内容 public void setMainTitle( String text ) { this.setTitle(" "); mTvMainTitle.setVisibility(View.VISIBLE); mTvMainTitle.setText(text); } //设置主title的内容文字的颜色 public void setTitleColor(int color ) { mTvMainTitle.setTextColor(color); } //设置左边title内容 public void setMainTitleLeft(String text ) { mTvMainTitleLeft.setVisibility(View.VISIBLE); mTvMainTitleLeft.setText(text); } //设置左边的title颜色 public void setMainTitleLeftColor(int color ) { mTvMainTitleLeft.setTextColor(color); } //设置左边icon public void setMainTitleLeftDrawable(int res ) { Drawable left= ContextCompat.getDrawable(getContext(),res); left.setBounds(0,0,left.getMinimumWidth(),left.getMinimumHeight()); mTvMainTitleLeft.setCompoundDrawables(left,null,null,null); } //设置右边的title public void setTvMainRightText(String text ) { mTvMainRight.setVisibility(View.VISIBLE); mTvMainRight.setText(text); } //设置右边标题的颜色 public void setMainTitleRightColor(int color ) { mTvMainRight.setTextColor(color); } //设置右边icon public void setMainTitleRightDrawable(int res ) { Drawable right= ContextCompat.getDrawable(getContext(),res); right.setBounds(0,0,right.getMinimumWidth(),right.getMinimumHeight()); mTvMainTitleLeft.setCompoundDrawables(right,null,null,null); } //设置toolbar颜色 public void setToolBarBackground(int res ) { this.setBackgroundResource(res); } //设置ToolBar左边的图标 public void setToolbarLeftBackImageRes(int res ) { this.setNavigationIcon(res); } //设置toolbar左边文字 public void setToolbarLeftText(String text ){ this.setNavigationContentDescription(text); } //设置toolbar标题 public void setToolbarTitle(String text ) { this.setTitle(text); } //设置toolbar颜色 public void setToolbarTitleColor(int color ) { this.setTitleTextColor(color); } //设置ToolBar子标题 public void setToolbarSubTitleText(String text ) { this.setSubtitle(text); } //设置toolbar子标题的颜色 public void setToolbarSubTitleTextColor(int color ) { this.setSubtitleTextColor(color); } }
然后布局引用activity_custome_toolbar
因为其实toolbar说白也是view也可以说是一个布局
所以我们只要根据自己需求往里面丢东西就ok,这里可能不全面,希望大家一起完善谢谢!
<?xml version="1.0" encoding="utf-8"?> <com.ldm.imitatewx.CustomeToolBar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="?attr/label_textSize" android:background="@android:color/holo_green_light" android:fitsSystemWindows="true" app:contentInsetLeft="0dp" app:contentInsetStart="0dp" app:popupTheme="@style/MyPopStyle" > <TextView android:id="@+id/lt_main_title_left" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:text="返回" android:gravity="center" android:drawableLeft="@drawable/ic_back_u" android:textColor="@android:color/white" android:singleLine="true" android:textSize="16sp" android:visibility="visible"/> <TextView android:id="@+id/lt_main_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:singleLine="true" android:textColor="@android:color/white" android:text="标题" android:textSize="20sp" android:visibility="visible" /> <TextView android:id="@+id/lt_main_title_right" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right" android:layout_marginRight="10dp" android:text="返回" android:gravity="center" android:drawableRight="@drawable/ic_add" android:textColor="@android:color/white" android:singleLine="true" android:textSize="16sp" android:visibility="visible"/> </com.ldm.imitatewx.CustomeToolBar>
到这里基本结束了!大家可以继续完善!谢谢!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- Android动态修改ToolBar的Menu菜单示例
- Android中Toolbar随着ScrollView滑动透明度渐变效果实现
- Android折叠式Toolbar使用完全解析(CollapsingToolbarLayout)
- Android自定义Toolbar使用方法详解
- Android ToolBar控件详解及实例
- Android自定义ActionProvider ToolBar实现Menu小红点
- 解决Android V7后自定义Toolbar、ActionBar左侧有空白问题
- Android5.0+ CollapsingToolbarLayout使用详解
- Android中ActionBar和ToolBar添加返回箭头的实例代码
- android ToolBar的简单使用