自定义控件-----ActionBar

先声明,一下用的kotlin写的,不是java,但是这两个是相通的,如果使用java的话类比就行

写这个主要是解决原生系统存在的一些问题,比如如果是系统原生的ActionBar的话:

1、getActionBar的时候要考虑到activity引用的主题theme,如果是NoActionBar之类的主题的话,会取不到ActionBar,报空指针

2、即使是theme选对了,也能取到ActionBar了,实际用的时候左右会有16dp的边距,这是系统在写theme的时候,左右设置了边距,虽然网上有一些是解决这个问题的,但是方法都是用的toolBar(需要在xml里添加控件),既然xml里要添加控件还不如自己自定义一个ActionBar,使用起来也灵活,还不用考虑theme的问题,下面来实现自己的自定义ActionBar

=====================================华丽的分割线=========================================

比如我们做一下如下效果

一、我们叫自定义的ActionBar为BaseActionBar

class BaseActionBar constructor(context: Context, attrs: AttributeSet? = null) : RelativeLayout(context, attrs) , View.OnClickListener{

    var mListener : ActionBarTouchListener? = null

    init {
        val array = context.obtainStyledAttributes(attrs, R.styleable.BaseActionBar)
        var title = array.getString(R.styleable.BaseActionBar_title)
        var rightMsg = array.getString(R.styleable.BaseActionBar_rightMessage)
        var rightMsgIsShow = array.getBoolean(R.styleable.BaseActionBar_rightMessageIsShow, false)

        val view = LayoutInflater.from(context).inflate(R.layout.base_view_action_bar, null)
        view.findViewById<ImageView>(R.id.iv_left).setOnClickListener(this)
        view.findViewById<TextView>(R.id.tv_title).text = title
        var tvRight = view.findViewById<TextView>(R.id.tv_right)
        tvRight.setOnClickListener(this)
        tvRight.text = rightMsg
        tvRight.visibility = if(rightMsgIsShow) View.VISIBLE else View.INVISIBLE

        addView(view)
    }

    override fun onClick(v: View?) {
        if (mListener == null) return
        when(v!!.id){
            R.id.iv_left -> mListener!!.onActionBarLeft()
            R.id.tv_right -> mListener!!.onActionBarRight()
        }
    }

    interface ActionBarTouchListener{
        fun onActionBarLeft()
        fun onActionBarRight()
    }

    public fun setActionBarTouchListener(listener: ActionBarTouchListener){
        mListener = listener
    }

}

二、资源文件attrs(放在res/values/下,如果没有这个文件就新建一个)

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--标题栏-->
    <declare-styleable name="BaseActionBar">
        <attr name="title" format="string"/>//中间标题
        <attr name="rightMessage" format="string"></attr>//右侧文字
        <attr name="rightMessageIsShow" format="boolean"></attr>//右侧文字是否显示
    </declare-styleable>
</resources>

三、资源文件layout布局(用到的图片资源或是dimen可以自己修改)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="@dimen/base_action_bar_height"
    android:background="@color/base_action_bar_bg">
    //返回按钮
    <ImageView
        android:id="@+id/iv_left"
        android:layout_width="50dp"
        android:layout_height="match_parent"
        android:paddingLeft="@dimen/base_padding"
        android:paddingRight="@dimen/base_padding"
        android:scaleX="0.5"
        android:scaleY="0.5"
        android:src="@mipmap/base_btn_back_white" />
    //中间标题
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="标题"
        android:textColor="#fff"
        android:textSize="17sp" />
     //右侧文字
    <TextView
        android:id="@+id/tv_right"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:gravity="center_vertical"
        android:paddingLeft="@dimen/base_padding"
        android:paddingRight="@dimen/base_padding"
        android:text="其他"
        android:textColor="#fff"
        android:textSize="15sp" />

</RelativeLayout>

四、引用,分为xml引用和Activity里的引用

1、在xml里引用,效果图如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <!--这个一定是自己的包名路径,不知道的可以随便在一个类里new出一个BaseActionBar就可以找到包名
        这个里面有三个重要的属性,即以app:开头的三个自定义属性,
        app:title是中间的title文字
        app:rightMessage是右侧文字
        app:rightMessageIsShow="true"右侧文字是否显示
        且引用的时候注意在根布局里添加  xmlns:app="http://schemas.android.com/apk/res-auto"-->

    <com.baibai.bai.BaseActionBar
        android:id="@+id/base_action_bar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/base_action_bar_height"
        app:rightMessageIsShow="true"
        app:rightMessage="我是右侧"
        app:title="支付方式" />

</LinearLayout>

2、在Activity里设置监听,跟button设置监听类似

class TestActivity : Activity() ,BaseActionBar.ActionBarTouchListener{
    
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_test)

        base_action_bar.setActionBarTouchListener(this)

    }

    override fun onActionBarLeft() {
        //左侧返回按钮监听
        finish()
    }

    override fun onActionBarRight() {
        //右侧文字监听
        startActivity(Intent(this, MainActivity::class.java))
    }

}

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值