文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

Android Material Design系列之RecyclerView和CardView

RecyclerView、CardView为用于显示复杂视图的新增Widget。接下来看看如何使用吧。...RecyclerView RecyclerView介绍 RecyclerView作为替代ListView使用，它更先进，更灵活，RecyclerView标准化了ViewHolder，ListView中convertView...是复用的，在RecyclerView中，是把ViewHolder作为缓存的单位了，然后convertView作为ViewHolder的成员变量保持在ViewHolder中，也就是说，假设手机屏幕可显示10...注意的是：RecyclerView不提供ListView中的setOnItemClickListener方法，我们可以在ViewHolder中添加类似的点击事件。...LayoutManager：这个LayoutManager类决定视图被放在画面中哪个位置，但这只是它的众多职责之一。它可以管理滚动和循环利用。

2.9K80

安卓开发：玩转图片社交系统-仿探探卡片式滑动效果

于是，实现仿探探效果的想法再次出现在脑海中。那么，还犹豫什么，趁热来一发吧！就这么愉快地决定了。 首先面临的问题就是关于实现 View 上的考虑。毫无疑问， RecyclerView 是最佳选择！...现在，我们可以回过头来看看卡片滑动了。...在滑动的过程中我们可以重写 onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float...(viewHolder); } 现在我们加上动画后，来看看效果： 3.gif swipe效果图 发现还是有问题，第一层的卡片滑出去之后第二层的就莫名其妙地偏了。...所以我们应该在 clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) 方法中重置一下： @Override public

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

    玩转仿探探卡片式滑动效果

    于是，实现仿探探效果的想法再次出现在脑海中。那么，还犹豫什么，趁热来一发吧！就这么愉快地决定了。 首先面临的问题就是关于实现 View 上的考虑。毫无疑问， RecyclerView 是最佳选择！...现在，我们可以回过头来看看卡片滑动了。...在滑动的过程中我们可以重写 onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float...(viewHolder); } 现在我们加上动画后，来看看效果： swipe效果图 发现还是有问题，第一层的卡片滑出去之后第二层的就莫名其妙地偏了。...所以我们应该在 clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) 方法中重置一下： @Override public

    1.6K20

    Android Heroes Reading Notes 5

    (5)列表和卡片 RecyclerView和CardView是support-v7包中新添加的组件，使用它们需要引用依赖com.android.support:recyclerview-v7:x.y.z...现在Android 5.X提供了三种Transition类型： 进入和退出动画：两者又包括了explode(分解)、slide(滑动)和fade(淡出)三种效果； 使用方式：假设Activity从A跳转到...，包括了 changeBounds：改变目标视图的布局边界； changeClipBounds：裁剪目标视图的边界； changeTransform：改变目标视图的缩放比例和旋转角度； changeImageTransform...前者是指波纹被限制在控件的边界，后者指波纹不会限制在控件边界中，会呈圆形发放出去。...(9)Notification Android 5.x改进了通知栏，优化了Notification，现在共有三种类型的Notification： 基本Notification：最基本的通知，只有icon

    1.4K10

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

    在程序运行过程中，我们可以通过 Kotlin 的安全调用操作符 (?.) 来根据当前的设备配置确定呈现给用户哪一个视图。...至于导航图，日程的目的地页面现在是双窗格 Fragment，而每个窗格中可以展示的目的地都已经被迁移到新的导航图中了。...△ 平板横屏时的搜索应用栏 (窄模式) △ 平板竖屏时的搜索应用栏 (宽模式) 此前，我们通过在搜索 Fragment 的视图层次中的应用栏部分使用 标签，并提供两种不同版本的布局来实现此功能...在宽尺寸屏幕上，这些列表项会转换为一格一格的卡片，卡片上直接显示了详细的内容。 △ 左图: 窄屏幕显示 Codelabs。右图: 宽屏幕显示 Codelabs。...这些独立的网格卡片是定义在 res/layout-w840dp 下的 备用布局，数据绑定处理信息如何与视图绑定，以及卡片如何响应点击，所以除了不同样式下的差异之外，不需要实现太多内容。

    3K20

    Android5.0新特性-Material Design

    哈哈 速度那是必须的快~ Material主题 Material Design现在有三种默认的主题可以设置： @android:style/Theme.Material (dark version) @...RecyclerView 详见本人另一篇博客 RecyclerView完全解读 ---- 立体卡片CardView 详情请查看鄙人CradView的使用 ---- 视图和阴影 Material Design...影响视图阴影的因素 以往的Android View通常有2个属性——X和Y，而在Android5.X中，Google为其增加了一个新的属性 —Z，对应垂直方向上的高度变化。...在Android5.x中，View的Z值由 elevation + translationZ（这两个都是5.x引入的新特性）组成。...Z = elevation + translationZ 通过布局文件和Java代码设置视图的阴影 通过布局文件设置 在xml中设置View的视图高度 android:elevation="Xxdp"

    88920

    原生长列表内嵌 Flutter 卡片性能调研

    RecyclerView 会自动创建多个卡片并循环使用，在 Demo 中，每个卡片都是一个 FlutterCard 对象，其中包含一个独立 FlutterView 和 FlutterEngine，卡片的内容由...在上图 "#5 at 11" 的文本中，5 代表这个卡片的 ID，对应创建的 FlutterView/FlutterEngine 的序号，11 代表这个卡片在 RecyclerView 显示的位置，从这段文本我们可以很清楚地看到创建的...FlutterCard 卡片对象是不断被 RecyclerView 循环使用的； 长列表包含了 200 张卡片，在实际的运行中 RecyclerView 创建了约 9 个 FlutterCard 对象...Pixel，在现在来说算是性能比较差了，可以更好地反映实际的状况。...卡片空白帧数 在 Demo 的场景中，RecyclerView 在惯性滚动时，将新的卡片从不可见区域移进可见区域，触发了 TextureView 的绘制，而 TextureView 的 Surface

    1.9K20

    使用 Material Design 组件实现 Material 动效

    例如示例的一个列表展开成为了详情页、FAB 变形为工具栏，或 chip 扩展为了浮动的 卡片。...首先，确定两个共享元素的视图，并为每一个视图添加 过渡名称。第一个是单个邮件列表项的卡片，我们将使用 数据绑定，来确保每一个列表项都有唯一的过渡名称。...，这个组件可以设置一个静态的过渡名称，因为在视图层级中只有这一个视图。...现在我们已经标记了共享元素的视图，接下来就可以创建目的地 Fragment 的 sharedElementEnterTransition，并将其设置给一个 MaterialContainerTransform...在 Reply 应用中，我们可以使用以下代码延迟过渡，直到我们确定 RecyclerView 适配器已被填充，列表项已和过渡名称绑定: postponeEnterTransition() view.doOnPreDraw

    2.7K20

    有赞移动消息卡片动态化方案实践

    痛点 我们通常来讲把出现在消息会话页面内的内容称做消息卡片，目前消息业务常见的消息卡片有文字、富文本、语音、照片、视频、通知消息，除此之外还有订单详情、推荐商品、核对订单等共计30余种消息卡片。...对于消息卡片这种需要快速迭代、实时调整的业务，动态化具有非常重要的意义。主要优势体现在： 提高人效 缩短版本迭代试错周期 解决版本长尾问题 减少包大小等 整个消息的业务场景如下图所示： ?...消息卡片内容视图工厂类 ContentFactory 会根据消息类型注册对应的 ContentConfig 进行一个缓存 消息卡片配置类 ContentConfig 是根据消息类型从工厂类中获取的，返回当前消息卡片的宽高...（size）、消息体 message、当前渲染的消息卡片视图 消息模型 layout ，根据不同的消息类型生成，会保存当前的消息体以及消息卡片的宽高，为了提升性能，缓存在 TableAdapter 数据源操作类中.../ RecyclerView 的重用机制，拿 iOS 来举例，用 weex 的 url 和 TableView 的 identifier 做一个绑定，这样不必自己去维护 weex 卡片的重用和回收。

    1.5K20

    RecyclerView技术栈参考资料：

    左边的图是数据初始化后的示例，当向上滚动视图的时候，当条目不可见之后将被回收。右图中红色区域内的两条不可见条目，将被放到缓存队列中以便新的条目可见时进行复用。...那么现在，我们将再也不会出现上述症状，因为Google提供了一个更好，更灵活的控件——RecyclerView。 OK，从现在开始，让我们一步一步，开始了解它。...定制Item条目 - ListView只能实现垂直线性排列的列表视图，与之不同的是，RecyclerView可以通过设置RecyclerView.LayoutManager来定制不同风格的视图，比如水平滚动列表或者不规则的瀑布流列表...相反地，在RecyclerView中必须自定义实现RecyclerView.Adapter并为其提供数据集合。...那么现在对于这种新型的RecyclerView.Adapter，我们必须实现并使用它。

    2K10

    Android新组件RecyclerView介绍，其效率更好

    ：现在都不再用listview了，代替的是RecyclerView，确实是，但是用的毕竟是少数，所以可能很多人对于这个组件不是很了解，那么我们就来介绍一下吧！...简单来说就是：RecyclerView是一种新的视图组，目标是为任何基于适配器的视图提供相似的渲染方式。...list.remove(position); notifyItemRemoved(position); } } 第二点：LayoutManager 这个LayoutManager类决定视图被放在画面中哪个位置...3、RecyclerView优点和缺点 优点： RecyclerView本身它是不关心视图相关的问题的，由于ListView的紧耦合的问题，google的改进就是RecyclerView本身不参与任何视图相关的问题...缺点： 在RecyclerView中，没有一个onItemClickListener方法。所以目前在适配器中处理这样的事件比较好。如果想要从适配器上添加或移除条目，需要明确通知适配器。

    1.9K90

    Android Tangram模型：连淘宝、天猫都在用的UI框架模型你一定要懂

    4.1 高性能 在性能方面，希望 贴近Native开发，重点：页面渲染效率 & 组件回收复用 页面渲染：为了提升渲染效率，Tangram将在视图渲染之前把大量的计算工作在VM中完成，并缓存在VM...页面概念模型 一个页面实体由3部分组成：页面（Page）、卡片（Card） & 组件（Item） 具体如下图： ? 之间的关系：组件 构成 卡片、卡片 构成 页面。...下面主要讲解 三层结构中 的 卡片 & 组件。 b....组件 定义：最小单位的UI元素 日常使用的普通的View，如按钮、图片等等 作用：负责UI元素展示 & 业务逻辑 组成元素：视图模型（ViewModel） & 样式（Style） 视图模型：所有组件对有一个统一视图模型...具体使用 上述讲解的 只是Tangram概念模型基本架构 & 原理 在具体实现时 会根据 不同平台 采用 不同实现 方案： 对于Android：采用基于RecyclerView+自定义LayoutManager

    3K10

    RecyclerView实现混合布局

    我们可以看到，这个RecyclerView中有多种item显示出来，那么具体怎么实现呢，其实在RecyclerView中，我们可以重写方法getItemViewType()，这个方法会传进一个参数position...表示当前是第几个Item，然后我们可以通过position拿到当前的Item对象，然后判断这个item对象需要那种视图，返回一个int类型的视图标志，然后在onCreatViewHolder方法中给引入布局.../** * 加载视图 * */ @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup...RecyclerView.AdapterRecyclerView.ViewHolder> 　　a:getItemViewType返回type值 　　b:onCreateViewHolder加载不同的视图...(gridLayoutManager);  现在运行试试吧 总结： 1：使用RecyclerView必须要写的就是适配器要继承RecyclerView.AdapterRecyclerView.ViewHolder

    2.7K20

    Android Sdk版本、Support包版本及常用框架最新版本汇总

    及蓝牙支持 2 1.1 Petit Four(花式小蛋糕) 2009-02-09 邮件中保存附件 3 1.5 Cupcake(纸杯蛋糕) 2009-04-27 桌面小部件,录制视频,自动旋转，蓝牙配对，浏览器中复制及粘贴...这些库提供向后兼容版本的新功能、框架中未包含的实用 UI 元素，以及应用可以利用的一系列实用程序。...数据来源于官方网站 特别注意 Android 支持库的最新版本是28.0.0,这是最后一个google发布的支持库版本，现在google已将所有support包下的库都迁移至androidx包下面，...androidx.core:core: 1.3.1 各种兼容库 androidx.fragment.app: 1.2.0 fragment支持库 androidx.cardview:cardview: 1.0.0 卡片式视图...:recyclerview: 1.1.0 强大的列表视图 androidx.room:room-runtime: 2.2.5 数据库ORM框架 androidx.swiperefreshlayout:swiperefreshlayout

    3.7K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券