android仿高德地图透明黑字,Android 仿高德地图可拉伸的BottomSheet
原标题:Android 仿高德地图可拉伸的BottomSheet
2018安卓巴士开发者大会-上海站
你一直期待的安卓技术盛宴即将登场!
前言
最近项目中需要用到高德地图搜索结果后的结果展示的可拉伸控件。
而我看到这个效果图,觉得这个就是一个slidingpanel,但是翻阅了一些发现用google自带的bottomsheet实现更方便
什么是BottomSheet?
Bottom Sheet是Design Support Library23.2 版本引入的一个类似于对话框的控件,可以暂且叫做底部弹出框吧。 Bottom Sheet中的内容默认是隐藏起来的,只显示很小一部分,可以通过在代码中设置其状态或者手势操作将其完全展开,或者完全隐藏,或者部分隐藏。对于Bottom Sheet的描述可以在官网查询:
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/cl_chouti"
android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_width="match_parent"
android:layout_height="match_parent">
android:id="@+id/map_view"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center">
android:id="@+id/mark"
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/poi_marker_pressed"/>
android:layout_width="30dp"
android:layout_height="40dp"
android:layout_below="@+id/mark"/>
android:id="@+id/bottom_sheet"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
app:behavior_hideable="true"
app:behavior_peekHeight="160dp"
app:layout_behavior="@string/bottom_sheet_behavior">
layout_bottom_sheet.xml
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#ffffff"
android:orientation="vertical">
android:id="@+id/tv_tishi"
android:layout_gravity="center_horizontal"
android:layout_marginTop="40dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="附近热点"
android:textSize="10sp"/>
android:id="@+id/recyclerview"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
activity中的使用
//底部抽屉栏展示地址
bottomSheet = findViewById(R.id.bottom_sheet);
behavior = BottomSheetBehavior.from(bottomSheet);
behavior.setBottomSheetCallback( newBottomSheetBehavior.BottomSheetCallback() {
@Override
publicvoidonStateChanged(@NonNull View bottomSheet, @BottomSheetBehavior.State intnewState){
String state = "null";
switch(newState) {
case1:
state = "STATE_DRAGGING"; //过渡状态此时用户正在向上或者向下拖动bottom sheet
break;
case2:
state = "STATE_SETTLING"; // 视图从脱离手指自由滑动到最终停下的这一小段时间
break;
case3:
state = "STATE_EXPANDED"; //处于完全展开的状态
break;
case4:
state = "STATE_COLLAPSED"; //默认的折叠状态
break;
case5:
state = "STATE_HIDDEN"; //下滑动完全隐藏 bottom sheet
break;
}
}
@Override
publicvoidonSlide(@NonNull View bottomSheet, floatslideOffset){
// Log.d("BottomSheetDemo", "slideOffset:" + slideOffset);
}
});
注意分析 CoordinatorLayout 是Meterial Design中的一个新控件,通过behavior用来协调其他组件, 实现联动,因此父布局必须是CoordinatorLayout 。 注意到布局中,RelativeLayout中的app:layout_behavior=”@string/bottom_sheet_behavior”属性,点进去可以看到,这个属性实际上是设置系统默认实现的BottomSheet的behavior。原则上来说,只要是可以滚动的View,在加上了这个属性后,都可以作为BottomSheet来使用,建议使用NestedScrollView或者RecyclerView。
源码地址:https://github.com/lmDai/GDMapOperate.git
如有不正确的地方,欢迎在下方留言以便更正!
责任编辑:
android仿高德地图透明黑字,Android 仿高德地图可拉伸的BottomSheet相关推荐
- Android系统自带样式(android:theme)(转)
Android系统自带样式(android:theme)(转) android:theme="@android:style/Theme.Dialog" : Activity显示为对 ...
- Android系统自带样式(android:theme)
android:theme="@android:style/Theme.Dialog" : Activity显示为对话框模式 android:theme="@androi ...
- Android设置透明状态栏,仿ios状态栏
为什么80%的码农都做不了架构师?>>> Android设置透明状态栏,仿ios状态栏 设置透明状态栏后,效果如下: 我的实现思路是: 在根布局上添加一块布局 添加了一块线性布 ...
- android 缩放透明动画,Android之高仿QQ6.6.0侧滑效果(背景动画、透明+沉浸式状态栏、渐变效果)...
根据需求实现类似QQ侧滑效果,之前看到过很多实现方式通过SlidingMenu,但是既然官方推出了自己的专属控件,那么使用DrawerLayout就是不二选择.且看下文. 一.先来看看官方文档解释 D ...
- android 高德地图动画,使用MotionLayout实现高德地图bottomSheets效果
高德效果 搜到的一个效果,附上链接,用的behavior,我没下源码看,因为我只是想尝试另外一种方式.具体效果暂不知Android 仿高德地图可拉伸的BottomSheet 以下是我用motionla ...
- Android特效专辑(十二)——仿支付宝咻一咻功能实现波纹扩散特效,精细小巧的View...
Android特效专辑(十二)--仿支付宝咻一咻功能实现波纹扩散特效,精细小巧的View 先来看看这个效果 这是我的在Only上添加的效果,说实话,Only现在都还只是半成品,台面都上不了,怪自己技术 ...
- Android仿支付宝UI功能开发,Android 自定义view仿支付宝咻一咻功能
支付宝上有一个咻一咻的功能,就是点击图片后四周有水波纹的这种效果,今天也写一个类似的功能. 效果如下所示: 思路: 就是几个圆的半径不断在变大,这个可以使用动画缩放实现,还有透明动画 还有就是这是好几 ...
- Android特效专辑(十二)——仿支付宝咻一咻功能实现波纹扩散特效,精细小巧的View
Android特效专辑(十二)--仿支付宝咻一咻功能实现波纹扩散特效,精细小巧的View 先来看看这个效果 这是我的在Only上添加的效果,说实话,Only现在都还只是半成品,台面都上不了,怪自己技术 ...
- android仿微信下拉二楼_Android仿微信下拉列表实现
本文要实现微信6.1中点击顶部菜单栏的"+"号按钮时,会弹出一个列表框.这里用的了Activity实现,其实最好的方法可以用ActionBar,不过这货好像只支持3.0以后的版本. ...
最新文章
- 获取文件后缀的五种方法
- S2系统相关-uptime命令总结(S代表系统相关)
- controller中执行main方法报错NoClassDefFoundError: javax/servlet/http/HttpServletResponse
- 【C语言】C语言常量和变量
- RK30SDK系统重启源码分析
- redis之django-redis
- 计算机组成原理讲义 微盘,计算机组成原理课件.pdf
- Amesim学习——传热基础案例:烧红铁棒在空气中冷却
- RTF文件格式研究报告
- 在传统软件公司十年深恶痛绝的感受
- 教你把竖屏视频剪辑为横屏播放的方法
- symfony配置文件之三:routing和路由配置
- 接口管理平台 - APIPOST和APIfox使用 - PUSDN
- 初学者笔记(三):利用python列表做一个最简单的垃圾分类
- 皇家每羊历险记(二)——地形制作
- Chrome的隐身模式
- android 获得ram大小,Android中获取(RAM)总运存大小和可用运存大小
- 一定要用Chrome吗?有了这些网页翻译插件,任意浏览器都能畅快玩耍
- 新手游戏创业如何推广游戏?
- 【最全资源】关于机器学习的干货借鉴
热门文章
- AUTOSAR专业知识篇(六)-自动驾驶传感器的选择与布置
- 少儿编程100讲轻松学python(二)-python cv2模块怎么安装
- java并发问题_并发理论基础:并发问题产生的三大根源
- mysql 两个查询结果合并去重_《MySQL 入门教程》第 21 篇 集合操作符
- 亲手把360奇安信软件卸载了,爽!
- 教你玩转CSS 下拉菜单
- 魔兽世界阿拉索人数最多服务器,魔兽世界8.3哪个区人多_wow8.3服务器人数统计介绍_3DM网游...
- Telnet初试(本地测试)
- Hyhyhy – 专业的 HTML5 演示文稿工具
- 为什么你应该尝试@reach/router