Android实现高德地图首页效果(上)

 更新时间:2023年08月30日 09:02:43   作者:似曾相识2022  
这篇文章主要为大家详细介绍了基于Android实现高德地图首页效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

今天给大家带来一个非常熟悉的效果——高德首页

咱们话不多说,直接上效果图:

一般用上这个效果的都和地图有关,看上去还是挺酷眩的。但如果从来没了解过的同学要自己实现这个效果还是不容易的。值得庆幸的是,谷歌提供了现成的设计库:CoordinatorLayout结合CoordinatorLayout.Behavior

首先,xml中根布局需要是CoordinatorLayout,其子view需要是一个可滑动的View,咱们这里直接使用NestedScrollView

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<androidx.core.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/shape_white"
    app:behavior_hideable="false"
    app:behavior_peekHeight="300dp"
    app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior">
        <TextView
           android:layout_width="wrap_content"
           android:layout_height="match_parent"
           android:layout_gravity="center_horizontal"
           android:layout_marginTop="20dp"
           android:drawablePadding="10dp"
           android:lineSpacingExtra="20dp"
           android:gravity="center"
           android:text="我是内容\n我是内容\n我是内容\n我是内容\n我是内容\n我是内容\n我是内容\n                我是内容\n" />
</androidx.core.widget.NestedScrollView>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

这里需要注明下:

  • 滑动控件中需要添加layout_behavior属性,这里默认使用BottomSheetBehavior
  • behavior_hideable:代表是否隐藏
  • behavior_peekHeight:代表滑动控件初始展示的高度

完成xml编写后直接运行得到如下效果:

看似好像差不多,但只能全部显示或者只显示我们设置的300dp高。其实,BottomSheetBehavior内部还提供了很多属性:

  • isFitToContents:是否填充整个内容
  • expandedOffset:展开后距离顶部的高度
  • halfExpandedRatio:半展开占比
  • setState:设置当前状态:隐藏、半展开、全展开等等
  • setPeekHeight:设置初始显示高度

原来还可以半展开,咱们直接配置上全套效

bottomSheetBehavior?.let {
   it.isFitToContents = false //展开后开度填充Parent的高度
    //setFitToContents 为false时,展开后距离顶部的位置(Parent会以PaddingTop填充)
    it.expandedOffset =  ImmersionBar.getStatusBarHeight(this) + 40//顶部距离
    it.halfExpandedRatio = 0.5f //半展开占比
    it.isHideable = false
    it.setPeekHeight(150, true)//有动画
    it.setState(BottomSheetBehavior.STATE_HIDDEN) 
}

到这里其实已经可以满足基本要求了,整体动画体验也是不错的,非常流畅。但我们的目标还没有达到,在之前有写过监听滑动控件实现状态栏颜色切换,那么现在我们是否也可以利用类似的原理来实现滑动过程中的一些效果呢?

答案是肯定的。下篇咱们继续讲解BottomSheetBehavior滑动监听下的效果实现,最终完成高德首页效果。

到此这篇关于Android实现高德地图首页效果(上)的文章就介绍到这了,更多相关Android实现高德地图内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android实现自定义滑动刻度尺方法示例

    Android实现自定义滑动刻度尺方法示例

    这篇文章主要给大家介绍了关于Android实现自定义滑动刻度尺的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • Flutter实现旋转扫描效果

    Flutter实现旋转扫描效果

    这篇文章主要介绍了通过Flutter RotationTransition实现雷达旋转扫描的效果,文中的示例代码讲解详细,感兴趣的同学可以动手试一试
    2022-01-01
  • Android开发实现文件存储功能

    Android开发实现文件存储功能

    这篇文章主要为大家详细介绍了Android开发实现文件存储功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • 理解Android中Activity的方法回调

    理解Android中Activity的方法回调

    这篇文章主要介绍了理解Android中Activity的方法回调,本文用一个完整实例模拟了Activity方法回调的过程,从而加深理解Activity的方法回调思想,需要的朋友可以参考下
    2015-04-04
  • Android实现简单计时器功能

    Android实现简单计时器功能

    这篇文章主要为大家详细介绍了Android实现简单计时器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • Android开发之TableLayout表格布局

    Android开发之TableLayout表格布局

    这篇文章主要为大家详细介绍了Android开发之TableLayout表格布局,表格布局模型是以行列的形式管理子控件,对TableLayout表格布局感兴趣的小伙伴们可以参考一下
    2016-03-03
  • Android编程设置提醒事件的方法

    Android编程设置提醒事件的方法

    这篇文章主要介绍了Android编程设置提醒事件的方法,涉及Android操作service及定时器的相关技巧,需要的朋友可以参考下
    2016-01-01
  • Android注解使用之ButterKnife 8.0详解

    Android注解使用之ButterKnife 8.0详解

    这篇文章主要为大家详细介绍了Android注解使用之ButterKnife 8.0的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Android截屏分享功能

    Android截屏分享功能

    最近项目经理交给我一个任务,要求实现android截屏功能,包括Android截屏获取图片、将图片保存到本地、通知系统相册更新、通过微信、QQ、微博分享截屏图片。小编把实现思路分享到脚本之家平台,需要的朋友参考下
    2017-12-12
  • Android实现显示和隐藏密码功能的示例代码

    Android实现显示和隐藏密码功能的示例代码

    在前端中我们知道用javascript就可以可以很容易实现密码的显示与隐藏,本文将大家详细介绍Android是如何实现显示和隐藏密码功能的,需要的可以参考一下
    2022-06-06

最新评论