相关文章推荐
飘逸的蚂蚁  ·  【C++编程问题】debug ...·  4 月前    · 
打篮球的汽水  ·  必知必会：Mysql查询数据 - ...·  1 年前    · 
腼腆的匕首  ·  ORACLE疑难点 - 知乎·  1 年前    · 
痴情的脆皮肠  ·  linux解压zip并重命名_linux ...·  1 年前    · 
小眼睛的西装  ·  使用dbeaver连接OceanBase数据 ...·  1 年前    · 
Code  ›  BottomNavigationView和AppBar使用recyclerview覆盖片段 -
android开发 toolbar 页面布局 recyclerview
https://cloud.tencent.com/developer/information/BottomNavigationView%E5%92%8CAppBar%E4%BD%BF%E7%94%A8recyclerview%E8%A6%86%E7%9B%9
逆袭的沙滩裤
1 年前
备案 控制台
学习
实践
活动
专区
工具
TVP
文章/答案/技术大牛
写文章

Material Design 在 Android 中的应用

(image-3f86ab-1513646879600)] 2、 BottomNavigationView 主题构建好了，下面就是主要内容架构，我大致分为四个模块:武器简介、人物简介、配件简介 和 空头简介。 setOnNavigationItemSelectedListener {} 3、DrawerLayout、NavigationView 和 BottomNavigationView 相对的，不得不介绍一下 Toolbar作为早期Android中ActionBar的替代品，定制性 和 操作性挺高了不少。 使用 的时候需要设置NoActionBar的主题。 项目中列表肯定是少不了的，那么这就不得不提 RecyclerView 了，强大之处不用多说，感兴趣的话看一下我之前写的博客，对其 使用 有个简单的介绍：简单粗暴 RecyclerView 那如果想实现侧滑删除 和 长按拖拽的功能怎么办呢 onItemDismiss(viewHolder.adapterPosition) 和 RecyclerView 建立连接 val mItemTouchHelper

337 2 0

实践 | Google IO 应用是如何适配大尺寸屏幕 UI 的？

应用在大尺寸屏幕 (平板、可折叠设备甚至是 Chrome OS 和 台式个人电脑) 上的 使用 体验是我们的关注点之一: 在过去的一年中，大尺寸屏幕的设备越来越受欢迎，用户 使用 率也越来越高，如今已增长到 2.5 其中在 res/layout 目录下的布局中包含了 BottomNavigationView ，而在 res/layout-w720dp 目录下的布局中则包含了 NavigationRailView。 我们分别为会议列表 和 详情窗格分配了 400dp 和 600dp 的宽度。 <com.google.android.material. appbar .AppBarLayout android:id="@+id/ appbar " android:layout_width="match_parent binding. appbar .doOnNextLayout { appbar -> if ( appbar .width >= WIDE_TOOLBAR_THRESHOLD) { binding.activeFiltersWideStub.viewStub

153 2 0
  • 广告
    关闭

    上云精选

    2核2G云服务器 每月9.33元起，个人开发者专属3年机 低至2.3折

    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    RecyclerView 多布局写法，“我的”、“个人中心” 页面经典写法演示

    效果： 多布局的 使用 场景还是蛮多的，比如“首页”、“我的”等页面，早期的时候大家一般都是拼起来的，后来开始自定义ListView（支付宝现在的首页还是ListView），再到后来的 RecyclerView 其实多布局都是一个套路，根据类型去引入layout，本文以 RecyclerView 为例，以BaseRecyclerViewAdapterHelper为辅演示多布局的写法。 的item也选中， BottomNavigationView 的item选中的时候让ViewPager切换page 3.Fragment（“我的”页面） 布局，SwipeRefreshLayout（下拉刷新 multipleItem = new MultipleItem(MultipleItem.TYPE_TOOLS, 1); multipleItem.mString1 = " 使用 帮助 在构造里面addItemType绑定type 和 layout的关系 public class MultipleItemQuickAdapter extends BaseMultiItemQuickAdapter

    262 3 0

    CoordinatorLayout 使用 全解析

    NestedScrollView 在新版的support-v4兼容包里面有一个NestedScrollView控件，这个控件其实 和 普通的ScrollView并没有多大的区别，这个控件其实是Meterial 在NestedScrollView的名字中其实就可以看出他的作用了，Nested是嵌套的意思，而ToolBar基本需要嵌套 使用 。 Meterial Design引入了Z轴的概念，就是所有的view都有了高度，他们一层一层贴在手机屏幕上，而FloatingActionButton的Z轴高度最高，它贴在所有view的最上面，没有view能 覆盖 它 support library包含了一个特殊的字符串资源@string/ appbar _scrolling_view_behavior，它 和 AppBarLayout.ScrollingViewBehavior 可以 使用 的其他flag有： enterAlways: 一旦向上滚动这个view就可见。

    585 2 0

    用 CoordinatorLayout 处理滚动

    Floating Action Button 和 Snackbar CoordinatorLayout 可以通过 使用 layout_anchor 和 layout_gravity 属性来创建悬浮效果。 statusBarColor">@android:color/transparent</item> </style> 通过像上面那样启用系统栏的半透明效果，你的布局会将内容填充到系统栏后面，因此你还必须在那些不想被系统栏 覆盖 的布局上 使用 另外一种为 API 19 添加内边距来避免系统栏 覆盖 view 的方案可以在这里查看。 确保在 CoordinatorLayout 的直接子 view 上 使用 了 app:layout_behavior="@string/ appbar _scrolling_view_behavior" 属性。 第三方滚动 和 视差效果库 除了 使用 上述的 CoordinatorLayout，还可以查看这些流行的第三方库来实现 ScrollView， ListView， ViewPager 和 RecyclerView

    3.4K 9 2

    【翻译】MotionLayout实现折叠工具栏（Part 1）

    本文特点：没有 Kotlin/Java 代码，讲解部分全为 XML 代码，阅读时间短，获取技能： MotionLayout 的入门 和 使用 ！ 元素 OnSwipe 把过渡动画 和 用户在 RecyclerView 上的拖拽操作绑定到了一起，也就是之前我们查看到的主布局中的列表。 在展开 和 折叠状态下， RecyclerView 列表的上边缘是处于不同位置的，因为它被约束到了 ID 为 toolbar_image 的 ImageView 图片下边缘，而这个过渡动画的实现正是由于控制着这个位置变量的值 中的任何一个属性，也可以是 View 中的任何一个属性，但即使像 ImageView 这类作为 View 的子类控件，我们仍然需要 使用 一个 CustomAttribute 符号，这里实际上 和 ObjectAnimator 这事实上效果已经非常接近，但是仔细看你会发现这里与刚开始我们 使用 的 CoordinatorLayout 方式有一个细微的区别：在 CoordinatorLayout 布局下图片的褪色渐变动画 和 MotionLayout

    984 3 1

    Material Design 实战 之第四弹 —— 卡片布局

    实际上，CardView也是一个FrameLayout，只是额外提供了圆角 和 阴影等效果，看上去会有立体的感觉。 另外，为了让界面上的数据多一些，这里 使用 了一个循环，随机挑选50个水果。 之后是 RecyclerView 的逻辑，这里 使用 GridLayoutManager布局方式。 AppBarLayout 首先 RecyclerView 会把Toolbar给遮挡住的原因： 由于 RecyclerView 和 Toolbar都是放置在CoordinatorLayout中的， 而前面已经说过 解决方法： 传统情况下， 使用 偏移是唯一的解决办法， 即让 RecyclerView 向下偏移一个Toolbar的高度，从而保证不会遮挡到Toolbar。 接下来 使用 AppBarLayout两步解决前面的 覆盖 问题： 第一步将Toolbar嵌套到AppBarLayout中， 第二步给 RecyclerView 指定一个布局行为(app:layout_behavior

    827 1 0

    Android开发笔记（一百三十五）应用栏布局AppBarLayout

    节点包裹Toobar； 5、Toobar节点添加滚动属性app:layout_scrollFlags="scroll|enterAlways"，声明工具栏的滚动行为标志； 6、演示页面的主体页面 使用 RecyclerView 控件，并给该控件节点添加行为属性app:layout_behavior="@string/ appbar _scrolling_view_behavior"，表示通知AppBarLayout捕捉 RecyclerView RecyclerView 是其中一个特工，它可用来替代ListView 和 GridView；替代ScrollView的则另有其人，它便是嵌套滚动视图NestedScrollView，在Android5.0之后的 所以，搜遍Android的SDK源码，总共也只有三个控件符合这个条件，它们是 RecyclerView 、NestedScrollView，以及SwipeRefreshLayout，在布局文件中 使用 的名称如下所示 RecyclerView : 使用 名称android.support.v7.widget. RecyclerView NestedScrollView : 使用 名称android.support.v4

    703 3 0

    CoordinatorLayout打造折叠式的顶部标题栏

    AppBarLayout下方与之并列的滑动控件有比如 RecyclerView ，NestedScrollView（与AppBarLayout同属于CoordinatorLayout的子View）,这些并列的 作用View随着被依赖View状态的变化而变化，有点类似于观察模式中的观察者 和 被观察者。 该类可以自定义封装，我们一般需求 使用 Google提供的app:layout_behavior="@string/ appbar _scrolling_view_behavior"就够用了 CollapsingToolbarLayout ：是一个专门用来包裹Toolbar的控件，里面可以放置一个头部ImageView 和 一个toolbar。 以下是XML布局代码，注意根布局控件是CoordinatorLayout ， RecyclerView 一定要填充数据且充满否则无效果。

    1.6K 3 0

    一个Demo学会用Android兼容包新控件

    和 RecyclerView 结合实现下拉刷新，以及 RecyclerView 的数据适配器 RecyclerView .Adapter的用法，还有 RecyclerView 中item的点击事件的实现方法； 卡片式CardView AppBarLayout跟它的名字一样，把容器类的组件全部作为 AppBar 。 需要注意的是，后面两种模式基本只有在CollapsingToolbarLayout才有用， 而前面两种模式基本是需要一起 使用 的，也就是说，这些flag的 使用 场景，基本已经固定了。 Tabs选项卡， 和 ViewPager搭配 使用 可以增大界面的内容展示量，实现各种个性化分类内容展示而不互相干扰！ 使用 RecyclerView 需要在build.gradle中添加 compile 'com.android.support: recyclerview -v7

    568 4 0

    给Android开发者Flutter上手指南

    在Flutter中，有几种方法可以实现相同的结果 您可以通过 使用 Column、Row 和 Stack的组合来实现RelativeLayout的效果。 子widgets可以完全或者部分 覆盖 基础widgets。 Stack控件将其子项相对于其框的边缘定位。如果您只想重叠多个子窗口小部件，这个类很有用。 Stack 覆盖 容器 (显示其“Text”在半透明的黑色背景上) 在’CircleAvatar之上. Stack偏移文本 使用 alignment属性 和 Alignment`定位。 如何设置布局样式？ 在 iOS 中，通常用 UITableView 或 UICollectionView 来展示一个列表； 在 Android 中，通常用 ListView 或 RecyclerView 来展示一个列表

    285 2 0

    Android MVVM框架搭建（四） RecyclerVIew + ViewPager2 + BaseQuickAdapter

    Android MVVM框架搭建（四） RecyclerVIew + ViewPager2 + BaseQuickAdapter 一、图片列表数据 二、新增访问地址 和 接口 三、访问接口 四、 RecyclerView ，而现在绝大多数开发者都 使用 RecyclerVIew 了，优势就不说了，都已经用了这么多年了，那么 RecyclerView 在MVVM中要怎么 使用 呢？   在上一篇文章中，我讲述了怎么 使用 Room 和 MMKV去管理本地数据，本文将是不一样的介绍方式，因为会 和 页面打交道比较多，所以会比上一篇更有意思，起码我是这么觉得的。 这个图片展示的效果就很不错，现在我们已经掌握了怎么在MVVM中 使用 RecyclerView 。 BaseQuickAdapter 使用 这是一个第三方开源框架，非常的强大，GitHub地址如下：BaseRecyclerViewAdapterHelper 最新的版本中是支持androidx 和 DataBinding

    603 2 0

    Android MVVM框架搭建（四） RecyclerVIew + ViewPager2 + BaseQuickAdapter

    Android MVVM框架搭建（四） RecyclerVIew + ViewPager2 + BaseQuickAdapter 一、图片列表数据 二、新增访问地址 和 接口 三、访问接口 四、 RecyclerView ，而现在绝大多数开发者都 使用 RecyclerVIew 了，优势就不说了，都已经用了这么多年了，那么 RecyclerView 在MVVM中要怎么 使用 呢？   在上一篇文章中，我讲述了怎么 使用 Room 和 MMKV去管理本地数据，本文将是不一样的介绍方式，因为会 和 页面打交道比较多，所以会比上一篇更有意思，起码我是这么觉得的。 这个图片展示的效果就很不错，现在我们已经掌握了怎么在MVVM中 使用 RecyclerView 。 和 DataBinding的，因此很方便我们 使用 它。

    930 1 0
     
    推荐文章
    飘逸的蚂蚁  ·  【C++编程问题】debug assertion failed expression:filename != nullptr_c++ debug assertion failed-CSDN博客
    4 月前
    打篮球的汽水  ·  必知必会：Mysql查询数据 - 腾讯云开发者社区-腾讯云
    1 年前
    腼腆的匕首  ·  ORACLE疑难点 - 知乎
    1 年前
    痴情的脆皮肠  ·  linux解压zip并重命名_linux 解压并重命名_linux zip 解压重命名 - 腾讯云开发者社区 - 腾讯云
    1 年前
    小眼睛的西装  ·  使用dbeaver连接OceanBase数据库中的Oracle数据库模式 - 墨天轮
    1 年前
    今天看啥   ·   Py中国   ·   codingpro   ·   藏经阁   ·   小百科   ·   link之家   ·   卧龙AI搜索
    删除内容请联系邮箱 2879853325@qq.com
    Code - 代码工具平台
    © 2024 ~ 沪ICP备11025650号