首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

安卓的底页来自CoordinatorLayout的底部,而不是屏幕的底部

。CoordinatorLayout是Android Support库中的一个布局容器,用于实现复杂的交互效果和协调子视图之间的行为。它可以用来创建响应式的用户界面,特别适用于处理滚动、手势和动画等交互操作。

相比于传统的布局容器,CoordinatorLayout具有以下优势:

  1. 协调子视图之间的行为:通过使用CoordinatorLayout,可以轻松实现子视图之间的协调行为,例如当一个子视图滚动时,其他子视图可以做出相应的变化。
  2. 支持复杂的交互效果:CoordinatorLayout提供了丰富的交互效果支持,例如响应滚动、手势和动画等操作,可以实现更加灵活和丰富的用户界面。
  3. 灵活的布局方式:CoordinatorLayout支持自定义的布局行为,可以根据需求灵活地调整子视图的位置和大小,实现更加个性化的界面布局。

在安卓应用开发中,可以使用CoordinatorLayout来实现各种复杂的界面布局和交互效果,特别适用于需要处理滚动、手势和动画等操作的场景,例如:

  1. 带有可折叠标题栏的界面:通过CoordinatorLayout的滚动监听和布局行为,可以实现带有可折叠标题栏的界面,用户可以通过滚动操作展开或折叠标题栏。
  2. 底部导航栏的界面:通过CoordinatorLayout的布局行为,可以实现底部导航栏随着内容的滚动而隐藏或显示,提供更好的用户体验。
  3. 悬浮按钮的界面:通过CoordinatorLayout的布局行为,可以实现悬浮按钮随着内容的滚动而隐藏或显示,方便用户进行操作。

腾讯云提供了丰富的云计算产品和服务,其中与安卓开发相关的产品包括:

  1. 腾讯移动推送:提供消息推送服务,可以用于在安卓应用中实现消息推送功能。产品介绍链接:https://cloud.tencent.com/product/tpns
  2. 腾讯云直播:提供实时音视频直播服务,可以用于在安卓应用中实现音视频直播功能。产品介绍链接:https://cloud.tencent.com/product/css
  3. 腾讯云对象存储(COS):提供高可靠、低成本的对象存储服务,可以用于在安卓应用中存储和管理大量的文件和数据。产品介绍链接:https://cloud.tencent.com/product/cos

以上是关于安卓的底页来自CoordinatorLayout的底部的完善且全面的答案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

听说谷歌Baba更新了 Material UI ...

Bottom Sheets BottomSheetBehavior应用于CoordinatorLayout一个子类, 使其成为持久底部工作表。...持久性底部页面是从屏幕底部出现视图,在主要内容上升高。他们可以垂直拖动以暴露他们内容列表。 注意:如果要使用模态(对话框),请使用 BottomSheetDialogFragment。...此状态通常是底部工作表“静止位置”。...可视高度由开发人员选择,应足以表明有额外内容,允许用户触发某个动作或扩展Bottom Sheets; STATE_EXPANDED: Bottom Sheets是可见并且它最大高度并且不是拖拽或沉降...如果已经在Activity使用CoordinatorLayout,添加底部表单很简单: 将任何视图添加为CoordinatorLayout直接子视图。

3K20

移动端那些戳中你痛点软键盘问题及解决方法

;在滚动过程中,还会允许屏幕底部超出页面底部(「滚动过头」),以便让输入框尽可能露出来。...衍生问题: 但这样引出了一个新问题:在系统下app端,会有底部按钮被遮挡问题。 GIF 如下: ?...衍生问题解决办法 之前header头用是前端自己写header时,没有这个问题,推测是因为手机在键盘弹起时webview高度缩短为整个屏幕高度减去键盘高度, 在之前实现中,由于使用沉浸式...header,所以前端webview高度就是整个屏幕高度,现在由于采用是客户端jsb能力,所以webview剩余高度就需要减去header头高度。...2、吸元素(也就是按钮)能够在键盘弹出之后,出现在键盘上方 对于这个问题,因为表现是webview缩小,所以在上并不存在这个问题,对于ios,因为ios向上滚动距离最大是键盘高度,但是也有可能滚动距离不是键盘高度

8.5K30
  • CoordinatorLayout 处理滚动

    代码示例 来自 Google Chris Banes 将 CoordinatorLayout 和 design support library 中其他特性放在一起做了一个酷炫 demo。 ?...当渲染一个 Snackbar 时,它通常出现在可见屏幕底部。Floating action button 必须上移以便腾出空间。 ?...通常,我们会设置 Toolbar 标题。现在,我们需要在 CollapsingToolBarLayout 不是 Toolbar 上设置标题。...还要注意是 RecyclerView 应该使用 wrap_content 不是 match_parent,这是一个新修改,为是让底部栏只占用必要不是全部空间: <CoordinatorLayout...例如,在一个下拉刷新例子中,这个属性应该放在包含了 RecyclerView SwipeRefreshLayout 中不是第二层以下后代中。

    4.8K92

    JetPack Material Design 组件简单介绍

    而且 fabCustomSize 属性值必须和 width,height 一致 ExtendedFloatingActionButton app:icon 设置图标不是 android:src 设置...BottomNavigationView.png 5.BottomSheetBehavior 是包含补充屏幕内容表面组件。...它们固定在屏幕底部(使它们在移动/平板电脑设备上符合人体工程学),并且类似于Dialogs,它们位于主屏幕内容上方。在大多数情况下,可以通过向上/向下拖动手势来扩展/关闭它们。...BottomSheetBehavior.gif 6.BottomSheetDialog IOS很多菜单都是从底部弹出,这种展示方式还是很好看丑爆Android默认弹框一直都是大家一定要摒弃...MaterialTimePicker.gif 本人不推荐,主要有两方面,第一,确实挺难看,一般还是按照ios来做,做成底部滚轮那种。第二,builder可配置项太少了,做不了什么修改

    1.9K20

    H5面软键盘顶起页面底部

    最近在维护一些老页面,发现有一个解决输入法软键盘导致页面布局异常写法挺好,跟大家分享一下1....今天我们要讨论也是一个兼容性问题,当h5面里遇到输入框时候,输入法弹出时候,浏览器会调整布局,导致底部UI被顶上来,具体如下图图片 这里页面的代码其实很简单,就是一个输入框,一个fixed...或者absolute定位在底部按钮 ...解决方案 网上有不少解决这个问题办法,大致思路就是通过JS监听高度改变,来确定输入法是不是弹出了,然后对不希望展示内容做特殊处理。...代码如下@media (min-aspect-ratio: 13/20) { .button { display: none; }} 通过媒体查询min-aspect-ratio 当屏幕宽高比大于

    4K30

    导航设计10种模式

    实际项目中,顶部与底部配合使用挺多。 ?...06 抽屉式导航 描述: 抽屉式也是谷歌提出来一种导航模式,由于虚拟按键存在,所以在上使用底部Tab会造成双栏,视觉观感不佳; 一般用来放置对用户而言不太常用或者对于产品而言不太核心功能,或者不那么需要频繁切换内容应用...优点: 节省页面展示空间,让用户将更多注意力聚焦到当前页面; 由于导航界面是隐藏在屏幕之外,展开之后整一面都是导航菜单内容,所以可扩展和个性化空间很大; 扩展性好,导航个数没上限。...,不是跳转至完全不同视图。...09 弹窗式 描述: 算是菜单式一种变种,区别是位置在界面中央不依赖于某个边缘; 弹出框在系统上使用很普遍,比菜单、单选框、多选框等,在IOS系统上使用相对少些; ?

    3.5K40

    Material Design 实战 之第三弹—— 悬浮按钮和可交互提示

    会使用 这个View来自动查找最外层布局,用于展示Snackbar。...可以看到,Snackbar从屏幕底部出现了,上面有我们所设置提示文字,还有一个Undo按钮,按钮是可以点击。 ? 过一段时间后Snackbar会自动从屏幕底部消失。...举个简单例子,刚才弹出Snackbar提示将悬浮按钮遮挡住了, 如果我们能让CoordinatorLayout监听到Snackbar弹出事件, 那么它会自动将内部FloatingActionButton...不过我们回过头来再思考一下,刚才说CoordinatorLayout可以监听其所有子控件各种事件,但是Snackbar好像并不是CoordinatorLayout子控件吧,为什么它却可以被监听到呢...,那么Snackbar就会再次遮挡住悬浮按钮,因为DrawerLayout不是CoordinatorLayout子控件,CoordinatorLayout也就无法监听到Snackbar弹出和隐藏事件了

    1.8K30

    App之底部导航栏设计

    如领英设置页面 网格式与列表式类似,但排布更紧凑,显示也更直观,可在一容纳更多选项,常见于一级页面,电商类app一级页面用比较多,如淘宝首页 标签式有顶部、底部两大类,底部应用最广泛,因为底部比较方便大拇指点击...抽屉式是把所有功能都收到一个按钮里,这样界面就非常干净了,同时给功能操作带来了隐蔽性,例子就不举啦,app很多这类。。...展开为列表式 展开为网格式 这样改善后,底部导航栏是不是变得特别强大了?...开启中间功能键例子: 闲鱼,拓展了标签数量 全民K歌,直接是新起一,有网格式和列表式 喜马拉雅FM,也是新起一,列表式 当然,案例只是参考,具体问题还是需要具体分析,没有哪个模式是万能,...因为手机屏幕容量有限。 功能项大部分以图标+文字形式表达。文字是为了更准确表达意思,这个在第一篇App之“文字”设计技巧探讨过原因。 主页图标,采用“小房子”或logo。

    4.9K110

    Android开发笔记(一百三十四)协调布局CoordinatorLayout

    协调布局CoordinatorLayout Android自5.0之后对UI做了较大提升,一个重大改进是推出了MaterialDesign库,该库基础即为协调布局CoordinatorLayout...FloatingActionButton后面; 2、在隐藏、显示按钮上时会播放动画;其中隐藏操作是调用hide方法,显示操作是调用show方法; 3、FloatingActionButton默认会随着Snackbar出现或消失动态调整位置...因此,Android又提供了BottomSheetBehavior用来自定义底部弹窗,不过它并非一种新控件,而是给现有视图加上几个新属性,即可实现弹窗与关闭效果。...下面是底部弹窗演示截图: ?...下面是使用底部弹窗布局例子: <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com

    2.1K30

    Chrome使用技巧合辑

    这篇文章小苏就为大家"发掘"一些Android端Chrome好用特性吧~   为了大家更直观地了解Chrome一些特色操作,小苏携Pandaria大佬推出了这篇文章"姊妹篇": Chrome..."标签列表"视图中,上划收起所有标签,然后在顶部标签上上划五次即可使所有标签视图上下旋转360º(严格来说这应该是一个彩蛋不是一个特性)   6....google.com.hk采用https协议,从而避免Hosts访问外国网站后使用Chrome自带搜索时由于其默认使用http协议造成页面无法打开问题。   ...栏模式(Chrome Home):   chrome://flags/#enable-chrome-home   启用Chrome Home模式后,默认位于屏幕顶部地址操作栏将会移至屏幕底部...,将在屏幕底部显示一个快速填充栏,点击栏中快速填充项可以快速将此项填充到输入框。

    9.5K30

    树莓派使用Android系统

    设备桌面上,从最下面的三个应用中点击并向上拖动,弹出应用库。 2. 在该菜单内,点击 "设置 "应用。 3. 向下滚动到底部,找到 "关于平板电脑 "选项并点击。 4....首先,需要回到界面的应用库中。同样,可以通过从屏幕底部向上拖动来实现。 2. 在这个菜单内,需要点击 "终端 "应用。 3. 第一次打开终端应用时,会被要求允许它访问设备上文件。...现在点击屏幕下方主页图标,返回恢复主页。 6. 现在可以安装我们在本指南中早先下载 GApps 包了。为此,需要进入 "安装 "菜单。 7....当Google Apps完成写入Raspberry Pi后,点击屏幕下方主页按钮。 10. 现在需要对系统进行出厂重置。要进行重置,需要点击 "Wipe"菜单。 11....配置好每个服务后,滚动到底部,然后点击 "接受 "按钮。 7. 在此页面上,可以配置您设备需要使用密码。为了简单起见,继续本教程,选择 "不是现在 "选项。 8.

    15.5K20

    Android BottomSheet效果两种实现方式

    BottomSheet效果 BottomSheet效果是指从屏幕底部向上滑效果,是MaterialDesign风格一种,视觉效果如下: ?...在代码部分,首先获取NestedScrollViewbehavior,然后通过behavior控制底部卡片什么时候弹出,同时会有一些状态回调函数可供调用。...void showBottomSheet() { behavior.setState(BottomSheetBehavior.STATE_EXPANDED); } } 通过这种方式可以在特定页面添加底部上滑效果...,会导致底部上滑的卡片,在下滑消失后屏幕依旧变暗问题,这是因为整个布局变成了两个CoordinateLayout嵌套,下滑时候里面的CoordinateLayout滑出屏幕,但外层CoordinateLayout...设置peekHeight,不是在layout里给layout本身设置,下面设置背景色同理,坑爹!!!

    3.1K31

    iOS 与 Android APP 设计差异

    左侧就是抽屉导航;右侧是标签栏 在Material Design中还有一个组件叫做底部导航。这个组件对于原生应用来说也非常重要。底部菜单项很容易点击和操作。...但是规范其实不建议同时使用底部导航和标签,因为它可能会在导航时引起混乱。 底部导航(Material Design) 在Apple的人机交互规范中,没有类似抽屉菜单标准导航控件。...标签栏放在应用底部,让应用核心功能能够快速切换。 通常,底部栏标签不会超过5个。正如你看到那样,这个组件非常像底部导航,只是在iOS中这种形式导航更加常用。...而对比规范,通常会把主要导航也放在汉堡菜单中。...因此,最好是花些时间了解下两个平台不同设计规范,不是混合iOS和Android组件模型,然后还得花很多力气在开发上。

    3.4K10

    2019年提交app到苹果应用下载商店审核被拒绝各种问题

    otherButtonTitles: nil]; [alert show]; } } /Android/图标/系统手机等 无论在你工程代码内、App用户界面、及iTunes...不要出现字眼(、Android)、图标(类似绿色小机器人)等,或诱导用户知晓或安装对应平台应用,曾有电商平台App因为售卖安装系统三星手机被拒。所以还是不要以身试法好。...1.webp.jpg 屏幕快照与App界面不符 上传到iTunes Connect屏幕快照和App预览内容需要与App内本身呈现界面相同,不要出现类似:快照中底部有五个Tab,App打开实际只有四个这样低级错误...App图标和启动切图尺寸 Assets.xcassets内AppIcon和LaunchImage内对应图标和启动切图像素尺寸符合对应规范。...若真的需要使用,最好让审核人员能直观感受到持续定位对App产生功能影响,有必要的话可以录一个视频(记得上传到YouTube不是土豆优酷)。

    3.9K00

    Android中Snackbar使用方法及小技巧

    前言 Snackbar和Toast相似,都是为了给用户提供交互信息,Snackbar是固定在底部,显示时从下往上滑出 ?...FloatingActionButton被遮到了,使用CoordinatorLayout作为根布局可以避免这种情况 ? Snackbar只能在底部显示吗?...是也不是,为啥这么说呢,Snackbar确实是在CoordinatorLayout底部显示,但并不等于是在屏幕顶部 首先我们要知道Snackbar显示原理是什么 之前介绍中第一个传进去参数...我们可以来自定义它外观 1.改变按钮文字颜色 通过调用setActionTextColor方法即可改变按钮文字颜色 Snackbar sb = Snackbar.make(mOpenTv,...(); view.setBackgroundColor(Color.RED); 像这种红红给用户警告提示,是不是比Toast要来炫酷多了呢 ?

    6.3K11

    蓝图已经画好了?透过“Q”看未来Android手机发展

    本次开发者大会最引人关注,莫过于Q正式发布了,因为相比于所谓标杆”(然而并不是)Pixel手机本身,大版本更新似乎更能代表未来一年里手机发展风向标。 ?...折叠屏 折叠屏,相信就算不用看Q大家也都知道这就是未来手机发展方向,不过对于这种新鲜屏幕形态来说,如果没有软件生态进行适配,再稳固结构也是白搭(比如某全球抢先首发折叠屏)。 ? ?...再比如Q全新导航手势:屏幕两侧向内滑返回上一级,底部上滑返回桌面,底部上滑悬停打开多任务,这也是MIUI、EMUI、Flyme等一众国产定制UI已经使用很久导航手势,最近Funtouch OS和...在Q上,我们同样也找不到肉眼可见外观设计变化,加上流畅度已经不是主要矛盾,谷歌依旧将重心放在了功能性和安全性更新上。...Q重心似乎放在了构建和整顿软件生态上,无论是进一步开发AI,还是开始重视隐私保护,都体现了谷歌希望好好治理一下生态圈。

    89520

    腾讯文档 | 全平台系统设计

    背景 “操作系统对我们而言已不是最重要了,更重要是应用和服务。” ...[1] - 微软 CEO Satya Nadella 去年微软发布便携折叠屏设备 Surface Duo 首次搭载了来自 Google 系统,微软 CEO 也在随后采访中表示 Windows...系统已不是微软未来重心,他们更关心开发者如何为这些设备创造应用,无论这个平台是 Windows 还是。...官方推出全新 Office 套件移动版(+iOS)则是应用 Fluent Design 一次很好应用和推广。...近几年主流系统之间也有很多互相借鉴和融合,例如如今很多手机默认采用了苹果 home bar 取代三大金刚键,苹果 iOS 14 系统中桌面插件也被认为“逐渐化”。

    2.4K20

    构建赢得用户尊重移动用户体验

    (3)了解设计样式 同一个产品在iOS和用户体验应当保持一致性,但是导航样式又应当有区别。如果你把iOS样式运用在app中,你会闹出很多笑话,甚至把用户吓跑。...比如,你可能会注意到在大多数app中会有一个抽屉式菜单,相应iOS端则是一个在屏幕底部tab切换栏,如果设计师把这种tab切换方式用到app中,用户可能会有种美国人第一次在伦敦开车感觉(...TEDapp在iOS和混乱就是一个典型反面例子。...在手机上,你会看到SurpriseMe,Featured,All Talks以及My Talks贯穿整个屏幕顶部, 而在iphone上,这些完全一样菜单选项出现在屏幕底部tab切换栏。...看起来TED设计师似乎是把iOStab栏复制到了手机顶部,导致了这种神奇效果。与此同时,版本有一个筛选最新和最受欢迎功能,但在iOS版本中你只能看到一个隐藏在后面的向上和向下箭头。

    874100

    开发 | 小程序如何快速适配 iPhone X?

    但是,由于 iPhone X 「异型」屏幕,以及底部「小白条」存在,不少开发者都头疼应该如何适配这块略显奇怪屏幕。 在小程序上,我们应该如何快速适配 iPhone X 呢?...首当其冲,是商品详情和购物车按钮栏,会与 Home Indicator 横条(俗称「小白条」)重叠,这样在点击下方按钮时很容易误触发手势操作。 ?...目前,也没有看到小程序有对 iPhone X 等异形屏有特殊接口或字段。小程序本身底部 tab 栏对 iPhone X 适配,也只是简单加了一个白色栏,提高了原有 tab 栏位置。...因为这一点可以从我们购物车页面看出,购物车操作并非通过 position: fixed; bottom: 0; 实现,而是根据 windowHeight 减去自身高度,计算 top 值,从而模拟...在子页面中可以读取该值,举个商品详情栗子: ? ? ? 于是,一个简单适配 iPhone X 底部圆角方案就完成了。

    1.8K40
    领券