Android自定义控件之app标题栏的封装

在app的开发中,每一个页面都有上面的标题栏,总不能在开发的过程中没个界面都写一个标题栏的布局,所以为了开发的方便,将该标题栏进行的封装,以后在实际的开发工作中,也可以将该封装好的标题栏控件直接拿来使用,当然肯定是需要更改里面的布局文件的



下面贴出的是布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="#F34B4E"
    android:gravity="center_vertical" >

    <LinearLayout
        android:id="@+id/llLeftGoBack"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:background="@drawable/widget_titlebar_selector"
        android:clickable="true"
        android:focusable="true"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:paddingLeft="10dp"
        android:paddingRight="15dp" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5dp"
            android:clickable="false"
            android:drawableLeft="@drawable/myapptitle_back"
            android:drawablePadding="5dp"
            android:focusable="false"
            android:gravity="center"
            android:text="返回"
            android:textColor="#FFFFFF"
            android:textSize="16sp" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/llRight"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_alignParentRight="true"
        android:background="@drawable/widget_titlebar_selector"
        android:clickable="true"
        android:focusable="true"
        android:orientation="horizontal"
        android:paddingLeft="15dp"
        android:paddingRight="15dp" >

        <ImageView
            android:id="@+id/ivRightComplete"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:clickable="false"
            android:focusable="false"
            android:visibility="gone" />

        <TextView
            android:id="@+id/tvRightComplete"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="5dp"
            android:clickable="false"
            android:focusable="false"
            android:gravity="center"
            android:text="完成"
            android:textColor="#FFFFFF"
            android:textSize="16sp"
            android:visibility="visible" />
    </LinearLayout>

    <TextView
        android:id="@+id/tvCenterTitle"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_toRightOf="@id/llLeftGoBack"
        android:layout_toLeftOf="@id/llRight"
        android:ellipsize="end"
        android:gravity="center"
        android:singleLine="true"
        android:text="标题"
        android:textColor="#FFFFFF"
        android:textSize="18sp" />

</RelativeLayout>

下面是贴出来封装好的类


package com.renrui.job.widget;

import com.renrui.job.R;
import com.renrui.job.util.Utility;

import android.annotation.TargetApi;
import android.content.Context;
import android.os.Build;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
 * My app title
 **/
public class MyAppTitle extends LinearLayout
{
	private OnLeftButtonClickListener mLeftButtonClickListener;
	private OnRightButtonClickListener mRightButtonClickListener;
	private MyViewHolder mViewHolder;
	private View viewAppTitle;

	public MyAppTitle(Context context)
	{
		super(context);

		init();
	}

	public MyAppTitle(Context context, AttributeSet attrs)
	{
		super(context, attrs);

		init();
	}

	@TargetApi(Build.VERSION_CODES.HONEYCOMB)
	public MyAppTitle(Context context, AttributeSet attrs, int defStyle)
	{
		super(context, attrs, defStyle);

		init();
	}

	private void init()
	{
		LayoutInflater inflater = (LayoutInflater) this.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);

		LayoutParams layoutParams = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
		viewAppTitle = inflater.inflate(R.layout.view_activity_titlebar, null);
		this.addView(viewAppTitle, layoutParams);

		mViewHolder = new MyViewHolder(this);
		mViewHolder.llLeftGoBack.setOnClickListener(new OnClickListener()
		{
			@Override
			public void onClick(View v)
			{
				if (Utility.isFastDoubleClick())
				{
					return;
				}
				
				if (mLeftButtonClickListener != null)
				{
					mLeftButtonClickListener.onLeftButtonClick(v);
				}
			}
		});
		mViewHolder.llRight.setOnClickListener(new OnClickListener()
		{
			@Override
			public void onClick(View v)
			{
				if (Utility.isFastDoubleClick())
				{
					return;
				}
				
				if (mRightButtonClickListener != null)
				{
					mRightButtonClickListener.OnRightButtonClick(v);
				}
			}
		});
	}

	public void initViewsVisible(boolean isLeftButtonVisile, boolean isCenterTitleVisile, boolean isRightIconVisile, boolean isRightTitleVisile)
	{
		// 左侧返回
		mViewHolder.llLeftGoBack.setVisibility(isLeftButtonVisile ? View.VISIBLE : View.INVISIBLE);

		// 中间标题
		mViewHolder.tvCenterTitle.setVisibility(isCenterTitleVisile ? View.VISIBLE : View.INVISIBLE);

		// 右侧返回图标,文字
		if (!isRightIconVisile && !isRightTitleVisile)
		{
			mViewHolder.llRight.setVisibility(View.INVISIBLE);
		}
		else
		{
			mViewHolder.llRight.setVisibility(View.VISIBLE);
		}
		mViewHolder.ivRightComplete.setVisibility(isRightIconVisile ? View.VISIBLE : View.GONE);
		mViewHolder.tvRightComplete.setVisibility(isRightTitleVisile ? View.VISIBLE : View.INVISIBLE);
	}

	/**
	 * 设置标题
	 * 
	 * @param title
	 */
	public void setAppTitle(String title)
	{
		if (!TextUtils.isEmpty(title))
		{
			mViewHolder.tvCenterTitle.setText(title);
		}
	}

	public void setRightTitle(String text)
	{
		if (!TextUtils.isEmpty(text))
		{
			mViewHolder.tvRightComplete.setText(text);
		}
	}

	public void setRightIcon(int sourceID)
	{
		mViewHolder.ivRightComplete.setImageResource(sourceID);
	}

	public void setLeftOnclick(OnLeftButtonClickListener mOnLeftButtonClickListener)
	{
		if (mOnLeftButtonClickListener != null)
		{
		}
	}

	public void setAppBackground(int color)
	{
		viewAppTitle.setBackgroundColor(color);
	}

	public void setOnLeftButtonClickListener(OnLeftButtonClickListener listen)
	{
		mLeftButtonClickListener = listen;
	}

	public void setOnRightButtonClickListener(OnRightButtonClickListener listen)
	{
		mRightButtonClickListener = listen;
	}

	public static abstract interface OnLeftButtonClickListener
	{
		public abstract void onLeftButtonClick(View v);
	}

	public static abstract interface OnRightButtonClickListener
	{
		public abstract void OnRightButtonClick(View v);
	}

	static class MyViewHolder
	{
		LinearLayout llLeftGoBack;
		TextView tvCenterTitle;
		LinearLayout llRight;
		ImageView ivRightComplete;
		TextView tvRightComplete;

		public MyViewHolder(View v)
		{
			llLeftGoBack = (LinearLayout) v.findViewById(R.id.llLeftGoBack);
			tvCenterTitle = (TextView) v.findViewById(R.id.tvCenterTitle);
			llRight = (LinearLayout) v.findViewById(R.id.llRight);
			ivRightComplete = (ImageView) v.findViewById(R.id.ivRightComplete);
			tvRightComplete = (TextView) v.findViewById(R.id.tvRightComplete);
		}
	}
}



在使用中如何使用呢,接下来看在项目中  布局文件的引用

    <包名.MyAppTitle
        android:id="@+id/myNewAppTitle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </包名.MyAppTitle>

下面是在activity中如何初始化该标题的代码

private void setMyAppTitle()
	{
		MyAppTitle mNewAppTitle = (MyAppTitle) this.findViewById(R.id.myNewAppTitle);

		mNewAppTitle.initViewsVisible(true, true, false, true);

		mNewAppTitle.setAppTitle(getString(R.string.toptitle_tool_MySuggestActivity));
		mNewAppTitle.setRightTitle("提交");
		mNewAppTitle.setOnLeftButtonClickListener(new OnLeftButtonClickListener()
		{
			@Override
			public void onLeftButtonClick(View v)
			{
				onBackPressed();
			}
		});

		mNewAppTitle.setOnRightButtonClickListener(new OnRightButtonClickListener()
		{
			@Override
			public void OnRightButtonClick(View v)
			{
				//TODO
			}
		});
	}

这就是全部的代码了 在这里贴出来  方便以后的学习

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值