使用Kotlin为你的APP自定义一个统一的标题栏

最新推荐文章于 2024-06-15 18:16:08 发布
最新推荐文章于 2024-06-15 18:16:08 发布
阅读量275 收藏
点赞数
文章标签： 移动开发 python
原文链接：https://my.oschina.net/xiaolei123/blog/879150
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

这篇文章只是对《为你的APP自定义一个统一的标题栏》这篇文章的Kotlin重写


package com.yongxing.QianJR.widgets

import android.content.Context
import android.os.Build
import android.support.annotation.AttrRes
import android.support.annotation.DrawableRes
import android.text.TextUtils
import android.util.AttributeSet
import android.util.TypedValue
import android.view.Gravity
import android.view.View
import android.view.ViewGroup
import android.view.ViewTreeObserver
import android.widget.FrameLayout
import android.widget.ImageView
import android.widget.LinearLayout
import android.widget.TextView

import com.yongxing.QianJR.R
import com.yongxing.QianJR.utils.DensityUtil
import com.yongxing.QianJR.utils.StateBarUtil

/**
 * Created by xiaolei on 2017/5/10.
 */

class ContextTitle @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, @AttrRes defStyleAttr: Int = 0) : FrameLayout(context, attrs, defStyleAttr)
{
    private var ViewWidth: Int = 0
    private var ViewHeight: Int = 0
    private var leftTextVisible = View.VISIBLE
    private var leftText: CharSequence = ""
    private var leftTextSize = 14f
    private var leftTextColor = 0xff000000.toInt()
    private var leftImage = R.mipmap.ic_launcher
    private var leftImageVisible = View.VISIBLE
    private var titleText: CharSequence = ""
    private var titleTextSize = 14f
    private var titleTextColor = 0xff000000.toInt()
    private var titleVisible = View.VISIBLE
    private var titleRightImg = -1
    private var rightImage = R.mipmap.ic_launcher
    private var rightImageVisible = View.VISIBLE
    private var rightTextVisible = View.VISIBLE
    private var rightText: CharSequence = ""
    private var rightTextSize = 14f
    private var rightTextColor = 0xff000000.toInt()
    private var titleScrllo = false
    /* -------------初始化UI----------------- */

    val leftImgView by lazy {
        ImageView(context).apply {
            layoutParams = LinearLayout.LayoutParams(FrameLayout.LayoutParams.WRAP_CONTENT, FrameLayout.LayoutParams.MATCH_PARENT).apply {

            }
            setImageResource(leftImage)
            setPadding(DensityUtil.dip2px(context, 15f), 0, DensityUtil.dip2px(context, 15f), 0)
            scaleType = ImageView.ScaleType.CENTER_INSIDE
            visibility = leftImageVisible
        }
    }

    private val leftTextview by lazy {
        TextView(context).apply {
            layoutParams = LinearLayout.LayoutParams(FrameLayout.LayoutParams.WRAP_CONTENT, FrameLayout.LayoutParams.MATCH_PARENT).apply {
                setMargins(DensityUtil.dip2px(context, 8f), DensityUtil.dip2px(context, 0f), DensityUtil.dip2px(context, -8f), DensityUtil.dip2px(context, 0f))
            }
            text = leftText
            gravity = Gravity.CENTER
            setTextColor(leftTextColor)
            setTextSize(TypedValue.COMPLEX_UNIT_SP, leftTextSize)
            visibility = leftTextVisible
        }
    }
    private val titleTextview by lazy {
        TitleTextView(context).apply {
            layoutParams = FrameLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, FrameLayout.LayoutParams.WRAP_CONTENT, Gravity.CENTER)
            layoutParams = layoutParams
            text = titleText
            maxEms = 8
            //android:ellipsize="end"
            ellipsize = TextUtils.TruncateAt.END
            gravity = Gravity.CENTER
            setTextSize(TypedValue.COMPLEX_UNIT_SP, titleTextSize)
            visibility = titleVisible
            setTextColor(titleTextColor)
            setSingleLine()
            if (titleScrllo)
            {
                ellipsize = TextUtils.TruncateAt.MARQUEE
                marqueeRepeatLimit = -1
                isFocusable = true
                setHorizontallyScrolling(true)
                isFocusableInTouchMode = true
            }
            if (titleRightImg > -1)
            {
                val drawable = context.resources.getDrawable(titleRightImg)
                drawable.setBounds(0, 0, drawable.minimumWidth, drawable.minimumHeight)
                setCompoundDrawables(null, null, drawable, null)
                compoundDrawablePadding = DensityUtil.dip2px(context, 5f)
            }
        }
    }
    private val rightTextview by lazy {
        TextView(context).apply {
            layoutParams = LinearLayout.LayoutParams(FrameLayout.LayoutParams.WRAP_CONTENT, FrameLayout.LayoutParams.MATCH_PARENT).apply {
                setMargins(DensityUtil.dip2px(context, -8f), DensityUtil.dip2px(context, 0f), DensityUtil.dip2px(context, 8f), DensityUtil.dip2px(context, 0f))
            }
            text = rightText
            gravity = Gravity.CENTER
            setTextColor(rightTextColor)
            visibility = rightTextVisible
            setTextSize(TypedValue.COMPLEX_UNIT_SP, rightTextSize)
        }
    }
    val rightImgView by lazy {
        ImageView(context).apply {
            layoutParams = LinearLayout.LayoutParams(FrameLayout.LayoutParams.WRAP_CONTENT, FrameLayout.LayoutParams.MATCH_PARENT)
            setImageResource(rightImage)
            setPadding(DensityUtil.dip2px(context, 15f), 0, DensityUtil.dip2px(context, 15f), 0)
            visibility = rightImageVisible
            scaleType = ImageView.ScaleType.CENTER_INSIDE
        }
    }


    private val linearLayout by lazy {
        LinearLayout(context).apply {
            layoutParams = FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)
            orientation = LinearLayout.HORIZONTAL
            gravity = Gravity.CENTER_VERTICAL
        }
    }
    private val lineView by lazy {
        View(context).apply {
            layoutParams = LinearLayout.LayoutParams(DensityUtil.dip2px(context, 0f), DensityUtil.dip2px(context, 1f), 1f)
        }
    }

    init
    {
        val array = getContext().obtainStyledAttributes(attrs, R.styleable.ContextTitle)
        leftTextVisible = if (array.getBoolean(R.styleable.ContextTitle_leftTextVisible, false)) View.VISIBLE else View.GONE
        leftText = array.getText(R.styleable.ContextTitle_leftText) ?: "Left"
        leftTextSize = array.getInt(R.styleable.ContextTitle_leftTextSize, 14).toFloat()
        leftTextColor = array.getColor(R.styleable.ContextTitle_leftTextColor, 0xff000000.toInt())

        leftImageVisible = if (array.getBoolean(R.styleable.ContextTitle_leftImgVisible, false)) View.VISIBLE else View.GONE
        leftImage = array.getResourceId(R.styleable.ContextTitle_leftImg, R.mipmap.ic_launcher)

        titleText = array.getText(R.styleable.ContextTitle_titleText) ?: "Title"
        titleTextSize = array.getInt(R.styleable.ContextTitle_titleTextSize, 14).toFloat()
        titleTextColor = array.getColor(R.styleable.ContextTitle_titleTextColor, 0xff000000.toInt())
        titleVisible = if (array.getBoolean(R.styleable.ContextTitle_titleVisible, true)) View.VISIBLE else View.GONE
        titleRightImg = array.getResourceId(R.styleable.ContextTitle_titleRightImg, -1)

        rightImageVisible = if (array.getBoolean(R.styleable.ContextTitle_rightImgVisible, false)) View.VISIBLE else View.GONE
        rightImage = array.getResourceId(R.styleable.ContextTitle_rightImg, R.mipmap.ic_launcher)

        rightTextVisible = if (array.getBoolean(R.styleable.ContextTitle_rightTextVisible, false)) View.VISIBLE else View.GONE
        rightText = array.getText(R.styleable.ContextTitle_rightText) ?: "Right"
        rightTextSize = array.getInt(R.styleable.ContextTitle_rightTextSize, 14).toFloat()
        rightTextColor = array.getColor(R.styleable.ContextTitle_rightTextColor, 0xff000000.toInt())

        titleScrllo = array.getBoolean(R.styleable.ContextTitle_titleScrllo, false)

        array.recycle()
        InitUI()
    }

    private fun InitUI()
    {
        /* --------组合在一起---------- */
        linearLayout.addView(leftImgView)
        linearLayout.addView(leftTextview)
        this.addView(titleTextview)
        linearLayout.addView(lineView)
        linearLayout.addView(rightTextview)
        linearLayout.addView(rightImgView)
        this.addView(linearLayout)
        // 这里判断版本号是多少，并且根据版本号的不同，设置控件的高度，以及PaddingTop+信号栏的高度。
        viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener{
            override fun onGlobalLayout()
            {
                viewTreeObserver.removeOnGlobalLayoutListener(this)
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)
                {
                    val layoutparams:ViewGroup.LayoutParams = this@ContextTitle.layoutParams
                    layoutparams.height = layoutparams.height + StateBarUtil.getStateBarHeigh(context)
                    this@ContextTitle.layoutParams = layoutparams
                    this@ContextTitle.setPadding(
                            this@ContextTitle.paddingLeft,
                            this@ContextTitle.paddingTop + StateBarUtil.getStateBarHeigh(context) ,
                            this@ContextTitle.paddingRight,
                            this@ContextTitle.paddingBottom)
                }
            }
        })
    }

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int)
    {
        // 父容器传过来的宽度的值
        ViewWidth = View.MeasureSpec.getSize(widthMeasureSpec) - paddingLeft - paddingRight
        // 父容器传过来的高度的值
        ViewHeight = View.MeasureSpec.getSize(heightMeasureSpec) - paddingLeft - paddingRight

        if (titleScrllo)
        {
            val layoutParams = titleTextview.layoutParams
            layoutParams.width = ViewWidth * 4 / 9
            titleTextview.layoutParams = layoutParams
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
    }


    fun setLeftTextVisible(leftTextVisible: Int)
    {
        this.leftTextVisible = leftTextVisible
    }

    fun setLeftText(leftText: CharSequence)
    {
        this.leftText = leftText
    }

    /**
     * 默认单位SP

     * @param leftTextSize
     */
    fun setLeftTextSize(leftTextSize: Float?)
    {
        this.leftTextSize = leftTextSize!!
    }

    fun setLeftTextColor(leftTextColor: Int)
    {
        this.leftTextColor = leftTextColor
    }

    fun setLeftImage(leftImage: Int)
    {
        this.leftImage = leftImage
    }

    fun setLeftImageVisible(leftImageVisible: Int)
    {
        this.leftImageVisible = leftImageVisible
    }

    fun setTitleText(titleText: CharSequence)
    {
        this.titleText = titleText
        titleTextview.text = titleText
    }

    /**
     * 默认单位SP

     * @param titleTextSize
     */
    fun setTitleTextSize(titleTextSize: Float)
    {
        this.titleTextSize = titleTextSize
    }

    fun setTitleTextColor(titleTextColor: Int)
    {
        this.titleTextColor = titleTextColor
    }

    fun setTitleVisible(titleVisible: Int)
    {
        this.titleVisible = titleVisible
    }

    fun setRightImage(rightImage: Int)
    {
        this.rightImage = rightImage
    }

    fun setRightImageVisible(rightImageVisible: Int)
    {
        this.rightImageVisible = rightImageVisible
    }

    fun setRightTextVisible(rightTextVisible: Int)
    {
        this.rightTextVisible = rightTextVisible
    }

    fun setRightText(rightText: CharSequence)
    {
        this.rightText = rightText
    }

    /**
     * 默认单位SP

     * @param rightTextSize
     */
    fun setRightTextSize(rightTextSize: Float)
    {
        this.rightTextSize = rightTextSize
    }

    fun setRightTextColor(rightTextColor: Int)
    {
        this.rightTextColor = rightTextColor
    }
    
    fun setOnLeftImageClick(listener: View.OnClickListener) {
        leftImgView.setOnClickListener(listener)
    }
    
    fun setOnLeftTextClick(listener: View.OnClickListener)
    {
        leftTextview.setOnClickListener(listener)
    }

    fun setOnTitleClick(listener: View.OnClickListener)
    {
        titleTextview.setOnClickListener(listener)
    }

    fun setOnRightTextClick(listener: View.OnClickListener)
    {
        rightTextview.setOnClickListener(listener)
    }

    fun setOnRightImageClick(listener: View.OnClickListener)
    {
        rightImgView.setOnClickListener(listener)
    }

    fun setTitleRightImg(@DrawableRes titleRightImg: Int)
    {
        this.titleRightImg = titleRightImg
        if (titleRightImg > -1)
        {
            val rightDrawable = context.resources.getDrawable(titleRightImg)
            rightDrawable.setBounds(0, 0, rightDrawable.minimumWidth, rightDrawable.minimumHeight)
            titleTextview.setCompoundDrawables(null, null, rightDrawable, null)
            titleTextview.compoundDrawablePadding = DensityUtil.dip2px(context, 5f)
        }
    }

    /**
     * 获取标题文字

     * @return
     */
    fun getTitleText(): String
    {
        return titleTextview.text.toString()
    }

    fun setLeftTextTag(tag: Any)
    {
        leftTextview.tag = tag
    }

    fun <T> getLeftTextTag(): T
    {
        return leftTextview.tag as T
    }

    fun setLeftImgTag(tag: Any?)
    {
        leftImgView.tag = tag
    }

    fun <T> getLeftImgTag(): T
    {
        return leftImgView.tag as T
    }

    fun setTitleTextTag(tag: Any?)
    {
        titleTextview.tag = tag
    }

    fun <T> getTitleTextTag(): T
    {
        return titleTextview.tag as T
    }

    fun setRightTextTag(tag: Any)
    {
        rightTextview.tag = tag
    }

    fun <T> getRightTextTag(): T
    {
        return rightTextview.tag as T
    }

    fun setRightImgTag(tag: Any)
    {
        rightImgView.tag = tag
    }

    fun <T> getRightImgTag(): T
    {
        return rightImgView.tag as T
    }
}

class TitleTextView @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0) : TextView(context, attrs, defStyleAttr)
{
    override fun isFocused(): Boolean
    {
        return true
    }
}

转载于:https://my.oschina.net/xiaolei123/blog/879150

weixin_33911824
关注
kotlin实现的简单个人账户管理APP(三) 自定义View仿支付宝的密码输入框/密码相关逻辑
Black_Hao的博客
12-22 1848
kotlin实现的简单个人账户管理APP(三) 自定义View仿支付宝的密码输入框/密码相关逻辑
kotlin自定义弹框dialog
热门推荐
cf8833的博客
07-19 1万+
核心代码我贴出来了：其他一些颜色图片资源，都在源码里面，需要的朋友请自行下载运行，这个程序是已经测试过的，亲测可运行 项目特色： 1.diallog是自定义的 2.是用kotlin代码写的 也比较常用 3.自带dialog dismiss监听 ，可以知道结束弹框 做了什么 4.去除了标题栏 效果图： 源码地址：https://github.com/wrs136341946...
Kotlin自定义一个简单实用的标题栏
Welcome to Domla's world
08-07 1601
标题栏是每个APP必不可少的一部分，通过它我们可以实现导航以及添加一些操作事件等等。下面分享一个我常用的标题栏控件。 先来说一下大概的思路吧，考虑到标题栏一般具有比较多的控件，例如左右的图标按钮或者文字，以及最重要的标题等，这里我选择了RelativeLayout来作为所继承的父类，当然也可以使用LinearLayout甚至是ViewGroup等等，这些都是可以的，只是可能会相对来说麻烦一点。废...
利用Kotlin特性深度解耦Android标题栏
郭霖
06-28 478
/ 今日科技快讯 /近日，360发布公告，为了优化标的公司股权结构，拟将其持有哪吒汽车79,994,371.67元注册资本（未实际出资），对应哪吒汽车3.5320%股权转让给嘉兴鑫竹股权投资合伙企业（有限合伙）、深圳精诚开阔企业管理中心（有限合伙）。公告显示，此次股权转让完成后，360仍持有哪吒汽车11.4266%股权。/ 作者简介 /本篇文章来自Dyla...
初学Kotlin——在自定义View里的应用
最新发布
baimao__Ch的博客
06-15 1131
Kotlin，它是JetBrains开发的基于JVM的面向对象的语言。2017年的时候被Google推荐Android的官方语言，同时正式支持这门语言，在这个编译器上创建一个Kotlin项目，非常方便，甚至可以Java转为Kotlin。ViewKotlin相对于Java,更像是封装了Java的强大语法糖，使用了更简洁的语法提高了生产力。
Kotlin 全面学习之路 (三) -- 返回和跳转
Strange_Monkey的博客
09-10 240
在 Kotlin 中和 Java 中一样有三种结构化跳转表达式： return。默认从最直接包围它的函数或者匿名函数返回。 break。终止最直接包围它的循环。 continue。继续下一次最直接包围它的循环。 从上面的表述我们了解和 Java 中没有什么区别，在此就不多作描述，但是在 Kotlin 中他们有一个叫做 标签 的概念。 1、标签 Kotlin 中任意表达式都可以使用标...
android标题栏添加按钮_史上耦合度最低的添加标题栏方式
weixin_39528467的博客
11-20 254
作者：DylanCai前言大多数页面都有标题栏，通常会在基类里封装通用标题栏的初始化代码，然后只需在布局代码里 include 一个标题栏布局，在 Activity 里就能很方便把标题栏设置了。这可能是目前比较普遍的封装方式了。这也有一些弊端，每次都要在布局里写 include 代码比较繁琐。如果是特殊一点的标题栏，就只能自己另外实现了。今天就介绍一种船新的添加标题栏方式，少啰嗦，看最终效果：cl...
自定义Activity标题栏（增加关闭和隐藏Activity的按钮）
08-09
首先，我们需要创建一个XML布局文件来定义自定义标题栏的样式。这里使用`title.xml`作为例子： ```xml android:layout_width="match_parent" android:layout_height="wrap_content"> android:id="@+id/title...
TitleBar-master_Android通用标题栏_
10-04
`TitleBar-master`项目是一个专门为Android应用设计的通用标题栏组件，旨在帮助开发者快速、便捷地实现美观且功能丰富的标题栏效果。 该项目的核心知识点包括： 1. **自定义View**: `TitleBar-master`通过自定义...
Android自定义标题栏
02-09
在Android应用开发中，自定义标题栏（Title Bar）是一个常见的需求，因为它允许开发者根据自己的应用风格和用户体验来个性化界面。传统的Android系统标题栏通常包含了返回、应用图标和标题等元素，但随着Material ...
Kotlin语言实现FlexboxLayout流式布局替换Recycleview实现单选/多选
12-08
Kotlin语言实现FlexboxLayout流式布局替换Recycleview实现单选/多选
初识Kotlin——简介（主要是开发环境的搭建介绍）
zhengyikuangge的博客
11-27 3203
今年上大三，期末考试老师布置了一项介绍一门新技术的作业，因为我对android比较熟悉，所以我就从网上找到了Kotlin。也就顺其自然地找到了InstelliJ IDEA工具。 InstelliJ IDEA 20161下载地址 InstelliJ IDEA配置sdk环境过程自录视频下载地址 InstelliJ IDEA创建Project与Module 创建Project 创建Module Inste
动态添加组件，添加id，获取子控件，移除控件
马的博客
10-03 3624
动态创建关键代码（新添加的view是自己写的xml布局view） // 1. 获取自定义的 View Button button = (Button) LayoutInflater.from(this).inflate(R.layout.custom_layout_btn, linearLayout, false); // Button button = new Button(this); //...
kotlin自定义公共标题栏（通用item组件）
The blog of CSDN in 杨天福
04-03 7902
文章目录公共item布局resources自定义公共标题栏使用 公共item布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.androi...
Kotlin项目实战（3）自定义底部导航
知足常乐
04-17 648
我们先看一下要实现的效果，如下图，底部的导航，未选中情况下，是一张图片，选中的时候，是图片加文字，实现起来，有很多种方式，但是，我们要考虑到复用性，比如，现在是三个，后来，老板一拍脑袋，再增加一个，或者两个，怎么办？ 考虑到这个问题，我自己再写的时候，就没把它写死，而是根据，你导航tab的个数，来写，思路，就是先定义一个LinearLayout,设置属性为横向，设置几个，我们就动态的往这个L...
使用Kotlin仿的简书个人主页，只需一个控件
wapchief的博客
07-12 4708
界面做的比较丑，但是基本上实现了功能。 为了学习最近比较火的kotlin语言，就试着写了个demo。参考上篇文章仿掌上英雄联盟的效果。 一、开始前的准备导入kotlin开发环境： 在androidStudio3.0版本默认已经集成好了。直接在创建项目的时候勾选include Kotlin support，会自动帮我们创建好kotlin语言的项目。不勾选就是java。 如果是手动集成kotli
kotlin安卓：每天一个组件：自定义组件
10-10 1146
自定义组件：需要继承View类，重写部分方法 自定义： class myView: View{ private var paint = Paint()//画笔对象 private var H = 54F//高度 private var W = 54F//宽度 constructor(context: Context):super(context)//初始化构造...
Kotlin 自定义 NavigationView
司马懿的西山居
07-26 1754
NavigationView 结构图 | |--headerLayout | |--menu | |--HeaderViewHolder | | | |--LinearLayout | | | |--AppCompatImageView | |--AppCompatTextView | |--App...
BaseActivity中标题栏TitleBar的封装
一杯清泉
06-05 3022
在写程序的时候，很多时候我们都需要用到标题栏，标题栏基本上贯穿于整个APP应用，我们不可能在每个Activity中都单独写一个标题栏的布局，这样代码的复用性和可维护性很差，同时也显得臃肿，因此我们需要把这样共性的东西封装成一个基类TopBaseActivity，在这里面实现功能，让其他Activity继承基类TopBaseActivity就能实现标题栏功能，这样岂不是很方便，接下来一步一步的去实现
使用kotlin写一个商城app
06-01
好的，我可以为你提供一些指导。 首先，你需要决定你的商城app要提供哪些功能，比如浏览商品、添加商品到购物车、下订单等等。然后，你需要设计app的UI界面，包括首页、商品列表、购物车、订单页面等等。最后，你...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值