Android继承自定义标题栏BaseTitleBarActivity

最新推荐文章于 2024-05-27 01:38:19 发布
最新推荐文章于 2024-05-27 01:38:19 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yanxiaosa/article/details/69566377
版权

上一次讲了，封装标题栏，后来想想，那样封装还是很麻烦，因为，每个页面都需要添加标题栏的布局，如果一个类不需要，但是后来又需要了，那么，导致整个页面都要手动调整。
今天，我把标题栏封装到一个activity中，这个activity作为一个基类，只要继承这个类，就可以拥有设置标题栏属性的功能，如果不需要，只需要一句代码就可以去掉。
上次我们说到，一个标题栏无非有这些东西:

左侧返回箭头和文本、中间标题、右侧图标和文字

那么，我们将这些东西全都封装到一个页面中:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rl_title_bar_layout"
    android:paddingTop="8dp"
    android:paddingLeft="15dp"
    android:layout_width="match_parent"
    android:gravity="center_vertical"
    android:layout_height="60dp"
    android:background="@color/btn_blue" >

    <ImageView
        android:layout_marginTop="15dp"
        android:src="@mipmap/ic_back_white"
        android:id="@+id/iv_title_left_icon"
        android:layout_alignParentLeft="true"
        android:layout_width="11dp"
        android:scaleType="centerCrop"
        android:layout_height="22dp" />

    <TextView
        android:id="@+id/tv_title_text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:ellipsize="marquee"
        android:gravity="center"
        android:singleLine="true"
        android:textColor="@color/white"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tv_left_icon"
        android:layout_toRightOf="@+id/iv_title_left_icon"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="center"
        android:textColor="@color/white"
        android:textSize="18sp"
         />

    <TextView
        android:layout_marginRight="6dp"
        android:layout_alignParentRight="true"
        android:layout_toLeftOf="@+id/iv_right_icon"
        android:id="@+id/tv_right_title"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="center"
        android:textColor="@color/white"
        android:textSize="18sp" />

    <ImageView
        android:layout_marginRight="5dp"
        android:layout_marginTop="15dp"
        android:id="@+id/iv_right_icon"
        android:layout_alignParentRight="true"
        android:layout_width="32dp"
        android:layout_height="32dp" />

</RelativeLayout>

然后我们在activity的布局中将标题栏添加进来:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <!-- Title -->

    <include layout="@layout/include_self_title_bar_layout" />

    <FrameLayout
        android:id="@+id/fl_content_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/bg" >
    </FrameLayout>

</LinearLayout>

上面是标题栏，下面是帧布局，用来显示其他内容。
然后就是activity中的代码了:
我们要让其他页面的内容都放在这个帧布局中，这样，每个子类就都拥有这个标题栏了,我们需要重写父类的setContentView方法，在这个方法内，我们将获取到的布局，添加到帧布局中，那么，只要继承了这个activity的页面，他们的布局都会添加到这个帧布局中:

 //取出FrameLayout并调用父类removeAllViews()方法
    @Override
    public void setContentView(int layoutResID) {
        fl_content_layout.removeAllViews();
        View.inflate(this, layoutResID, fl_content_layout);
        onContentChanged();
    }

    @Override
    public void setContentView(View view) {
        fl_content_layout.removeAllViews();
        fl_content_layout.addView(view);
        onContentChanged();
    }

    @Override
    public void setContentView(View view, ViewGroup.LayoutParams params) {
        fl_content_layout.removeAllViews();
        fl_content_layout.addView(view, params);
        onContentChanged();
    }

这里我们重写父类的三种设置布局的方法，其实只用到了一种，也就是第一种，那么，这个基类的布局是怎么添加的呢:

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setupViews();
    }

    private void setupViews() {
        super.setContentView(R.layout.activity_base_title);
        tv_title_text = (TextView) findViewById(R.id.tv_title_text);
        fl_content_layout = (FrameLayout) findViewById(R.id.fl_content_layout);
        rl_title_bar_layout = (RelativeLayout) findViewById(R.id.rl_title_bar_layout);
        tv_left_icon = (TextView) findViewById(R.id.tv_left_icon);
        tv_right_title = (TextView) findViewById(R.id.tv_right_title);
        iv_right_icon = (ImageView) findViewById(R.id.iv_right_icon);
        iv_title_left_icon = (ImageView) findViewById(R.id.iv_title_left_icon);

        iv_right_icon.setOnClickListener(this);
        iv_title_left_icon.setOnClickListener(this);
        tv_right_title.setOnClickListener(this);
        tv_left_icon.setOnClickListener(this);

        uiAdapter();
    }

调用父类的方法，因为，咱们的类才是让其他类继承的基类，如果调用已经重写的setContentview方法的话，就会报错了，因为帧布局还没有初始化，根本无法添加。
剩下的，就是设置标题栏上控件的值了：

  /**
     * 是否显示返回按钮
     *
     * @param backwardResId  文字
     *
     * @param show  true则显示
     */
    public void showBackwardView(int backwardResId, boolean show) {
        if (tv_left_icon != null) {
            if (show) {
                tv_left_icon.setText(backwardResId);
                tv_left_icon.setVisibility(View.VISIBLE);
            } else {
                tv_left_icon.setVisibility(View.GONE);
            }
        }
    }

    /**
     * 提供是否显示提交按钮
     * @param forwardResId  文字
     * @param show  true则显示
     */
    public void showForwardView(int forwardResId, boolean show) {
        if (tv_right_title != null) {
            if (show) {
                tv_right_title.setVisibility(View.VISIBLE);
                tv_right_title.setText(forwardResId);
            } else {
                tv_right_title.setVisibility(View.GONE);
            }
        }
    }

    /**
     * 设置左侧图标
     * @param resId 图片资源id
     */
    public void setLeftIcon(int resId){
        iv_title_left_icon.setImageResource(resId);
    }

    /**
     * 设置右侧图标
     * @param redId 图片资源id
     */
    public void setRightIcon(int redId){
        iv_right_icon.setVisibility(View.VISIBLE);
        iv_right_icon.setImageResource(redId);
    }

    /**
     * 右侧图标是否显示
     * @param flag true显示
     */
    public void setRightIconShow(boolean flag){
        if(flag){
            iv_right_icon.setVisibility(View.VISIBLE);
        }else{
            iv_right_icon.setVisibility(View.GONE);
        }
    }

    /**
     * 设置标题栏背景色
     */
    public  void setTitleBgColor(){
        rl_title_bar_layout.setBackgroundColor(getResources().getColor(R.color.bg_color));
    }

    /**
     * 设置是否显示标题栏
     * @param flag true显示
     */
    public void showTitleBar(boolean flag){
        if(flag){
            rl_title_bar_layout.setVisibility(View.VISIBLE);
        }else{
            rl_title_bar_layout.setVisibility(View.GONE);
        }
    }

    /**
     * 返回按钮点击后触发
     * @param backwardView 点击的view
     */
    public void onBackward(View backwardView) {
        finish();
    }

    /**
     * 提交按钮点击后触发
     * @param forwardView 点击的view
     */
    public abstract void onForward(View forwardView);

    //设置标题内容
    @Override
    public void setTitle(int titleId) {
        tv_title_text.setText(titleId);
    }

    //设置标题内容
    @Override
    public void setTitle(CharSequence title) {
        tv_title_text.setText(title);
    }

    //设置标题文字颜色
    @Override
    public void setTitleColor(int textColor) {
        tv_title_text.setTextColor(getResources().getColor(R.color.btn_blue));
    }
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.tv_left_icon:
                onBackward(v);
                break;
            case R.id.tv_right_title:
                onForward(v);
                break;
            case R.id.iv_right_icon:
                onForward(v);
                break;
            case R.id.iv_title_left_icon:
                onBackward(v);
                break;
            default:
                break;
        }
    }

我们把右侧图标/文字的点击事件设置成了抽象方法，因为这个图标的事件响应是不一定的，每个类都有不同的需求，这样的话，其他的类，就可以在这个抽象方法中，实现自己的东西了。
来看一下完整的基类:

package com.telehot.quan.base;

import android.content.pm.ActivityInfo;
import android.graphics.Color;
import android.os.Build;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;

import com.telehot.fk.thuikitlib.base.multiresolution.Resolution;
import com.telehot.fk.thuikitlib.base.multiresolution.ResolutionAdapter;
import com.telehot.fk.thuikitlib.base.ui.*;
import com.telehot.fk.thuikitlib.base.ui.BaseActivity;
import com.telehot.fk.thuikitlib.enums.ViewScaleType;
import com.telehot.quan.R;
/**
 * @class：BaseTitleBarActivity
 * @brief：基本标题栏 .
 *
 * Copyright:Copyright (c) 2016
 * Company:天好电子商务股份有限公司.
 *
 * @author：yanxiaosa
 * @email：yanxiaosa@tele-hot.com
 * @date：2017-4-6
 */
public abstract class BaseTitleBarActivity extends BaseActivity implements View.OnClickListener{

    /**
     * 页面布局
     */
    private FrameLayout fl_content_layout;

    /**
     * 标题栏跟布局
     */
    private RelativeLayout rl_title_bar_layout;

    /**
     * 标题栏右侧图标
     */
    private ImageView iv_right_icon;

    /**
     * 标题栏左侧图标
     */
    private ImageView iv_title_left_icon;

    /**
     * 标题栏标题
     */
    private TextView tv_title_text;

    /**
     * 标题栏左边返回箭头
     */
    private TextView tv_left_icon;

    /**
     * 标题栏右边选项
     */
    private TextView tv_right_title;

    /**
     * 页面适配
     */
    public ResolutionAdapter mResolutionAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setupViews();
    }

    private void setupViews() {
        super.setContentView(R.layout.activity_base_title);
        tv_title_text = (TextView) findViewById(R.id.tv_title_text);
        fl_content_layout = (FrameLayout) findViewById(R.id.fl_content_layout);
        rl_title_bar_layout = (RelativeLayout) findViewById(R.id.rl_title_bar_layout);
        tv_left_icon = (TextView) findViewById(R.id.tv_left_icon);
        tv_right_title = (TextView) findViewById(R.id.tv_right_title);
        iv_right_icon = (ImageView) findViewById(R.id.iv_right_icon);
        iv_title_left_icon = (ImageView) findViewById(R.id.iv_title_left_icon);

        iv_right_icon.setOnClickListener(this);
        iv_title_left_icon.setOnClickListener(this);
        tv_right_title.setOnClickListener(this);
        tv_left_icon.setOnClickListener(this);

        uiAdapter();
    }

    /**
     * 页面适配
     */
    private void uiAdapter() {
        try {
            mResolutionAdapter = ResolutionAdapter.getInstance();
            mResolutionAdapter.setDesignResolution(this,new Resolution(750, 1334, 1.0f, 160, ActivityInfo.SCREEN_ORIENTATION_PORTRAIT));
        } catch (Exception e) {
            e.printStackTrace();
        }

        mResolutionAdapter.setTextSize(tv_left_icon,18);
        mResolutionAdapter.setTextSize(tv_right_title,18);
        mResolutionAdapter.setup(iv_title_left_icon,22,44, ViewScaleType.AS_HEIGHT_EDGES_SCALE);
        mResolutionAdapter.setup(iv_right_icon,32,32, ViewScaleType.AS_TWO_EDGES_SCALE);
    }

    /**
     * 透明状态栏,透明导航栏
     * 使用了SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION,表示会让应用的主体内容占用
     * 系统导航栏的空间
     * 然后又调用了setNavigationBarColor()方法将导航栏设置成透明色
     */
    public void setStatus(){
        if (Build.VERSION.SDK_INT >= 21) {
            View decorView = getWindow().getDecorView();
            int option = View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                    | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
            decorView.setSystemUiVisibility(option);
            //设置状态栏和导航栏的颜色
            getWindow().setNavigationBarColor(Color.TRANSPARENT);
            getWindow().setStatusBarColor(Color.TRANSPARENT);
        }
    }

    /**
     * 是否显示返回按钮
     *
     * @param backwardResId  文字
     *
     * @param show  true则显示
     */
    public void showBackwardView(int backwardResId, boolean show) {
        if (tv_left_icon != null) {
            if (show) {
                tv_left_icon.setText(backwardResId);
                tv_left_icon.setVisibility(View.VISIBLE);
            } else {
                tv_left_icon.setVisibility(View.GONE);
            }
        }
    }

    /**
     * 提供是否显示提交按钮
     * @param forwardResId  文字
     * @param show  true则显示
     */
    public void showForwardView(int forwardResId, boolean show) {
        if (tv_right_title != null) {
            if (show) {
                tv_right_title.setVisibility(View.VISIBLE);
                tv_right_title.setText(forwardResId);
            } else {
                tv_right_title.setVisibility(View.GONE);
            }
        }
    }

    /**
     * 设置左侧图标
     * @param resId 图片资源id
     */
    public void setLeftIcon(int resId){
        iv_title_left_icon.setImageResource(resId);
    }

    /**
     * 设置右侧图标
     * @param redId 图片资源id
     */
    public void setRightIcon(int redId){
        iv_right_icon.setVisibility(View.VISIBLE);
        iv_right_icon.setImageResource(redId);
    }

    /**
     * 右侧图标是否显示
     * @param flag true显示
     */
    public void setRightIconShow(boolean flag){
        if(flag){
            iv_right_icon.setVisibility(View.VISIBLE);
        }else{
            iv_right_icon.setVisibility(View.GONE);
        }
    }

    /**
     * 设置标题栏背景色
     */
    public  void setTitleBgColor(){
        rl_title_bar_layout.setBackgroundColor(getResources().getColor(R.color.bg_color));
    }

    /**
     * 设置是否显示标题栏
     * @param flag true显示
     */
    public void showTitleBar(boolean flag){
        if(flag){
            rl_title_bar_layout.setVisibility(View.VISIBLE);
        }else{
            rl_title_bar_layout.setVisibility(View.GONE);
        }
    }

    /**
     * 返回按钮点击后触发
     * @param backwardView 点击的view
     */
    public void onBackward(View backwardView) {
        finish();
    }

    /**
     * 提交按钮点击后触发
     * @param forwardView 点击的view
     */
    public abstract void onForward(View forwardView);

    //设置标题内容
    @Override
    public void setTitle(int titleId) {
        tv_title_text.setText(titleId);
    }

    //设置标题内容
    @Override
    public void setTitle(CharSequence title) {
        tv_title_text.setText(title);
    }

    //设置标题文字颜色
    @Override
    public void setTitleColor(int textColor) {
        tv_title_text.setTextColor(getResources().getColor(R.color.btn_blue));
    }

    //取出FrameLayout并调用父类removeAllViews()方法
    @Override
    public void setContentView(int layoutResID) {
        fl_content_layout.removeAllViews();
        View.inflate(this, layoutResID, fl_content_layout);
        onContentChanged();
    }

    @Override
    public void setContentView(View view) {
        fl_content_layout.removeAllViews();
        fl_content_layout.addView(view);
        onContentChanged();
    }

    @Override
    public void setContentView(View view, ViewGroup.LayoutParams params) {
        fl_content_layout.removeAllViews();
        fl_content_layout.addView(view, params);
        onContentChanged();
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.tv_left_icon:
                onBackward(v);
                break;
            case R.id.tv_right_title:
                onForward(v);
                break;
            case R.id.iv_right_icon:
                onForward(v);
                break;
            case R.id.iv_title_left_icon:
                onBackward(v);
                break;
            default:
                break;
        }
    }

}

这样就完成了，一个标题栏的布局，一个页面的布局，一个Activity,看一下使用吧:

    //添加左侧图标，
     setLeftIcon(R.mipmap.ic_back_white);
     //是否显示右侧文字
        showForwardView(R.string.comm_null,false);
        //是否显示左侧文字
        showBackwardView(R.string.comm_null,false);
        //设置标题
        setTitle("设置");

其他的方法，看下activity就一清二楚了，这里不多说!

燕歆波
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 自定义标题栏BaseActivity
黄海1991的博客
07-21 4820
如果每一个页面都要写一个一样的title，是不是感觉太繁琐了呢？毕竟同一件事情做多了我们都感觉到不爽。更重要的是，万一需求改了，每个title都要改一遍，相信很容易让人崩溃的。
Android中BaseActivity自定义标题栏
08-31
主要介绍了Android中BaseActivity自定义标题栏，非常实用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android Studio开发之路（十四）自定义Titlebar以及设置顶部状态栏颜色
最新发布
qq_41104439的博客
05-27 563
项目需求，我要做一个下图这样的titlebar,包括一个返回按钮，一个关闭按钮，一个文本框。默认的titlebar按钮设计不太满足我的需求，于是我打算自定义一个titlebar组件，应用到我的每一个页面。由于我直接在res/Themes中设置主题为白色后，状态栏的文字也变成了白色，于是我手动设置状态栏的背景和文字颜色，设置方法参见上边一段代码。在res/layout下创建一个mytitlebar.xml。
Android封装含有通用标题栏的基类BaseActivity
Leo Wang的博客
03-02 2629
安卓开发中，经常会遇到项目的标题栏基本样式都是一致的，只有个别界面需要定制化，而TitltBar或许跟我们的业务需求不是很相符，所以很多时候我们都想要去封装一个含有通用标题栏并且可定制化的BaseActivity。本文希望对有这方面需求的童鞋提供一种参考。效果图类似于这样 首先很多开发者比较喜欢的一种做法是写一份通用的标题栏布局，然后在每次创建的Activity的布局文件中去选择includ...
BaseActivity自定义TitleBar
10-31
BaseActivity自定义TitleBar
Android 简单的自定义控件（一）之BaseTitle
GuoXingWei_ToGo
01-22 714
在项目开发中有些布局及功能等被大量的重复利用，我们每在一个地方使用都需要重复的去copy,浪费了很多无用的时间，而这些东西我们完全可以用一个自定义控件就可以省事，比如每个页面的Title,如果我们不将其定义封装，是不是每次都会去写一些标题栏的布局，今天我们就简单的讲解一下简单的自定义控件。 所谓的自定义控件，我个人认为就是原来Android提供给我们对应的控件不能够达到我们所需的功能需求或者是需要我
Android实现自定义标题栏的方法
09-03
在Android应用开发中，自定义标题栏是一种常见的需求，它可以让应用界面更加个性化，符合设计风格。本篇文章将详细介绍如何在Android中实现自定义标题栏。 首先，自定义标题栏通常涉及创建一个新的XML布局文件来...
Android 自定义标题栏背景
09-02
在Android开发中，自定义标题栏（操作栏）是常见的需求，以实现个性化的设计和交互体验。本文将详细介绍如何创建一个自定义标题栏背景，并解决可能遇到的问题。首先，我们需要准备一个背景图片，例如`background_pix...
Android组合控件自定义标题栏
08-26
Android组合控件自定义标题栏 Android组合控件自定义标题栏是指在Android应用程序中，使用组合控件来实现自定义标题栏的功能。本质上，它是通过组合多个控件来实现自定义标题栏的布局和样式。 自定义标题栏的实现...
BaseActivity 封装标题！
追梦天涯33的博客
05-24 351
public abstract class BaseActivity extends AppCompatActivity { public RelativeLayout mBack; public TextView mTitle; public RelativeLayout mTitleRoot; public Boolean b = false; publ...
Android项目中自定义顶部标题栏
04-25
1.定义标题栏布局 2.自定义TitleActivity控制标题栏按钮监听 3.在TitleActivity中实现标题栏以下内容切换
Android项目基类BaseActivity
03-03
搭建Android项目的初始类集合，呕血整理，非常实用。
BaseActivity封装
遗声落西秦
11-23 214
public abstract class BaseActivity extends Activity implements View.OnClickListener { /** 是否沉浸状态栏 **/ private boolean isSetStatusBar = true; /** 是否允许全屏 **/ private boolean mAllowFullS
自定义Activity的标题栏(Titlebar)
jia635的专栏
04-25 732
缺省的情况下，通常见到Activity的标题栏(Titlebar)是这样的(红色框内)： HandleContacts是Activity的标题。 有时候，我们希望能改变一下这样单调的状况。比如，要在标题栏中增加一个用于美化界面的图标、增一个输入框或按钮之类的，怎样才能做到这一点呢？我们不妨来看一个实际的例子。 3.在该项目的res/layout文件夹下，创建一个布
封装Activity基类，快速实现添加标题栏，设置状态栏样式
王龙的博客
07-06 1435
本篇博客是在网上学习快速封装一个ToolBar的基类的灵感，作了一定程度的衍生。 第一步:创建一个BaseActivity并在其布局文件中设定标题栏的样式，FrameLayout是用于装载子类Activity的布局。<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:ori
《一个Android工程的从零开始》-4、base（三） BaseActivity——Title
半寿翁的博客
07-07 1587
想必有一部分人看完昨天的部分，会有一些疑问，那就是虽然经过昨天的内容，我们能够用Activity继承BaseActivity，并将对应的布局文件，显示到BaseActivity的title的下方，看起来却是省事了许多，可是title却是死的，如何去更改文本，控制按钮显示，或者说还有一些APP的首页，是不需要显示title的，这部分又如何操作呢。 下面就正是进入这部分，具体的也不乱说了，直接上方法。
Android ToolBar 基础使用——进阶封装BaseActivity（附源码）
csdn_aiyang的博客
06-01 2851
前言    在2015年的Google I/O大会上推出Design Support库，这个库讲Material Design 中最具代表性的一些控件和效果进行了封装，使得开发者在即使不了解Material Design的情况下也能轻松地将自己的应用Material华。这篇博文就说讲解其中一个 ToolBar的控件，我们之前对于ActionBar是比较熟悉的，但是大多数开发中都是将其隐藏掉了，因为...
Android 创建自定义标题栏
WriteOnRead
05-28 735
Android 中所有控件都直接或间接继承自 View；所有布局都直接或间接继承自 ViewGroup 。
android studio自定义标题栏
06-28
要在Android Studio中自定义标题栏，可以按照以下步骤进行操作： 1. 在res文件夹中创建一个新的布局文件，例如“custom_title.xml”，用于定义自定义标题栏的布局。 2. 在AndroidManifest.xml文件中的Activity标签...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值