Android ToolBar整合實例使用方法詳解

更新時間：2017年02月16日 10:50:18 作者：KdanMin

這篇文章主要為大家詳細(xì)介紹了Android ToolBar整合實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下

最近做項目中遇到ToolBar因為不同的界面toobar不同為了描述統(tǒng)一的風(fēng)格。相信大家也非常清楚，大多數(shù)ToolBar包括以下幾個方面

左標(biāo)題左邊題顏色左標(biāo)題圖標(biāo)等
標(biāo)題標(biāo)題顏色
右標(biāo)題右標(biāo)題顏色右標(biāo)題圖標(biāo)
ToolBar標(biāo)題 ToolBar顏色 ToolBar圖標(biāo)
ToolBar子標(biāo)題 ToolBar子標(biāo)題 ToolBar子標(biāo)題顏色

再看一下淘寶以及其他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);
 }
 //設(shè)置主title內(nèi)容
 public void setMainTitle( String text )
 {
 this.setTitle(" ");
 mTvMainTitle.setVisibility(View.VISIBLE);
 mTvMainTitle.setText(text);
 }
 //設(shè)置主title的內(nèi)容文字的顏色
 public void setTitleColor(int color )
 {
 mTvMainTitle.setTextColor(color);
 }
 //設(shè)置左邊title內(nèi)容
 public void setMainTitleLeft(String text )
 {
 mTvMainTitleLeft.setVisibility(View.VISIBLE);
 mTvMainTitleLeft.setText(text);
 }
 //設(shè)置左邊的title顏色
 public void setMainTitleLeftColor(int color )
 {
 mTvMainTitleLeft.setTextColor(color);
 }
 //設(shè)置左邊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);
 }
 //設(shè)置右邊的title
 public void setTvMainRightText(String text )
 {
 mTvMainRight.setVisibility(View.VISIBLE);
 mTvMainRight.setText(text);
 }
 //設(shè)置右邊標(biāo)題的顏色
 public void setMainTitleRightColor(int color )
 {
 mTvMainRight.setTextColor(color);
 }
 //設(shè)置右邊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);
 }
 //設(shè)置toolbar顏色
 public void setToolBarBackground(int res )
 {
 this.setBackgroundResource(res);
 }
 //設(shè)置ToolBar左邊的圖標(biāo)
 public void setToolbarLeftBackImageRes(int res )
 {
 this.setNavigationIcon(res);
 }
 //設(shè)置toolbar左邊文字
 public void setToolbarLeftText(String text ){
 this.setNavigationContentDescription(text);
 }
 //設(shè)置toolbar標(biāo)題
 public void setToolbarTitle(String text )
 {
 this.setTitle(text);
 }
 //設(shè)置toolbar顏色
 public void setToolbarTitleColor(int color )
 {
 this.setTitleTextColor(color);
 }
 //設(shè)置ToolBar子標(biāo)題
 public void setToolbarSubTitleText(String text )
 {
 this.setSubtitle(text);
 }
 //設(shè)置toolbar子標(biāo)題的顏色
 public void setToolbarSubTitleTextColor(int color )
 {
 this.setSubtitleTextColor(color);
 }

}

然后布局引用activity_custome_toolbar
因為其實toolbar說白也是view也可以說是一個布局
所以我們只要根據(jù)自己需求往里面丟東西就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="標(biāo)題"
 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>

到這里基本結(jié)束了！大家可以繼續(xù)完善！謝謝！

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: