kotlin自定义公共标题栏（通用item组件）

最新推荐文章于 2024-07-19 08:30:00 发布
最新推荐文章于 2024-07-19 08:30:00 发布
阅读量7.9k 收藏 2
点赞数 1
分类专栏： Kotlin 文章标签： kotlin 通用标题栏 通用item布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ytfunnysite/article/details/105288838
版权

文章目录

公共item布局

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

    <RelativeLayout
        android:id="@+id/bg_rll"
        android:layout_width="match_parent"
        android:layout_height="@dimen/title_height"
        android:gravity="center_vertical"
        android:background="@color/transparent">

    <ImageButton
        android:id="@+id/img_left"
        android:layout_width="22dp"
        android:layout_height="22dp"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="@dimen/dp_10"
        android:background="@color/transparent"
        android:src="@drawable/ic_back_white"
        android:scaleType="centerCrop"
        android:visibility="visible" />

        <ImageButton
            android:id="@+id/img_right"
            android:layout_width="@dimen/title_height"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:background="@color/color_transparent"
            android:visibility="gone" />

        <TextView
            android:id="@+id/tv_left"
            style="@style/CustomTitleTextStyle"
            android:layout_alignParentLeft="true"
            android:text=""
            android:textColor="@color/title_right_font_color"
            android:textSize="@dimen/title_right_font_size"
            android:visibility="gone" />

        <TextView
            android:id="@+id/tv_right"
            style="@style/CustomTitleTextStyle"
            android:layout_alignParentRight="true"
            android:text="预约"
            android:textColor="@color/white"
            android:textSize="@dimen/title_right_font_size" />

        <TextView
            android:id="@+id/tv_title_center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_marginLeft="80dp"
            android:layout_marginRight="80dp"
            android:ellipsize="end"
            android:gravity="center"
            android:singleLine="true"
            android:textColor="@color/white"
            android:textSize="@dimen/title_content_font_size"
            tools:text="舒适控制" />

    </RelativeLayout>

    <View
        android:id="@+id/title_line"
        android:layout_width="match_parent"
        android:layout_height="@dimen/title_line_height"
        android:background="@color/title_line_color"
        android:visibility="gone"/>

</LinearLayout>

resources

   <!-- 自定义top标题栏 -->
    <declare-styleable name="CustomTopTitleBar">
        <attr name="ctb_title" format="string" /> <!-- 标题栏文字描述 -->
        <attr name="ctb_text_left" format="string" /> <!-- 左侧文字描述 -->
        <attr name="ctb_text_right" format="string" /> <!-- 右侧文字描述 -->
        <attr name="ctb_show_text_left" format="boolean" /> <!-- 是否显示左侧文字-->
        <attr name="ctb_show_text_right" format="boolean" /> <!-- 是否显示右侧文字-->
        <attr name="ctb_img_left" format="reference" /> <!-- 左侧IMG背景 -->
        <attr name="ctb_img_right" format="reference" /> <!-- 右侧IMG背景-->
        <attr name="ctb_show_img_left" format="boolean" /> <!-- 是否显示左侧IMG-->
        <attr name="ctb_show_img_right" format="boolean" /> <!-- 是否显示右侧IMG-->
        <attr name="ctb_back" format="color|reference" /> <!-- 标题栏背景色 -->
        <attr name="ctb_show_line" format="boolean" /> <!-- 是否显示底部分割线-->
    </declare-styleable>

自定义公共标题栏


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.LayoutInflater
import android.view.View
import android.widget.ImageButton
import android.widget.RelativeLayout
import android.widget.TextView
import com.beans.base.R
import kotlinx.android.synthetic.main.custom_top_title_bar.view.*

/**
 * @Author yangtianfu
 * @CreateTime 2020/4/3 11:13
 * @Describe 
 */
class DefaultTopTitleBarWhite : RelativeLayout{

    private lateinit var bgRll : RelativeLayout
    private lateinit var imgLeft : ImageButton
    private lateinit var imgRight : ImageButton
    private lateinit var tvLeft : TextView
    private lateinit var tvRight : TextView
    private lateinit var tvCenter : TextView

    private lateinit var titleLine : View

    constructor(context : Context?, attrs : AttributeSet?) : super(context, attrs){

        //init(context)要在retrieveAttributes(attrs)前调用
        //因为属性赋值，会直接赋值到控件上去。
        init(context)

        //retrieveAttributes(attrs: AttributeSet)方法只接受非空参数
        attrs?.let { retrieveAttributes(attrs) }
    }

    /**
     * 初始化view布局
     */
    fun init(context : Context?){
        val view = LayoutInflater.from(context).inflate(R.layout.custom_top_title_bar_white,this,true)
        bgRll = view.findViewById(R.id.bg_rll)
        imgLeft = view.findViewById(R.id.img_left)
        imgRight = view.findViewById(R.id.img_right)
        tvLeft = view.findViewById(R.id.tv_left)
        tvRight = view.findViewById(R.id.tv_right)
        tvCenter = view.findViewById(R.id.tv_title_center)
        titleLine = view.findViewById(R.id.title_line)
    }

    /**
     * 获取xml文件中的自定义属性并赋值
     */
    private fun retrieveAttributes(attrs: AttributeSet?){
        val typedArray : TypedArray = context.obtainStyledAttributes(attrs,R.styleable.CustomTopTitleBar)

        //设置背景色
        val titleBack = typedArray.getColor(R.styleable.CustomTopTitleBar_ctb_back, Color.parseColor("#FFFFFF"))
        bgRll.setBackgroundColor(titleBack)

        //设置底部分割线(默认显示)
        val isShowLine = typedArray.getBoolean(R.styleable.CustomTopTitleBar_ctb_show_line,true)
        titleLine.visibility = if (isShowLine) View.VISIBLE else View.GONE

        //设置标题内容
        val strTitle = typedArray.getString(R.styleable.CustomTopTitleBar_ctb_title)
        tvCenter.text = strTitle ?: resources.getString(R.string.main_app_name)

        //左侧
        //设置左边图片(默认显示)
        //隐藏-false 显示-true
        val isShowLeftImg = typedArray.getBoolean(R.styleable.CustomTopTitleBar_ctb_show_img_left,true)
        imgLeft.visibility = if(isShowLeftImg) View.VISIBLE else View.GONE

        //设置左侧文本(默认隐藏)
        //隐藏-false 显示-true
        val isShowLeftTv = typedArray.getBoolean(R.styleable.CustomTopTitleBar_ctb_show_text_left,false)
        tvLeft.visibility = if (isShowLeftTv) View.VISIBLE else View.GONE

        //设置左侧图片背景
        val drawableLeft = typedArray.getDrawable(R.styleable.CustomTopTitleBar_ctb_img_left)
        if(drawableLeft != null){
            imgLeft.setImageDrawable(drawableLeft)
        }

        //设置左侧文本内容
        val strLeft = typedArray.getString(R.styleable.CustomTopTitleBar_ctb_text_left)
        if(strLeft.isNullOrBlank()){
            tvLeft.text = resources.getString(R.string.def_back_left_con)
        }else{
            tvLeft.text = strLeft
        }


        //右侧
        //设置右侧图片(默认隐藏)
        //隐藏-false 显示-true
        val isShowRightImg = typedArray.getBoolean(R.styleable.CustomTopTitleBar_ctb_show_img_right,false)
        imgRight.visibility = if (isShowRightImg) View.VISIBLE else View.GONE

        //设置右侧文本(默认隐藏)
        //隐藏-false 显示-true
        val isShowRightTv = typedArray.getBoolean(R.styleable.CustomTopTitleBar_ctb_show_text_right,false)
        tvRight.visibility = if (isShowRightTv) View.VISIBLE else View.GONE

        //设置右侧图片背景
        val drawableRight = typedArray.getDrawable(R.styleable.CustomTopTitleBar_ctb_img_right)
        if(drawableRight != null){
            imgRight.setImageDrawable(drawableRight)
        }

        //设置右侧文本内容
        val strRight = typedArray.getString(R.styleable.CustomTopTitleBar_ctb_text_right)
        if(strRight.isNullOrBlank()){
            tvRight.text = resources.getString(R.string.def_back_right_con)
        }else{
            tvRight.text = strRight
        }

        //释放回收
        typedArray.recycle()

    }

    /**
     * 设置左侧文本、图片监听
     */
    fun setLeftClickListener(onClickListener: View.OnClickListener):DefaultTopTitleBarWhite{
        imgLeft.setOnClickListener(onClickListener)
        tvLeft.setOnClickListener(onClickListener)
        return this
    }

    /**
     * 设置左侧图片背景
     */
    fun setLeftImg(leftImg : Drawable):DefaultTopTitleBarWhite{
        imgLeft.visibility = View.VISIBLE
        imgLeft.setImageDrawable(leftImg)
        return this
    }

    /**
     * 设置左侧文本内容
     */
    fun setLeftText(leftTitle : String):DefaultTopTitleBarWhite{
        tvLeft.text = leftTitle
        return this
    }

    /**
     * 设置左侧文本颜色
     */
    fun setLeftTextColor(color: Int):DefaultTopTitleBarWhite{
        tvLeft.setTextColor(color)
        return this
    }

    /**
     * 设置左侧图片是否可见
     */
    fun setLeftImgVisible(visible : Boolean):DefaultTopTitleBarWhite{
        imgLeft.visibility = if(visible) View.VISIBLE else View.GONE
        return this
    }

    /**
     * 设置左侧图片是否可见
     */
    fun setBottomLineVisible(visible : Boolean):DefaultTopTitleBarWhite{
        title_line.visibility = if(visible) View.VISIBLE else View.GONE
        return this
    }

    /**
     * 设置左侧文本是否可见
     */
    fun setLeftTextVisible(visible: Boolean):DefaultTopTitleBarWhite{
        tvLeft.visibility = if(visible) View.VISIBLE else View.GONE
        return this
    }


    /**
     * 设置右侧文本、图片监听
     */
    fun setRightClickListener(onClickListener: View.OnClickListener):DefaultTopTitleBarWhite{
        imgRight.setOnClickListener(onClickListener)
        tvRight.setOnClickListener(onClickListener)
        return this
    }

    /**
     * 设置右侧图片背景
     */
    fun setRightImg(rightImg : Drawable):DefaultTopTitleBarWhite{
        imgRight.visibility = View.VISIBLE
        imgRight.setImageDrawable(rightImg)
        return this
    }

    /**
     * 设置右侧文本内容
     */
    fun setRightText(rightTitle : String):DefaultTopTitleBarWhite{
        tvRight.text = rightTitle
        return this
    }

    /**
     * 设置右侧文本颜色
     */
    fun setRightTextColor(color: Int):DefaultTopTitleBarWhite{
        tvRight.setTextColor(color)
        return this
    }

    /**
     * 设置右侧图片是否可见
     */
    fun setRightImgVisible(visible: Boolean):DefaultTopTitleBarWhite{
        imgRight.visibility = if (visible) View.VISIBLE else View.GONE
        return this
    }

    /**
     * 设置右侧文本是否可见
     */
    fun setRightTextVisible(visible: Boolean):DefaultTopTitleBarWhite{
        tvRight.visibility = if (visible) View.VISIBLE else View.GONE
        return this
    }

    /**
     * 设置中间标题文本内容
     */
    fun setCenterTitleText(title : String):DefaultTopTitleBarWhite{
        tvCenter.text = title
        return this
    }

    /**
     * 设置中间文本颜色
     */
    fun setCenterTitleTextColor(color: Int):DefaultTopTitleBarWhite{
        tvCenter.setTextColor(color)
        return this
    }

    /**
     * 获取标题文本内容
     */
    fun getCenterTitleText() : String {
        var title = ""
        if(tvCenter != null){
            title = tvCenter.text.toString().trim()
        }
        return title
    }

    /**
     * 设置标题栏背景色
     */
    fun setTitleBackColor(color: Int):DefaultTopTitleBarWhite{
        bgRll.setBackgroundColor(color)
        return this
    }

}

使用

   <!--  标题栏    -->
        <com.beans.base.ui.titlebar.DefaultTopTitleBarWhite
            android:id="@+id/server_title_white"
            android:background="@color/white"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"></com.beans.base.ui.titlebar.DefaultTopTitleBarWhite>
  • 级联调用

        mBinding.serverTitleWhite
                .setCenterTitleText(resources.getString(R.string.service_owner_manule))
                .setRightTextVisible(false)
                .setCenterTitleTextColor(resources.getColor(R.color.color_333333))
                .setLeftImg(resources.getDrawable(R.mipmap.ve_back_black_icon))
                .setTitleBackColor(resources.getColor(R.color.transparent))
                .setBottomLineVisible(false)
                .setLeftClickListener(View.OnClickListener { finish() })
杨天福911
关注
专栏目录
Kotlin自定义一个简单实用的标题栏
Welcome to Domla's world
08-07 1604
标题栏是每个APP必不可少的一部分，通过它我们可以实现导航以及添加一些操作事件等等。下面分享一个我常用的标题栏控件。 先来说一下大概的思路吧，考虑到标题栏一般具有比较多的控件，例如左右的图标按钮或者文字，以及最重要的标题等，这里我选择了RelativeLayout来作为所继承的父类，当然也可以使用LinearLayout甚至是ViewGroup等等，这些都是可以的，只是可能会相对来说麻烦一点。废...
Kotlin-自定义ActionBar
Alrey的博客
06-01 550
第一步：替换app主题 <application ... android:theme="@style/AppTheme"> <activity> ... </activity> </application> 单独设置某个activity的不显示actionBar <activity android:name=".view.activity.MainActi
Android面试题之Kotlin Dialog隐藏导航栏
最新发布
AntDream的程序世界
07-19 351
{requestWindowFeature(Window.FEATURE_NO_TITLE) // 去掉对话框的标题栏setContentView(R.layout.dialog_fullscreen) // 设置对话框的布局window?.let {
利用Kotlin特性深度解耦Android标题栏
郭霖
06-28 480
/ 今日科技快讯 /近日，360发布公告，为了优化标的公司股权结构，拟将其持有哪吒汽车79,994,371.67元注册资本（未实际出资），对应哪吒汽车3.5320%股权转让给嘉兴鑫竹股权投资合伙企业（有限合伙）、深圳精诚开阔企业管理中心（有限合伙）。公告显示，此次股权转让完成后，360仍持有哪吒汽车11.4266%股权。/ 作者简介 /本篇文章来自Dyla...
kotlin中组件化开发
luoyanda的博客
06-02 630
参考来源：参考文章 1.这里的模块要有:主模块(app),modulea,moduleb,modulec,common。 四个子模块均是在Project->app下新建的modele->Android Library 2.这里给出各个模块的build.gradle的配置： （1）主模块（Project:项目名）的build.gradle中添加 ext{ isDebug = false android = [ compileSdkVersion: 29,
Android 通用标题栏 简单封装实现
03-20
Android 通用标题栏 简单封装实现 http://blog.csdn.net/RichieZhu/article/details/50935918
一个吸顶Item的简单实现方法分享
01-20
通常，对于简单的吸顶效果，如顶部栏或toolbar，我们可以使用 CoordinatorLayout 和 AppBarLayout 结合使用，它们是Android设计支持库提供的组件，可以轻松实现 toolbar 的滚动隐藏与显示。然而，对于更复杂的场景，...
ABCD导航栏，菜单导航
08-27
- 使用`BottomNavigationView`：这是Android官方提供的组件，可以直接在XML布局中添加，并通过Java或Kotlin代码进行设置和监听。 - 自定义实现：如果需要更定制化的效果，可以创建自定义视图并处理触摸事件。 3. ...
MvvmLazy Android懒人框架
jirywell的专栏
08-20 558
MvvmLazy Android懒人框架 目前，android流行的MVC、MVP模式的开发框架很多，然而一款基于MVVM模式开发框架却很少。 个人搜寻了市面上大量的开源框架,秉承减少重复造轮子的原则,汲取了各位大神的框架优点,集成了大量常用的开源框架和工具类,进行了部分公用模块封装,丰富了BindingAdapter自定义数据绑定,创建了这套Android懒人开发框架,已在多个商业项目中经过检验,可靠性值得信赖,鉴于还有大量的开发人员还在使用Java语言开发,本套框架使用Java语言编写,支持Java,
Toolbar封装
06-01
`BaseToolbar`则是开发者为了实现更通用、可复用的`Toolbar`封装，通常包含了一些基础功能和样式设定，方便在多个Activity或Fragment中统一使用。以下是对`BaseToolbar`封装及相关知识点的详细解释： 1. **`Toolbar...
Android五种隐藏状态栏和标题栏的方法
08-30
主要介绍了Android五种隐藏状态栏和标题栏的方法的相关资料,需要的朋友可以参考下
Android中设置TextView的颜色setTextColor两种方法
08-10
android中设置TextView的颜色有方法setTextColor，这个方法被重载了，可以传入两种参数。参考博客：http://blog.csdn.net/u010963246/article/details/47399859
2020 android面试题答案
疾风剑豪
05-04 4933
（1）java面试题（基础+进阶）（必须） java中==和equals和hashCode的区别 ==是运算符，用来比较两个值、两个对象的内存地址是否相等； equals是Object类的方法，默认情况下比较两个对象是否是同一个对象，内部实现是通过“==”来实现的。 如果想比较两个对象的其他内容，则可以通过重写equals方法， hashCoed也是Object类里面的方法，返回值是一个对象的哈希...
Android 开发去掉标题栏的方法(Kotlin)
HOOLOO的专栏
06-15 684
Android 开发去掉标题栏的方法(Kotlin)
android studio nobar,如何用Kotlin隐藏Android studio上的statusbar？
weixin_30915399的博客
05-27 525
匿名用户方法1:如果您只想在初始屏幕中隐藏状态栏，那么在Oncreate()方法中执行此操作:@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_about);getSupportActionB...
Android隐藏标题栏
bangbangpi的博客
01-17 1189
if (supportActionBar != null) { supportActionBar!!.hide() }
setTextColor()的参数设置方式
qq521a67的专栏
01-22 758
1.设置颜色值  setTextColor(0xFF0000FF); 2.设置系统颜色 setTextColor(android.graphics.Color.BLUE); 3.设置自定义资源文件颜色 setTextColor(this.getResources().getColor(R.color.blue)); 1---0xFF0000FF是int类型的数据，分组
Kotlin写一个自定义的菜单控件
android_hdh的博客
07-26 2648
首先贴一下效果图 思路：菜单控件分两部分，一是点击的子按钮（RecordButton），二是包裹着子按钮的容器（RecordMenu）。 子按钮负责显示文字及背景颜色和点击事件，父容器主要控制子控件的位置和动画显示。 实现： 子按钮，先贴代码 class RecordButton : RelativeLayout { /** 控件显示的文本*/ lateinit v...
Kotlin自定义Live Templates实战：代码片段生成器
Kotlin之自定义Live Templates详解是一篇针对Android Studio中Kotlin编程者的实用教程。Live Templates是IDE中的一个重要功能，它允许用户快速生成预定义的代码片段，提高开发效率。在Java环境中，开发者可能已经...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值