Toolbar、AppBarLayout、DrawableLayout、NavigationView、FloatingActionButton、TextInputLayout的简单实用

最新推荐文章于 2022-12-21 22:53:51 发布
原创 最新推荐文章于 2022-12-21 22:53:51 发布 · 262 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了如何在Android应用中使用Toolbar, CoordinatorLayout等组件，包括必要的依赖库添加，样式配置，以及FloatingActionButton, Snackbar等高级组件的使用技巧。通过实际案例展示了这些组件在界面设计中的应用效果。

Toolbar

不要忘了添加支持库com.android.support:design:28.0.0
在这里插入图片描述
在styles.xml中添加配置
在这里插入图片描述

AppBarLayout

在这里插入图片描述

DrawableLayout

在这里插入图片描述

NavigationView

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

效果图

在这里插入图片描述
在这里插入图片描述

TextInputLayout

导包
在这里插入图片描述
在这里插入图片描述

FloatingActionButton

在这里插入图片描述

Snackbar

在这里插入图片描述

第三方FloatingActionButton

在这里插入图片描述
在这里插入图片描述

效果图

在这里插入图片描述

CoordinatorLayout

使用了Coordinatorlayout作为父布局的Snackbar和FloatingActionButton
在这里插入图片描述
使用了CoordinatorLayout的第三方FloatingActionButton
在这里插入图片描述

『Android』Toolbar+DrawerLayout+NavigationView实现类似QQ侧边栏效果
一个专注于客户端开发的技术er，不定期更新Android，Flutter，HormonyOS等方向的使用心得和感悟
10-14 2989
ToolBar是Android 5.0推出的一个新的导航控件用于取代之前的ActionBar。虽然这样看上去好像和ActionBar外观上没什么两样，不过是我们还没用到Material Design中的特性，Toolbar的强大之处在于它可和其它控件联动实现强大的效果，之后再慢慢体验。这里其实学到了很多的新控件和新知识，例如Toolbar，然后复习了drawerLayout，学到了一个新的控件NavigationView以及一个处理图片成圆形格式的开源库circleimageview。
Toolbar（自定义标题栏），DrawerLayout 滑动菜单， NavigationView， FloatingActionButton 悬浮按钮和可交互提示， CoordinatorLayou
jzj_nd的博客
08-05 704
Toolbar（自定义标题栏），DrawerLayout 滑动菜单， NavigationView， FloatingActionButton 悬浮按钮和可交互提示， CoordinatorLayou
FloatingActionButton滚动隐藏的另一种实现方法：依赖appBarLayout
w_kahn的博客
02-16 4705
在上一篇文章中，我们介绍了一种实现FloatingActionButton随内容滚动隐藏的办法，原理是为FAB添加行为属性（behavior）,通过对内容的滚动监控来实现隐藏。但是这种办法有一个缺点就是，当item比较少的时候，少到屏幕就能显示所有内容，不会产生滚动，这样FAB就无法隐藏了，可能遮住最后一项要显示的内容。 本文我们将介绍另一种办法，让FAB随toolbar的隐藏而实现隐藏。
（三十七）FloatingActionButton、CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout 基本使用
孤独灬啸月
12-08 1529
版权声明：本文为博主原创文章，未经博主允许不得转载。 本文纯个人学习笔记，由于水平有限，难免有所出错，有发现的可以交流一下。 一、FloatingActionButton1.demo布局文件：<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="h
Android Design AppBarLayout、NavigationView、FloatingActionButton、CollapsingToolbarLayout等控件的使用
u011051627的博客
09-16 1390
霍霍，把剩下的几个控件给大家整出来了，我是菜鸟，这些内容有很多大神早已经整出来，为什么还要写这个博客呢，主要还是为了锻炼自己技术。在自己写博客的时候发现不小的问题，最大的问题就是界面丑陋。所以大家多结交结交两个设计人员吧。环境跟第一次搭建环境一样。先上图 下来分析界面，上面用了AppBarLayout。和toolbar，看过上一篇文章的都知道，这个是用的Design里面的TabLayou
CollapsingToolbarLayout / AppBarLayout / CoordinatorLayout / FloatingActionB
跳出舒适圈
08-10 429
FloatingActionButton：浮动操作按钮用于一种特殊类型的推广行动 CollapsingToolbarLayout：可展开可折叠Toolbar AppBarLayout：向上滚动隐藏指定的View CoordinatorLayout：协调子View
MaterialDesign：BottomAppBar,TopAppBar,Bottom Navigation,Button,FloatingActionButton
houqiu19的博客
11-08 748
BottomAppBar 按钮的item布局 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/title1" andro
ToolBar+DrawerLayout + NavigationView
07-14
在Android应用开发中，`ToolBar`、`DrawerLayout`和`NavigationView`是构建现代应用程序界面的三个关键组件。它们一起提供了功能丰富的头部导航区域和侧滑菜单，为用户提供了直观的交互体验。以下是对这三个组件的...
Android框架之路——NavigationView的使用（结合ToolBar）
等一杯咖啡的博客
04-19 3571
参考博客： Android框架之路——ToolBar的使用 Android5.0之NavigationView的使用 NavigationView简介： Android Design Support Library 给开发者带来了一些重要的 Material Design 组件，并且向下兼容到 Android 2.1， Navigation View 就是其中之一，可用于方便地创建导航抽屉。
NavigationView+Toolbar
09-11
在Android应用开发中，`NavigationView` 和 `Toolbar` 是两个重要的组件，它们常被用于构建具有专业外观和功能的用户界面。在这个特定的项目中，`NavigationView` 与 `Toolbar` 的结合使用创建了一个类似网易云音乐...
Android CoordinatorLayout进阶教程-CollapsingToolbarLayout+FloatingActionButton
aaaym的博客
12-21 513
CollapsingToolbarLayout 实现 Toolbar 的折叠效果， CollapsingToolbarLayout 通常被设计用于 AppBarLayout 的子布局，从而实现一些滚动特性的交互动画效果下面我先来看一个简单的示例我们来看一下这个示例的布局代码
SeniorUI30_AppBarLayout和CollapsingToolbarLayout详解
baopengjian的专栏
12-20 349
一 FloatingActionButton悬浮按钮 Floating Action Button，简称FAB，作为材料设计中（众多）独特的UI元素之一，用于特定场景中基本或有推动等作用的行为中。因为在指定屏幕中，会被频繁的访问（译者注：如点击，触摸等），所以，我认为正确处理FAB的每一个细节是件很重要的事情。 常见API： app:backgroundTint - 设置FAB的背景颜色。 ...
android 按钮的隐藏显示,FloatingActionButton滚动时的显示与隐藏小结
weixin_35143455的博客
05-26 556
FloatingActionButton的显示和隐藏其实很容易谷歌到，之所以写这篇文章是感觉这个知识点有点让人困惑，可以找到多种实现方式，而且兼容包里的FloatingActionButton还不断的变化。基本来说，如果是使用官方的FloatingActionButton，列表滚动时的显示与隐藏都是使用自定义FloatingActionButton.Behavior来实现的。NestedScrol...
Android AppBarLayout+CollapsingToolbarLayout+Toolbar+TabLayout
7758258博客
11-13 979
1.原先图 2.向上滑动 //导入 implementation 'com.android.support:design:28.0.3' 包 <?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="...
AppBarLayout各版本问题探究及解决
唯鹿的博客
09-11 7794
1.AppBarLayout嵌套滑动问题 前一阵将support库版本从25.4.0升级到了27.1.1后发现了这个问题。发现RecyclerView在滑动到底部后，会有近一秒的停滞，之后再去加载下一页数据。我们知道上拉加载实现方案基本都是监听滑动状态，当滑动停止时，再去加载下一页。代码基本如下： @Override public void onScrollStateChanged(Recyc...
Android M新控件之AppBarLayout，NavigationView，CoordinatorLayout，CollapsingToolbarLayout的使用
热门推荐
废墟的树的专栏
06-17 5万+
【转载请注明出处：http://blog.youkuaiyun.com/feiduclear_up/article/details/46514791 优快云 废墟的树】上一篇博客我们学习了Android Design Support Library库中的 是个简单的组件，不了解的童鞋可以参考之前的博客 Android M新控件之FloatingActionButton，TextInputLayout，Sna
CollapsingToolbarLayout+FloatingActionButton 打造精美详情界面
你若盛开，蜜蜂自来
07-25 1万+
博主声明： 转载请在开头附加本文链接及作者信息，并标记为转载。本文由博主威威喵原创，请多支持与指教。 本文首发于此 博主：威威喵|博客主页：https://blog.youkuaiyun.com/smile_running 感受 Material Design UI 魅力，你不能错过的Material Design 全系列文章： Material Design 之一 Bott...
CoordinatorLayout、FloatingActionButton实现上滑隐藏FloatingActionButton，下滑显示FloatingActionButton
蓝枫
03-15 4135
在上篇博客 CoordinatorLayout、AppBarLayout实现上滑隐藏图片，下滑显示图片的基础上，仿掘金app首界面，向上滑动隐藏FloatingActionButton，向下滑动显示FloatingActionButton的效果。layout_fab_button.xml<?xml version="1.0" encoding="utf-8"?> <android.support.d
Android快速实现侧滑菜单：Toolbar与DrawableLayout结合
NavigationView navigationView = findViewById(R.id.nav_view); navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() { @Override public boolean ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值