Android ToolBar整合實例使用方法詳解
更新時間:2017年02月16日 10:50:18 作者:KdanMin
這篇文章主要為大家詳細介紹了Android ToolBar整合實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下
最近做項目中遇到ToolBar因為不同的界面toobar不同為了描述統(tǒng)一的風格。相信大家也非常清楚,大多數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>
到這里基本結束了!大家可以繼續(xù)完善!謝謝!
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Android動態(tài)修改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的簡單使用
相關文章
Android從0到完整項目(1)使用Android studio 創(chuàng)建項目詳解
本篇文章主要介紹了Android從0到完整項目(1)使用Android studio 創(chuàng)建項目詳解,具有一定的參考價值,有興趣的可以了解一下2017-07-07
android monkey自動化測試改為java調用monkeyrunner Api
一般情況下我們使用android中的monkeyrunner進行自動化測試時,使用的是python語言來寫測試腳本。不過,最近發(fā)現可以用java調用monkeyrunner Api,于是,就簡單研究了一下。這里做一些總結。希望有對在研究的午飯可以有所用處2012-11-11

