Android 自定义标题栏 TitleBar

2024-05-08 22:32
文章标签 android 自定义 标题栏 titlebar

本文主要是介绍Android 自定义标题栏 TitleBar，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

惯例：先上图后说话，谢谢各位伙伴的支持! 有你们是我的福分！


每日一言：好看的皮囊千篇一律，有趣的灵魂万里挑一。

注意点：1.需要了解attrs中属性format

               2.自定义布局时使用this（context，null），本类中的，千万不要super（为默认）

            



第一步：

新建布局view_title_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.v7.widget.AppCompatCheckedTextView
      .../>

    <android.support.v7.widget.AppCompatCheckedTextView
       .../>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"
        android:orientation="horizontal">

        <android.support.v7.widget.AppCompatCheckedTextView
           .../>

        <android.support.v7.widget.AppCompatCheckedTextView
           .../>
    </LinearLayout>
</merge>

第二步：

在attrs.xml中添加属性  分别设置为 最左位置，中间标题位置，最右边位置，最右边第二个位置文字，图片

<declare-styleable name="CustomTitleBar">
    <!-- 项目中把下面这五项定义在styles.xml里 -->
    <attr name="titlebar_leftAndRightTextColor" format="reference|color" />
    <attr name="titlebar_titleTextColor" format="reference|color" />
    <attr name="titlebar_leftAndRightTextSize" format="reference|dimension" />
    <attr name="titlebar_titleTextSize" format="reference|dimension" />
    <attr name="titlebar_leftAndRightPadding" format="reference|dimension" />
    <!-- 下面这几项更具每个页面的业务写在layout中 -->
    <attr name="titlebar_leftText" format="reference|string" />
    <attr name="titlebar_rightText" format="reference|string" />
    <attr name="titlebar_rightSecondaryText" format="reference|string" />
    <attr name="titlebar_titleText" format="reference|string" />
    <attr name="titlebar_leftDrawable" format="reference" />
    <attr name="titlebar_titleDrawable" format="reference" />
    <attr name="titlebar_rightDrawable" format="reference" />
    <attr name="titlebar_rightSecondaryDrawable" format="reference" />
    <!-- 当既有leftText，又有leftDrawable时，设置该属性 -->
    <attr name="titlebar_leftDrawablePadding" format="reference|dimension" />
    <!-- 当既有titleText，又有titleDrawable时，设置该属性 -->
    <attr name="titlebar_titleDrawablePadding" format="reference|dimension" />
    <!-- 当既有rightText，又有rightDrawable时，设置该属性 -->
    <attr name="titlebar_rightDrawablePadding" format="reference|dimension" />
    <!-- 下面三项通常情况下不用，使用默认值就好。某个界面标题特别长并且左右文字短或者左右文字特别长并且标题特别短时单独配置 -->
    <attr name="titlebar_leftMaxWidth" format="reference|dimension"/>
    <attr name="titlebar_rightMaxWidth" format="reference|dimension"/>
    <attr name="titlebar_titleMaxWidth" format="reference|dimension"/>
    <!-- 标题文字是否为粗体，默认为true -->
    <attr name="titlebar_isTitleTextBold" format="boolean"/>
    <!-- 左边文字是否为粗体，默认为false -->
    <attr name="titlebar_isLeftTextBold" format="boolean"/>
    <!-- 右边文字是否为粗体，默认为false -->
    <attr name="titlebar_isRightTextBold" format="boolean"/>
</declare-styleable>

自定义标题控件 CustomTitleBar.class

public class CustomTitleBar extends RelativeLayout {private AppCompatCheckedTextView mTitleCtv;
    private AppCompatCheckedTextView mLeftCtv;
    private AppCompatCheckedTextView mRightCtv;
    private AppCompatCheckedTextView mRightSecondaryCtv;
    private Delegate mDelegate;

    public CustomTitleBar(Context context) {this(context, null);
    }public CustomTitleBar(Context context, AttributeSet attrs) {this(context, attrs, 0);
    }public CustomTitleBar(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);
        View.inflate(context, R.layout.view_title_bar, this);
        initView();
        setListener();
        initAttrs(context, attrs);
    }protected void initView() {mLeftCtv = getViewById(R.id.ctv_title_bar_left);
        mRightCtv = getViewById(R.id.ctv_title_bar_right);
        mRightSecondaryCtv = getViewById(R.id.ctv_title_bar_right_secondary);
        mTitleCtv = getViewById(R.id.ctv_title_bar_title);
    }protected void setListener() {mLeftCtv.setOnClickListener(new OnNoDoubleClickListener() {@Override
            public void onNoDoubleClick(View v) {if (mDelegate != null) {mDelegate.onClickLeftCtv();
                }}});
        mTitleCtv.setOnClickListener(new OnNoDoubleClickListener() {@Override
            public void onNoDoubleClick(View v) {if (mDelegate != null) {mDelegate.onClickTitleCtv();
                }}});
        mRightCtv.setOnClickListener(new OnNoDoubleClickListener() {@Override
            public void onNoDoubleClick(View v) {if (mDelegate != null) {mDelegate.onClickRightCtv();
                }}});
        mRightSecondaryCtv.setOnClickListener(new OnNoDoubleClickListener() {@Override
            public void onNoDoubleClick(View v) {if (mDelegate != null) {// mDelegate.onClickRightSecondaryCtv();
                }}});

    }private void initAttrs(Context context, AttributeSet attrs) {TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomTitleBar);
        final int N = typedArray.getIndexCount();
        for (int i = 0; i < N; i++) {initAttr(typedArray.getIndex(i), typedArray);
        }typedArray.recycle();
    }protected void initAttr(int attr, TypedArray typedArray) {switch (attr) {case R.styleable.CustomTitleBar_titlebar_leftText:setLeftText(typedArray.getText(attr));
                break;
          ...default:break;
        }}public CustomTitleBar hiddenLeftCtv() {mLeftCtv.setVisibility(GONE);
        return this;
    }public CustomTitleBar showLeftCtv() {mLeftCtv.setVisibility(VISIBLE);
        return this;
    }public CustomTitleBar setLeftText(@StringRes int resId) {setLeftText(getResources().getString(resId));
        return this;
    }public CustomTitleBar setLeftText(CharSequence text) {if (TextUtils.isEmpty(text)) {mLeftCtv.setText("");
            if (mLeftCtv.getCompoundDrawables()[0] == null) {hiddenLeftCtv();
            }} else {mLeftCtv.setText(text);
            showLeftCtv();
        }return this;
    }public CustomTitleBar setDelegate(Delegate delegate) {mDelegate = delegate;
        return this;
    }/**
     * 查找View
     *
     * @param id   控件的id
     * @param <VT> View类型
     */
    protected <VT extends View> VT getViewById(@IdRes int id) {return (VT) findViewById(id);
    }public static int dp2px(Context context, float dpValue) {return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dpValue, context.getResources().getDisplayMetrics());
    }public static int sp2px(Context context, float spValue) {return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, spValue, context.getResources().getDisplayMetrics());
    }public interface Delegate {void onClickLeftCtv();

    void onClickTitleCtv();

    void onClickRightCtv();

    //void onClickRightSecondaryCtv();
}
}
第四步

自定义标题样式

<!--自定义标题的样式-->
<style name="TitleBar">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">?attr/actionBarSize</item>
    <item name="android:background">@color/primary_blue</item>
    <item name="titlebar_leftAndRightTextColor">@color/white</item>
    <item name="titlebar_titleTextColor">@color/white</item>
</style>

第五步  使用
 

<com.danlu.smartpos.view.CustomTitleBar
   android:id="@+id/view_toolbar"
    style="@style/TitleBar"
    app:titlebar_leftDrawable="@drawable/btn_back"
    app:titlebar_leftText="返回"
    app:titlebar_rightDrawable="@drawable/iv_scan_new"
    app:titlebar_titleText="@string/about_danlu"/>

附加一个防止快速连续点击的方法 

public abstract class OnNoDoubleClickListener implements View.OnClickListener {private int mThrottleFirstTime = 600;
    private long mLastClickTime = 0;

    public OnNoDoubleClickListener() {}public OnNoDoubleClickListener(int throttleFirstTime) {mThrottleFirstTime = throttleFirstTime;
    }@Override
    public void onClick(View v) {long currentTime = System.currentTimeMillis();
        if (currentTime - mLastClickTime > mThrottleFirstTime) {mLastClickTime = currentTime;
            onNoDoubleClick(v);
        }}public abstract void onNoDoubleClick(View v);
}
谢谢观看，相互学习奋斗，后续会继续优化，一直努力下去,感谢bingoogolapple 学习帮助

这篇关于Android 自定义标题栏 TitleBar的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/971622。

相关文章

Android数据库Room的实际使用过程总结

Android数据库Room的实际使用过程总结

《Android数据库Room的实际使用过程总结》这篇文章主要给大家介绍了关于Android数据库Room的实际使用过程,详细介绍了如何创建实体类、数据访问对象（DAO）和数据库抽象类,需要的朋友可以... 目录前言一、Room的基本使用1.项目配置2.创建实体类（Entity）3.创建数据访问对象（DAO
阅读更多...
SpringBoot 自定义消息转换器使用详解

SpringBoot 自定义消息转换器使用详解

《SpringBoot自定义消息转换器使用详解》本文详细介绍了SpringBoot消息转换器的知识,并通过案例操作演示了如何进行自定义消息转换器的定制开发和使用,感兴趣的朋友一起看看吧... 目录一、前言二、SpringBoot 内容协商介绍2.1 什么是内容协商2.2 内容协商机制深入理解2.2.1 内容
阅读更多...
Android WebView的加载超时处理方案

Android WebView的加载超时处理方案

《AndroidWebView的加载超时处理方案》在Android开发中,WebView是一个常用的组件,用于在应用中嵌入网页,然而,当网络状况不佳或页面加载过慢时,用户可能会遇到加载超时的问题,本... 目录引言一、WebView加载超时的原因二、加载超时处理方案1. 使用Handler和Timer进行超
阅读更多...
【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...
Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候，不知道如何选的好，本文针对常用的方案，做个大概的说明： 1. 使用VLC for Android VLC Media Player（VLC多媒体播放器），最初命名为VideoLAN客户端，是VideoLAN品牌产品，是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式，并支持DVD影音光盘，VCD影
阅读更多...
自定义类型：结构体(续)

自定义类型：结构体(续)

目录 一. 结构体的内存对齐 1.1 为什么存在内存对齐？ 1.2 修改默认对齐数 二. 结构体传参 三. 结构体实现位段 一. 结构体的内存对齐 在前面的文章里我们已经讲过一部分的内存对齐的知识，并举出了两个例子，我们再举出两个例子继续说明： struct S3{double a;int b;char c;};int mian(){printf("%zd\n",s
阅读更多...
android-opencv-jni

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库，所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包，存
阅读更多...
从状态管理到性能优化：全面解析 Android Compose

从状态管理到性能优化：全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动
阅读更多...
Spring 源码解读：自定义实现Bean定义的注册与解析

Spring 源码解读：自定义实现Bean定义的注册与解析

引言 在Spring框架中，Bean的注册与解析是整个依赖注入流程的核心步骤。通过Bean定义，Spring容器知道如何创建、配置和管理每个Bean实例。本篇文章将通过实现一个简化版的Bean定义注册与解析机制，帮助你理解Spring框架背后的设计逻辑。我们还将对比Spring中的BeanDefinition和BeanDefinitionRegistry，以全面掌握Bean注册和解析的核心原理。
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2