android toolbar教程,安卓自定义组合控件--toolbar，安卓控件--toolbar

安卓自定义组合控件--toolbar，安卓控件--toolbar

最近在学习安卓APP的开发，用到了toolbar这个控件， 最开始使用时include layout这种方法，不过感觉封装性不好，就又改成了自定义组合控件的方式。

使用的工具为android studio 2.2，简称AS吧

1.首先创建一个新的自定义控件，如下图。AS会创建3个文件，  一个java文件，一个layout中的xml文件(这个是布局文件)，一个values中的xml文件(这个是属性文件)

2. 修改布局文件，代码如下。这里使用了RelativeLayout，  并且宽度和高度都选择了match_parent， 真实的宽度是在调用控件的地方写。

布局很简单， 左边后退按钮(可定义onclick方法)，中间标题，右边功能按钮(可隐藏，可更换图标，可定义onclick方法)

xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/toolbar_all1"android:layout_width="match_parent"android:layout_height="match_parent">

android:id="@+id/toolbar_left_button1"android:layout_width="20dp"android:layout_height="20dp"android:layout_alignParentLeft="true"android:layout_centerVertical="true"android:layout_marginLeft="10dp"android:src="@mipmap/ic_top_back"/>

android:id="@+id/toolbar_title1"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:textColor="@color/toolbar_text"android:textSize="@dimen/toolbar_text_size"/>

android:id="@+id/toolbar_right_button1"android:layout_width="30dp"android:layout_height="30dp"android:layout_alignParentRight="true"android:layout_centerVertical="true"android:layout_marginRight="10dp"/>

3. 修改属性文件，这里就定义了一个属性titleText， 用于在布局文件中给toolbar设置title

4.修改java文件。ToolbarControl类是继承与Toolbar类的。定义了titleStr属性，并且生成getter和setter，这里要和属性文件中定义的属性名一致，类型也要一致，否则会有问题。

还定义了代码设置title，代码设置右边功能菜单的图标、onclick事件。以及左边后退按钮的onclick事件(本来想把后退封装在控件里面，但是没找到好的方法，只能从调用的地方添加个OnclickListenser，  如有方法封装到控件里面，请指教)

public class ToolbarControl extendsToolbar {private static final String TAG = ToolbarControl.class.getSimpleName();privateString titleText;

@BindView(R.id.toolbar_left_button1)publicImageView leftButton;

@BindView(R.id.toolbar_title1)publicTextView titleTextView;

@BindView(R.id.toolbar_right_button1)publicImageView rightButton;publicToolbarControl(Context context) {super(context);

init(context,null);

}publicToolbarControl(Context context, AttributeSet attrs) {super(context, attrs);

init(context, attrs);

}private voidinit(Context context, AttributeSet attrs) {

View view= LayoutInflater.from(context).inflate(R.layout.toolbar_control, this, true);

ButterKnife.bind(this, view);//很重要

setContentInsetsRelative(0, 0);// Load attributes

final TypedArray a = getContext().obtainStyledAttributes(

attrs, R.styleable.ToolbarControl, 0, 0);

titleText =a.getString(R.styleable.ToolbarControl_titleText);

Log.d(TAG, titleText);

titleTextView.setText(titleText);

a.recycle();

}public voidsetTitle(String titleStr) {if (titleTextView != null) {

titleTextView.setText(titleStr);

}

}public void setTitleByResourceId(intrid) {if (titleTextView != null) {

titleTextView.setText(rid);

}

}public void setRightButtonImage(intresourceId) {if (rightButton != null) {

rightButton.setImageResource(resourceId);

}

}public voidshowImage() {if (rightButton != null) {

rightButton.setVisibility(View.VISIBLE);

}

}public voidhideImage() {if (rightButton != null) {

rightButton.setVisibility(View.GONE);

}

}public voidhide() {this.setVisibility(View.GONE);

}public voidsetBackButtonOnClickListerner(OnClickListener listerner) {if (leftButton != null && listerner != null) {

leftButton.setOnClickListener(listerner);

}

}public voidsetButtonOnClickListener(OnClickListener listener) {if (rightButton != null && listener != null) {

rightButton.setOnClickListener(listener);

}

}public String getTitleText() {

return titleText;

}

public void setTitleText(String titleText) {

this.titleText =titleText;

}

}

5. 布局中引用，  这里要设置控件的颜色、height也设置成wrap_content，并设置minHeight为？attr/actionBarSize

6. 代码中初始化控件。 首先将空间设置为support actionbar，  之后禁止显示自动的title， 然后设置 后退按钮的事件(就是finish)，设置右边功能菜单的图标，和点击事件

private voidinitToolBar() {

setSupportActionBar(toolbar);

getSupportActionBar().setDisplayShowTitleEnabled(false);

toolbar.setBackButtonOnClickListerner(newView.OnClickListener() {

@Overridepublic voidonClick(View view) {

AboutMeActivity.this.finish();

}

});

toolbar.setRightButtonImage(R.drawable.me);

toolbar.setButtonOnClickListener(newView.OnClickListener() {

@Overridepublic voidonClick(View view) {//你自己的功能

}

});

}

好了，一个完整的toolbar控件极其调用功能已经完成了。看下效果吧。

如果有问题，请指教

http://www.dengb.com/Androidjc/1183330.htmlwww.dengb.comtruehttp://www.dengb.com/Androidjc/1183330.htmlTechArticle安卓自定义组合控件--toolbar，安卓控件--toolbar 最近在学习安卓APP的开发，用到了toolbar这个控件， 最开始使用时include layout这种方法，不过...