V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
codechaser
V2EX  ›  Android

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

  •  
  •   codechaser · 2018-12-25 23:30:25 +08:00 · 12601 次点击
    这是一个创建于 2166 天前的主题,其中的信息可能已经有所发展或是发生改变。

    微信图片_20181225232623.jpg

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

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

    我不用脑子去思考就能知道这不是 webview
    huoluobo
        12
    huoluobo  
       2018-12-27 09:52:06 +08:00
    @codechaser 对的
    codechaser
        13
    codechaser  
    OP
       2018-12-27 10:02:16 +08:00
    @paradoxs 这是 IOS 实现。谢谢,我去找找 android 有没有,哈哈
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1173 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 23:50 · PVG 07:50 · LAX 15:50 · JFK 18:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.