请教一下滴滴这种悬浮在地图上面的布局怎么做的啊?

2018-12-25 23:30:25 +08:00
 codechaser

如图,而且网上滑的时候列表之间的分隔是透明的,是用 rescylerview 做的吗?还有一个红圈里这种 TextView 感觉也很精致,不知道咋做,请教一下各位。

8516 次点击
所在节点    Android
13 条回复
maninfog
2018-12-26 00:04:53 +08:00
用 ui automator viewer 看一下,还不行就反编译然后看下资源文件。
滴滴这个确实做的不错,感觉是用了 BottomSheet 一样的东西,估计是各种自定义实现,emmm。。。
透明的很简单,就是中间 margin,然后没有背景。
文字的话,没有看出精致啊??
shiye515
2018-12-26 01:47:53 +08:00
其实是 webview,里面都是 h5
qinrui
2018-12-26 06:25:13 +08:00
map 放在底层,浮动一个 div 上去呗
zwh2698
2018-12-26 07:02:01 +08:00
,不是地图都支持 annotations 吗 ?
l12ab
2018-12-26 07:41:17 +08:00
这是个网页
ChenFanlin
2018-12-26 10:49:42 +08:00
..红圈这个不是挺简单的嘛,最简单的就是一个 TextView, drawableStart + 2 行文字,第二行用上 span,
或者就是自定义一个 View?
MushiUta
2018-12-26 10:58:53 +08:00
@maninfog #1 感觉楼主所谓的“悬浮”,就是 BottomSheet 吧,其他的都是简单地撸布局而已。
huoluobo
2018-12-26 13:37:13 +08:00
1.透明是底部布局背景设置颜色为透明实现的
2.滑动应该是基于 scrollView 自定义实现的
3.红圈内不只是一个 textView,是三个控件,怎么看可以打开手机的开发者模式-显示布局边界
4.问这种简单的问题说明 Android 技术还是小白水平,建议先百度、谷歌,找不到答案再发帖
codechaser
2018-12-26 16:47:41 +08:00
@huoluobo 谢谢你,我确实处于小白时期,写东西都靠百度。
codechaser
2018-12-26 16:48:45 +08:00
@huoluobo 三个控件是指红点,两行文字吗?
paradoxs
2018-12-26 16:52:23 +08:00
这种布局实现方式有很多种,给你找了一份代码: https://github.com/1533889695/DiDiChuXing/tree/MapAndTableDemo1.2/MapAndTableDemo

我不用脑子去思考就能知道这不是 webview
huoluobo
2018-12-27 09:52:06 +08:00
@codechaser 对的
codechaser
2018-12-27 10:02:16 +08:00
@paradoxs 这是 IOS 实现。谢谢,我去找找 android 有没有,哈哈

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/520982

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX