Android 第三方自定义UI控件BottomView

- 日理万妓 2022-04-13 10:44 444阅读 0赞

这里分享一个Android的非常经典实用而且简单方便的第三方UI控件库：BottomView（小米的米UI也用到了这个）

实现功能：

可以在底部弹出的View里自定义布局；

可以自定义是否可以触摸外部消失；

可以自定义事件；

可以自定义外围背景是否透明；

可以自定义动画；

如果需要的话，可以强制为顶部View显示

相关库文件和Demo在附件里

用法：

1、下载BottomView.jar库文件，放到Android项目工程里的libs里

2、设置BottomView的Theme：

这2个Theme复制粘贴到你的项目的res/values/styles.xml里即可

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.    
2.    **<****style** name="BottomViewTheme\_Defalut"**>**  
3.         **<****item** name="android:windowFrame"**>**@null**</****item****>**  
4.         **<****item** name="android:windowContentOverlay"**>**@null**</****item****>**  
5.         **<****item** name="android:windowIsFloating"**>**true**</****item****>**  
6.         **<****item** name="android:windowIsTranslucent"**>**false**</****item****>**  
7.         **<****item** name="android:windowNoTitle"**>**true**</****item****>**  
8.         **<****item** name="android:windowBackground"**>**@color/white**</****item****>**  
9.         **<****item** name="android:backgroundDimEnabled"**>**true**</****item****>**  
10.        **<****item** name="android:windowFullscreen"**>**true**</****item****>**  
11.    **</****style****>**  
12. lt;!--透明背景Theme--**>**  
13.    **<****style** name="BottomViewTheme\_Transparent"**>**  
14.        **<****item** name="android:windowFrame"**>**@null**</****item****>**  
15.        **<****item** name="android:windowIsFloating"**>**true**</****item****>**  
16.          
17.        **<****item** name="android:windowIsTranslucent"**>**false**</****item****>**  
18.        **<****item** name="android:windowContentOverlay"**>**@null**</****item****>**  
19.        **<****item** name="android:windowNoTitle"**>**true**</****item****>**  
20.        **<****item** name="android:windowBackground"**>**@color/white**</****item****>**  
21.        **<****item** name="android:backgroundDimEnabled"**>**false**</****item****>**  
22.    **</****style****>**

另外如果提示

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<****item** name="android:windowBackground"**>**@color/white**</****item****>**

这里的white找不到的话，说明你项目res/values/color.xml没有新建或者没有white颜色这个值，只需在res/values/color.xml里添加

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.      **<****color** name="white"**>**\#ffffff**</****color****>**

这个白色值即可。

另外View的动画Theme可选，建议也复制进去，效果好一些，代码如下：

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<****style** name="BottomToTopAnim" parent="android:Animation"**>**  
2.         **<****item** name="@android:windowEnterAnimation"**>**@anim/bottomview\_anim\_enter**</****item****>**  
3.         **<****item** name="@android:windowExitAnimation"**>**@anim/bottomview\_anim\_exit**</****item****>**  
4.     **</****style****>**

res/anim/bottomview\_anim\_enter.xml

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****set** xmlns:android="http://schemas.android.com/apk/res/android" **>**  
3.    
4.      **<****translate**  
5.          android:duration="500"  
6.          android:fromYDelta="100%p" **/>**  
7.    
8.  **</****set****>**

res/anim/bottomview\_anim\_exit.xml

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****set** xmlns:android="http://schemas.android.com/apk/res/android" **>**  
3.    
4.      **<****translate**  
5.          android:duration="500"  
6.          android:toYDelta="100%p" **/>**  
7.    
8.  **</****set****>**

整体为：

![20140624223226218][]

2、部分核心使用代码：

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  BottomView bottomView = **new** BottomView(**this**,  
2.                      R.style.BottomViewTheme\_Defalut, R.layout.bottom\_view);  
3.              bottomView.setAnimation(R.style.BottomToTopAnim);//设置动画，可选  
4.              bottomView.showBottomView(**false**);

如果想获取这个View的话，调用.getView()方法即可。

效果图之一：（可随意发挥）

![20140624222106656][]

不懂的加我QQ 852041173

欢迎加入MtAndroid开发者群：271410559

![20140624224332421][]

相关库文件和Demo在附件里

首发地址：http://www.aplesson.com/?p=400

[view plain]: http://blog.csdn.net/jay100500/article/details/34173737
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/404931
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/404931/fork
[20140624223226218]: /images/20220413/d85bbe09a4ab4f388bf3d26b92bad3c6.png
[20140624222106656]: /images/20220413/d51201894f6945418359808f60568569.png
[20140624224332421]: /images/20220413/47ae15888725482eb982d210baedcce6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，444人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android自定义控件

零、View 在Android中，无论是熟知的布局，还是控件，统统全都继承自基类View。 ![a8105741b18f409687b78be77be6bb01.png

雨点打透心脏的1/2处/ 2023年10月06日 14:58/ 0 赞/ 67 阅读

相关 Android自定义控件

零、View 在Android中，无论是熟知的布局，还是控件，统统全都继承自基类View。 ![af67f6d3e0fa762680acd25cbfa54828.png

水深无声/ 2022年12月11日 01:23/ 0 赞/ 312 阅读

相关 android 自定义控件

Android自定义View实现很简单继承View，重写构造函数、onDraw，（onMeasure）等函数。如果自定义的View需要有自定义的属性，需要在values

墨蓝/ 2022年08月27日 01:26/ 0 赞/ 323 阅读

相关 Android UI开源组件库BottomView ，第三方自定义UI控件

这里分享一个Android的非常经典实用而且简单方便的第三方UI控件库：BottomView（小米的米UI也用到了这个）实现功能：可以在底部弹出的View里自

柔情只为你懂/ 2022年08月24日 04:20/ 0 赞/ 349 阅读

相关 Android UI-自定义日历控件

Android UI-自定义日历控件 2014年博客之星，投票地址[点击打开链接][Link 1] 本篇博客笔者给大家分享一个日历控件，这里有个需求：要求显示当

怼烎@/ 2022年08月06日 06:20/ 0 赞/ 192 阅读

相关 CS第三方控件

大家都知道，我现在在做CS的项目，现在是需求频变啊，心里好苦，做了这么久，还是涨了一点点见识的，下面就介绍一下自己最近用到的几款CS的第三方控件。 D

朴灿烈づ我的快乐病毒、/ 2022年07月26日 08:34/ 0 赞/ 222 阅读

相关 Android自定义控件之自定义组合控件（三）

前言：前两篇介绍了自定义控件的基础原理[Android自定义控件之基本原理（一）][Android]、自定义属性[Android自定义控件之自定义属性（二

亦凉/ 2022年07月12日 03:49/ 0 赞/ 418 阅读

相关 Android 第三方自定义UI控件BottomView

这里分享一个Android的非常经典实用而且简单方便的第三方UI控件库：BottomView（小米的米UI也用到了这个）实现功能：可以在底部弹出的View里自定义布局；

- 日理万妓/ 2022年04月13日 10:44/ 0 赞/ 445 阅读

相关 Android UI-自定义日历控件

Android UI-自定义日历控件 2014年博客之星，投票地址[点击打开链接][Link 1] 本篇博客笔者给大家分享一个日历控件，这里有个需求：要求显示当前

短命女/ 2022年03月19日 08:49/ 0 赞/ 331 阅读

相关 android - 自定义（组合）控件 + 自定义控件外观

Android自定义View实现很简单继承View，重写构造函数、onDraw，（onMeasure）等函数。如果自定义的View需要有自定义的属性，需要在values

谁践踏了优雅/ 2021年12月20日 06:27/ 0 赞/ 568 阅读