【IT168资讯】很多细心的网友发现Android浏览器的标题栏TitleBar的功能比较多，细心的网友在查看Browser时会发现，从左到右依次为网站图标(favicon)、标题、最右边的动画进度条(圆圈)、背景进度条(和前面的不在一层)，今天我们就一起来看看Android标题栏高级实现方法。

　　在Android Browser程序中标题栏是自绘的，TitleBar类继承于线性布局LinearLayout类，通过LayoutInflater调用layout中的xml布局文件实现相关方法

　　public class TitleBar extends LinearLayout {

　　private TextView mTitle; //标题文字

　　private Drawable mCloseDrawable;

　　private ImageView mRtButton;

　　private Drawable mCircularProgress; //圆圈进度指示

　　private ProgressBar mHorizontalProgress; //水平进度条

　　private ImageView mFavicon; //网站图标

　　private ImageView mLockIcon;

　　private Drawable mStopDrawable; //停止状态的图标

　　private Drawable mBookmarkDrawable; //是一个书签的图标

　　private boolean mInLoad;

　　private BrowserActivity mBrowserActivity;

　　private Drawable mGenericFavicon; //如果站点没有favicon.ico时显示的默认图标

　　private int mIconDimension;

　　private View mTitleBg; //文字的背景

　　private MyHandler mHandler;

　　private static int LONG_PRESS = 1;

　　public TitleBar(BrowserActivity context) {

　　super(context, null);

　　mHandler = new MyHandler();

　　LayoutInflater factory = LayoutInflater.from(context);

　　factory.inflate(R.layout.title_bar, this); //从xml文件创建，android123提示大家，该文件的详细内容在本段代码最下方。

　　mBrowserActivity = context;

　　mTitle = (TextView) findViewById(R.id.title);

　　mTitle.setCompoundDrawablePadding(5);

　　mTitleBg = findViewById(R.id.title_bg);

　　mLockIcon = (ImageView) findViewById(R.id.lock);

　　mFavicon = (ImageView) findViewById(R.id.favicon);

　　mRtButton = (ImageView) findViewById(R.id.rt_btn);

　　Resources resources = context.getResources();

　　mCircularProgress = (Drawable) resources.getDrawable(com.android.internal.R.drawable.search_spinner);

　　mIconDimension = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 20f,resources.getDisplayMetrics());

　　mCircularProgress.setBounds(0, 0, mIconDimension, mIconDimension);

　　mHorizontalProgress = (ProgressBar) findViewById(R.id.progress_horizontal);

　　mGenericFavicon = context.getResources().getDrawable(R.drawable.app_web_browser_sm);

　　}

　　private class MyHandler extends Handler {

　　public void handleMessage(Message msg) {

　　if (msg.what == LONG_PRESS) {

　　mTitleBg.setPressed(false);

　　mBrowserActivity.showTitleBarContextMenu();

　　}

　　}

　　};

　　@Override

　　protected void onCreateContextMenu(ContextMenu menu) { //创建上下文菜单，相关的xml代码在本文最后

　　MenuInflater inflater = mBrowserActivity.getMenuInflater();

　　inflater.inflate(R.menu.title_context, menu);

　　}

　　@Override

　　public boolean onTouchEvent(MotionEvent event) {

　　switch (event.getAction()) {

　　case MotionEvent.ACTION_DOWN:

　　if ((int) event.getX() > mTitleBg.getRight()) {

　　mRtButton.setPressed(true);

　　} else {

　　mTitleBg.setPressed(true);

　　mHandler.sendMessageDelayed(mHandler.obtainMessage(

　　LONG_PRESS),

　　ViewConfiguration.getLongPressTimeout());

　　}

　　break;

　　case MotionEvent.ACTION_MOVE:

　　int slop = ViewConfiguration.get(mBrowserActivity)

　　.getScaledTouchSlop();

　　if ((int) event.getY() > getHeight() + slop) {

　　mTitleBg.setPressed(false);

　　mRtButton.setPressed(false);

　　mHandler.removeMessages(LONG_PRESS);

　　break;

　　}

　　int x = (int) event.getX();

　　int titleRight = mTitleBg.getRight();

　　if (mTitleBg.isPressed() && x > titleRight + slop) {

　　mTitleBg.setPressed(false);

　　mHandler.removeMessages(LONG_PRESS);

　　} else if (mRtButton.isPressed() && x < titleRight - slop) {

　　mRtButton.setPressed(false);

　　}

　　break;

　　case MotionEvent.ACTION_CANCEL:

　　mRtButton.setPressed(false);

　　mTitleBg.setPressed(false);

　　mHandler.removeMessages(LONG_PRESS);

　　break;

　　case MotionEvent.ACTION_UP:

　　if (mRtButton.isPressed()) {

　　if (mInLoad) {

　　mBrowserActivity.stopLoading();

　　} else {

　　mBrowserActivity.bookmarksOrHistoryPicker(false);

　　}

　　mRtButton.setPressed(false);

　　} else if (mTitleBg.isPressed()) {

　　mHandler.removeMessages(LONG_PRESS);

　　mBrowserActivity.onSearchRequested();

　　mTitleBg.setPressed(false);

　　}

　　break;

　　default:

　　break;

　　}

　　return true;

　　}

　　boolean isInLoad() {

　　return mInLoad;

　　}

　　void setFavicon(Bitmap icon) {

　　Drawable[] array = new Drawable[3];

　　array[0] = new PaintDrawable(Color.BLACK);

　　PaintDrawable p = new PaintDrawable(Color.WHITE);

　　array[1] = p;

　　if (icon == null) {

　　array[2] = mGenericFavicon;

　　} else {

　　array[2] = new BitmapDrawable(icon);

　　}

　　LayerDrawable d = new LayerDrawable(array);

　　d.setLayerInset(1, 1, 1, 1, 1);

　　d.setLayerInset(2, 2, 2, 2, 2);

　　mFavicon.setImageDrawable(d);

　　}

　　void setLock(Drawable d) {

　　if (null == d) {

　　mLockIcon.setVisibility(View.GONE);

　　} else {

　　mLockIcon.setImageDrawable(d);

　　mLockIcon.setVisibility(View.VISIBLE);

　　}

　　}

　　void setProgress(int newProgress) {

　　if (newProgress >= mHorizontalProgress.getMax()) {

　　mTitle.setCompoundDrawables(null, null, null, null);

　　((Animatable) mCircularProgress).stop();

　　mHorizontalProgress.setVisibility(View.INVISIBLE);

　　if (mBookmarkDrawable != null) {

　　mRtButton.setImageDrawable(mBookmarkDrawable);

　　}

　　mInLoad = false;

　　} else {

　　mHorizontalProgress.setProgress(newProgress);

　　if (!mInLoad && getWindowToken() != null) {

　　mTitle.setCompoundDrawables(null, null, mCircularProgress,

　　null);

　　((Animatable) mCircularProgress).start();

　　mHorizontalProgress.setVisibility(View.VISIBLE);

　　if (mBookmarkDrawable == null) {

　　mBookmarkDrawable = mRtButton.getDrawable();

　　}

　　if (mStopDrawable == null) {

　　mRtButton.setImageResource(R.drawable.ic_btn_stop_v2);

　　mStopDrawable = mRtButton.getDrawable();

　　} else {

　　mRtButton.setImageDrawable(mStopDrawable);

　　}

　　mInLoad = true;

　　}

　　}

　　}

　　void setTitleAndUrl(CharSequence title, CharSequence url) {

　　if (url == null) {

　　mTitle.setText(R.string.title_bar_loading);

　　} else {

　　mTitle.setText(url.toString());

　　}

　　}

　　void setToTabPicker() {

　　mTitle.setText(R.string.tab_picker_title);

　　setFavicon(null);

　　setLock(null);

　　mHorizontalProgress.setVisibility(View.GONE);

　　}

　　}

　　本文的相关的title_bar.xml布局文件内容，其中大家可以理解下部分图标在创建时使用隐藏GONE的visibility显示属性，通过条件来设置其显示　

　　以下为 title_context.xml，里面仅有两条一个为分享该页和复制本页的URL