自定义ActionProvider ToolBar 自定义Menu小红点
来源:互联网 发布:开淘宝店怎么做推广 编辑:程序博客网 时间:2024/06/16 05:19
今天的几个目标:
1. 自定义ActionProvider
2. Toolbar ActionBar自定义Menu
3. Toolbar ActionBar 右侧Menu添加角标(Toolbar ActionBar Menu添加小红点)
源代码在文章末尾。
效果预览
自定义Menu后不影响原生MD的任何效果。可以通过外部来控制显示的文字和颜色等属性。
需求描述与分析
通常我们会自定义Titlebar
,可以实现很多自定义的效果。但是后来Toolbar
出来后实在太好用了,于是乎我们都使用了Toolbar
但是我们要给右侧的Menu Button
实现类似BadgeView
的这种效果(如上图小红点)怎么办呢呢?
看到这个要求后没有玩过ActionProvider
的同学可能就慌了,但是请先跟我来分析下这个Menu
的组成:一个ImageView
显示icon,一个TextView
显示数字,TextView
还有个圆形的背景(可以是任何形状或者颜色)。那么就不能用系统的menu.xml这种来做了,所以要自定义Menu,有人可能想到了自定义View,but并不需要。
我们通常写menu的时候在menu.xml中大概是如下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
其实这个menu的item有一个android:actionProviderClass
属性,用这个属性就可以自定义在这里显示的内容(View),这个属性的值是一个完整的类名,例如com.yanzhenjie.XXOOProvider
这样的,而这个XXOOProvider
需要继承ActionProvider
,具体的操作也全都是在ActionProvider
中完成。
首先继承ActionProvider
这里要坐下特殊说明,因为Toolbar
是support
包下的,所以我们要用support
下的ActionProvider
类,这个类是在support.v4
下,它是兼容Toolbar
和ActionBar
的,所以我们自定义好这个ActionProvider
类后就可以在Toolbar
和ActionBar
中随意使用了。
因为我们要实现角标,暂且把这个类名叫BadgeActionProvider
吧,继承ActionProvider
需要实现onCreateActionView()
方法:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
自定义布局:要显示的BadgeView
我们看到onCreateActionView()
类需要return
一个View
,这个View
就是我们要自定义的View,所以我们接着来定义显示的View
,很简单就是文章开头分析的一个ImageView
和一个TextView
:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
上述代码中需要解释的只有android:background="?actionBarItemBackground"
是引用系统默认Toolbar
/ActionBar
的Menu
的点击效果。TextView
的android:background="@drawable/circle_red"
就是那个圆形的红色背景啦。
ActionProvider和自定义布局的结合
上面继承也完了,自定义布局也写好了,接下来就是二者的结合:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
上面的代码唯一有疑惑的地方:
- 1
- 2
这一句是读取support
下Toolbar
/ActionBar
的高度,为了让这个Menu高和宽和系统的menu
达到一致。
好了到这里ActionProvider
的自定义就基本结束了,最多再添加些自定义的方法啦:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
如何使用自定义ActionProvider
现在就要回到文章的开头了,给android:actionProviderClass
属性填写完整的自定义ActionProvider
类名,之前说过这里是supprt
的类,所以这里要稍微变动下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
我们注意到这里变成了app:actionProviderClass
,是因为xml的头部引入了xmlnamespace
。
Java代码控制自定义Menu
上面menu.xml准备工作都做完了,接下来就是用java代码加载这个xml到我们的Activity
或者Fragment
中啦,这里我们以Activity
为例,我们继承AppCompatActivity
。
首先在加载menu的时候记录下我们刚才自定义的ActionProvider
:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
特别注意:好多同学在这里setOnClickListener时出现了空指针异常,原因是app:actionProviderClass="com.yanzhenjie.BadgeActionProvider"
这句代码中引用的自定义类名错误,你要填成你的包名,不要复制博客这里的。
这里设置点击监听在上文也强调过了,这里有个坑要讲一下,我们刚才不是提供了几个方法设置icon和text吗,不能在onCreateOptionsMenu()
直接调用,因为ActionProvider还没有加载初始化完成,所以如果我们动态初始化设置icon和text,需要在onWindowFocusChanged()
中:
- 1
- 2
- 3
- 4
- 5
- 6
这里也要说明下,只是在onCreateOptionsMenu()
不能直接初始化,等onCreateOptionsMenu()
方法执行完了就可以随意调用了。
所以现在可以随意设置显示的文字和图标啦,那么我们文章开头提到的几个目标也全部完成了
- 自定义ActionProvider ToolBar 自定义Menu小红点
- 自定义ActionProvider ToolBar 自定义Menu小红点
- 自定义Menu小红点 自定义ActionProvider ToolBar
- 自定义ActionProvider ToolBar 自定义Menu小红点
- 自定义ActionProvider ToolBar 自定义Menu小红点
- Actionbar&Toolbar 自定义Menu 布局--ActionProvider的使用
- Toolbar 自定义右侧菜单按钮样式ActionProvider
- 如何自定义ActionProvider
- Android 自定义Toolbar的Menu菜单
- 自定义toolbar
- 自定义toolbar
- 自定义ToolBar
- 自定义ToolBar
- 自定义ToolBar
- 自定义ToolBar
- 自定义Toolbar
- 自定义Toolbar
- 自定义toolbar
- HDU 5532 Almost Sorted Array(LIS模板题)
- Java进阶(五)对象与实例
- 类的数据组织关系
- GKEntity
- 在Windows环境中安装Neo4j
- 自定义ActionProvider ToolBar 自定义Menu小红点
- 使用urllib.urlretrieve(img_net_path, img_local_path)爬取淘宝商品细节图片,[Errno socket error] [SSL: UNKNOWN_PROT
- (CSU
- Android开发中Google VR全景的实现
- SQL Server,MySQL,Oracle三者的区别
- sql日期格式化
- 京东Java开发一面面经
- Hibernate的hql语句查询不到内容,但是库里有数据,直接执行SQL也能执行,能得到值,返回值取不到
- 十大云存储平台技巧