Android开发之——自定义标题栏titlebar

最新推荐文章于 2023-11-16 16:23:17 发布
shandong_chu
最新推荐文章于 2023-11-16 16:23:17 发布
阅读量934
点赞数
分类专栏： Android 百科
本文链接：https://blog.csdn.net/shandong_chu/article/details/69258409
版权
Android 百科专栏收录该内容
76 篇文章 1 订阅
订阅专栏
本文通过实例介绍一种titlebar的实现方法。
1、activity_main layout 配置文件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.my.joe.myneusoft.MainActivity">  ——此处对应的是MainActivity路径
    <com.my.joe.myneusoft.MyToolBar
        android:id="@+id/myToolBar"
        android:layout_width="fill_parent"
        android:layout_height="50dp"      ——此处为设置标题栏的属性
        custom:leftButtonBackground="@null"
        custom:leftButtonText="返回"
        custom:leftButtonTextColor="#0000ff"
        custom:leftButtonTextSize="5sp"      ——此处为设置左侧按钮的属性
        custom:rightButtonBackground="@null"
        custom:rightButtonText="菜单"
        custom:rightButtonTextColor="#0000ff"
        custom:rightButtonTextSize="5sp"—此处为设置右侧按钮的属性


custom:textTitle="MyTitle" custom:titleTextColor="#A10000" custom:titleTextSize="5sp" >

—此处为设置中间标题的属性



 </com.my.joe.myneusoft.MyToolBar></RelativeLayout>




2、MyToolBar数据处理，包括标题栏的按钮是否显示、按钮的点击事件 


package com.my.joe.myneusoft;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.TextView;

/*
 * 自定义ToolBar，继承自RelativeLayout
 **/
public class MyToolBar extends RelativeLayout {

	private Button leftBtn, rightBtn; // 左侧和右侧的按钮
	private TextView tvTitle; // 中间的标题

	/*
	 * 中间标题的属性
	 */
	private String title; // 标题
	private boolean showTitle; // 是否显示标题
	private float titleSize; // 标题字体大小
	private int titleColor; // 标题字体颜色

	/*
	 * 左边按钮的属性
	 */
	private String leftBtnText;// 左边按钮的文字
	private Drawable leftBtnBackground;// 左边按钮的背景
	private boolean showLeftBtn;// 是否显示左边按钮
	private int leftBtnTextColor;// 左边按钮字体颜色
	private float leftBtnTextSize;// 左边按钮字体大小

	/*
	 * 右边按钮的属性
	 */
	private String rightBtnText;// 右边按钮的文字
	private Drawable rightBtnBackground;// 右边按钮的背景
	private boolean showRightBtn;// 是否显示右边按钮
	private int rightBtnTextColor;// 右边按钮字体颜色
	private float rightBtnTextSize;// 右边按钮字体大小

	/*
	 * 三个控件的位置配置参数，左侧、右侧按钮的位置
	 */
	private LayoutParams titleParams;// 标题的位置配置参数
	private LayoutParams leftParams;// 左边按钮的位置配置参数
	private LayoutParams rightParams;// 右边按钮的位置配置参数
	// 事件监听器
	private MyToolBarClickListener listener;

	/*
	 * 在构造函数里完成自定义toolbar的属性设置
	 */
	public MyToolBar(Context context, AttributeSet attrs) {
		super(context, attrs);
		TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyToolBar);
		/*
		 * 获取中间标题的自定义属性设置以及默认值
		 */
		title = typedArray.getString(R.styleable.MyToolBar_textTitle);
		showTitle = typedArray.getBoolean(R.styleable.MyToolBar_showTitle, true);
		titleSize = typedArray.getDimension(R.styleable.MyToolBar_titleTextSize, 0);
		titleColor = typedArray.getColor(R.styleable.MyToolBar_titleTextColor, 0);
		/*
		 * 获取左边按钮的自定义属性设置以及默认值
		 */
		leftBtnText = typedArray.getString(R.styleable.MyToolBar_leftButtonText);
		leftBtnTextColor = typedArray.getColor(R.styleable.MyToolBar_leftButtonTextColor, 0);
		leftBtnBackground = typedArray.getDrawable(R.styleable.MyToolBar_leftButtonBackground);
		leftBtnTextSize = typedArray.getDimension(R.styleable.MyToolBar_leftButtonTextSize, 0);
		/*
		 * 获取右边按钮的自定义属性设置以及默认值
		 */
		rightBtnText = typedArray.getString(R.styleable.MyToolBar_rightButtonText);
		rightBtnTextColor = typedArray.getColor(R.styleable.MyToolBar_rightButtonTextColor, 0);
		rightBtnBackground = typedArray.getDrawable(R.styleable.MyToolBar_rightButtonBackground);
		rightBtnTextSize = typedArray.getDimension(R.styleable.MyToolBar_rightButtonTextSize, 0);
		// 回收资源
		typedArray.recycle();

		/*
		 * 创建三个控件的对象
		 */
		leftBtn = new Button(context);
		rightBtn = new Button(context);
		tvTitle = new TextView(context);
		/*
		 * 设置标题的属性
		 */
		tvTitle.setText(title);
		tvTitle.setTextColor(titleColor);
		tvTitle.setTextSize(titleSize);
		tvTitle.setGravity(Gravity.CENTER);
		/*
		 * 设置左边按钮的属性
		 */
		leftBtn.setText(leftBtnText);
		leftBtn.setTextColor(leftBtnTextColor);
		//leftBtn.setBackground(leftBtnBackground);
		leftBtn.setTextSize(leftBtnTextSize);
		/*
		 * 设置右边按钮的属性
		 */
		rightBtn.setText(rightBtnText);
		rightBtn.setTextColor(rightBtnTextColor);
		//rightBtn.setBackground(rightBtnBackground);
		rightBtn.setTextSize(rightBtnTextSize);
		// 设置自定义toolbar的背景色
		setBackgroundColor(Color.WHITE);

		// 中间标题的位置参数 配置
		titleParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
		titleParams.addRule(RelativeLayout.CENTER_IN_PARENT);
		// 向RelativeLayout中添加控件
		addView(tvTitle, titleParams);

		// 左边按钮的位置参数 配置
		leftParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
		leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
		// 向RelativeLayout中添加控件
		addView(leftBtn, leftParams);

		// 右边按钮的位置参数 配置
		rightParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
		rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
		// 向RelativeLayout中添加控件
		addView(rightBtn, rightParams);

		/*
		 * 左边按钮点击事件
		 */
		leftBtn.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				listener.leftBtnClick();

			}
		});
		/*
		 * 右边按钮点击事件
		 */
		rightBtn.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				listener.rightBtnClick();

			}
		});
	}

	/*
	 * 定义点击事件的接口
	 */
	public interface MyToolBarClickListener {
		public void leftBtnClick();// 左边按钮点击事件

		public void rightBtnClick();// 右边按钮点击事件
	}

	/*
	 * 自定义的toolbar的事件监听
	 */
	public void setOnMyToolBarClickListener(MyToolBarClickListener listener) {
		this.listener = listener;
	}

	/*
	 * 设置自定义toolbar的左右两边按钮的是否显示，默认连个按钮都是显示的
	 */
	public void setToolBarBtnVisiable(boolean leftFalg, boolean rightFalg) {
		if (leftFalg && rightFalg) {
			leftBtn.setVisibility(View.VISIBLE);
			rightBtn.setVisibility(View.VISIBLE);
		}
		if (!leftFalg && !rightFalg) {
			leftBtn.setVisibility(View.GONE);
			rightBtn.setVisibility(View.GONE);
		}
		if (!leftFalg && rightFalg) {
			leftBtn.setVisibility(View.GONE);
			rightBtn.setVisibility(View.VISIBLE);
		}
		if (leftFalg && !rightFalg) {
			leftBtn.setVisibility(View.VISIBLE);
			rightBtn.setVisibility(View.GONE);
		}

	}

	/*
	 * 设置自定义的toolbar是否显示标题，默认是有标题的
	 */
	public void setToolBarTitleVisible(boolean flag) {
		if (flag) {
			tvTitle.setVisibility(View.VISIBLE);
		} else {
			tvTitle.setVisibility(View.GONE);
		}
	}
}


3、MainActivity的具体实现，包括初始化视图、数据，以及添加事件的监听器 

package com.my.joe.myneusoft;

import com.my.joe.myneusoft.MyToolBar.MyToolBarClickListener;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

public class MainActivity extends Activity {
	private MyToolBar myToolBar;// 自定义toolbar

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// 初始化视图
		initView();
		// 初始化数据
		initData();
		// 事件监听
		initListener();

	}

	/*
	 * 初始化视图
	 */
	private void initView() {
		setContentView(R.layout.activity_main);
		myToolBar = (MyToolBar) findViewById(R.id.myToolBar);
	}

	/*
	 * 初始化数据
	 */
	private void initData() {
		// 设置左边右边的按钮是否显示
		myToolBar.setToolBarBtnVisiable(true, true);
		// 设置是否显示中间标题，默认的是显示
		myToolBar.setToolBarTitleVisible(true);
	}

	/*
	 * 事件监听
	 */
	private void initListener() {
		/*
		 * toolbar的点击事件处理
		 */
		myToolBar.setOnMyToolBarClickListener(new MyToolBarClickListener() {

			@Override
			public void rightBtnClick() {// 右边按钮点击事件
				Toast.makeText(MainActivity.this, "菜单", Toast.LENGTH_SHORT).show();
			}

			@Override
			public void leftBtnClick() {// 左边按钮点击事件
				Toast.makeText(MainActivity.this, "返回", Toast.LENGTH_SHORT).show();

			}
		});
	}

}

4、在Androidmainfest中需要添加内容，如下
 <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@android:style/Theme.Light.NoTitleBar"   ——添加的内容
        >





经过以上的步骤，就可以实现自定义的标题栏，包括左侧按钮、中间标题、右侧按钮，以及按钮的点击事件。
shandong_chu
关注
0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Android开发之——自定义标题栏titlebar

本文通过实例介绍一种titlebar的实现方法。1、activity_main layout 配置文件<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:custom="
复制链接

扫一扫