自定義元件——TitleView

weixin_34054866發表於2018-07-26

簡介:

  TitleView是一個常用的頂部標題欄元件,操作簡單,可以快速搭建,並實現統一管理標題欄的目的。
  採用建造者模式,支援快速構建back按鈕、標題名、提交按鈕等等。

效果圖:

11335240-b4faf2beb7c08aa1.png
標題欄

使用:

  直接引用TitleView呼叫方法即可,採用了建造者模式,整個構建非常清晰。

 titleView.setTitle(bean.getName())
                .showBackButton(true,this)
                .showMoreButton(true, new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        startToSearch();
                    }
                })
                .changeMoreImgResource(R.mipmap.icon_search)
                .build();

解析:

  1. setTitle(title)設定居中的標題文字內容
  2. showMoreButton(isShow,listener)該方法控制是否顯示右側擴充按鈕,可以傳入listener點選事件,去操控擴充內容。
  3. showBackButton(isShow,activity)該方法控制左側返回箭頭是否顯示,之所以要傳入activity是因為內部呼叫了finish()方法。
  4. changeBackImgResouce(imgResource)改變返回按鈕的圖示
  5. changeMoreImgResouce(imgResource)改變右側擴充按鈕的圖示
  6. changeBackground(color)改變標題欄的背景顏色
  7. showTitleView()/hideTitleView()顯示/隱藏標題欄,帶動畫
  8. build()完成配置後呼叫,顯示標題欄。

原始碼:

元件TitleView原始碼

相關文章