codechaser
V2EX  ›  Android

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

  •  
  •   codechaser · Dec 25, 2018 · 16592 views
    This topic created in 2696 days ago, the information mentioned may be changed or developed.

    微信图片_20181225232623.jpg

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

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

    我不用脑子去思考就能知道这不是 webview
    huoluobo
        12
    huoluobo  
       Dec 27, 2018
    @codechaser 对的
    codechaser
        13
    codechaser  
    OP
       Dec 27, 2018
    @paradoxs 这是 IOS 实现。谢谢,我去找找 android 有没有,哈哈
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   983 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 72ms · UTC 22:12 · PVG 06:12 · LAX 15:12 · JFK 18:12
    ♥ Do have faith in what you're doing.