自定义组件——TitleView

简介:

  TitleView是一个常用的顶部标题栏组件,操作简单,可以快速搭建,并实现统一管理标题栏的目的。   采用建造者模式,支持快速构建back按钮、标题名、提交按钮等等。

效果图:

标题栏

使用:

  直接引用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下载地址 附件无法下载,请复制打开连接,在浏览器重新执行即可!!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏HTML5学堂

传统企业站开发 - 页面布局

前几期我们讲解了HTML+CSS的基本知识点,也带着大家分析过一些案例。从简单的页面结构到页面布局的实现,再到页面的优化。我们学习到的东西挺多的,但是在实战开发...

4276
来自专栏从零开始学自动化测试

appium+python自动化98-非select弹出选择框定位解决

遇到问题:document.getElementsByClassName(…)[0] is undefined 选择框如果是select标签的,可以直接用sel...

1162
来自专栏微信小开发

微信小程序开发-常见问题

知晓程序员,专注微信小程序开发的程序员! 好久没写文章,今天总结一下小程序开发过程中遇到的问题,有不对的地方,欢迎各位指正~ 1、域名必须是HTTPS2、inp...

2579
来自专栏CSDN技术头条

【独家】饿了么前端团队快应用背后研发实践

饿了么是一年前开始参与内测尝试开发快应用的,看着快应用平台一步一步的走过来,发展的越来越好。目前来说快应用开发条件已经比较完善,本次分享,为大家介绍前端开发人员...

2063
来自专栏Youngxj

自适应导航网页源码

9902
来自专栏小白课代表

更新|PC截图工具的最佳选择。

说到截图,最常用的可能就是QQ自带的截图功能了,简单流畅能满足我们的日常需求,依附于QQ,没有特殊的需求甚至不需要其他的截图软件。

1220
来自专栏小俊博客

通过JS显示网站运行时间

1484
来自专栏静默虚空的博客

详谈如何定制自己的博客园皮肤

如果你仅仅想原封不动的使用本人的定制皮肤,而不想了解实现细节。那么你只需要完成以下几个步骤即可,后面的章节可以忽略。

3220
来自专栏ytkah

微信公众平台编辑器可以剪裁和替换正文图片了

  之前微信公众平台后台编辑器上线封面图裁剪功能,时隔近两个月的今天,公众平台编辑器正文图片也可以剪裁和替换了,简单的图片裁剪编辑小编们再也不用放到ps等作图软...

3265
来自专栏极客慕白的成长之路

图标字体应用实践

使用的时候,通过background-position调整显示的位置,如下图所示:

1402

扫码关注云+社区

领取腾讯云代金券