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

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

然后在app/build.gradle文件中声明RecyclerView、CardView这几个控件对应的库的依赖: compile 'com.android.support:recyclerview-v7...> 这里使用了CardView来作为子项的最外层布局,从而使得RecyclerView中的每个元素都是在卡片当中的。...CardView由于是一个FrameLayout,因此它没有什么方便的定位方式,这里只好在CardView中再嵌套一个LinearLayout,然后在LinearLayout中放置具体的内容。...这样RecyclerView的适配器便准备好了,最后修改MainActivity中的代码: ? ? ?...又会根据当前滚动的距离情况,做出消失或者重新出现的反应; 这其实也是MaterialDesign中的一项重要设计思想,因为当用户在向上滚动RecyclerView的时候,其注意力肯定是在RecyclerView

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

    RecyclerView | 处理 RecyclerView 中的点击事件

    本文是介绍 RecyclerView 入门 系列文章 的第三篇。如果您已经对创建 RecyclerView 有了一定的认识,请继续阅读本文。如果尚未熟悉,建议您首先阅读本系列中的 第一篇文章。...相关的响应事件虽然数不胜数,但是它们均需要通过 onClick() 来实现。 定义点击动作 在创建监听器之前,在 Activity 类中添加一个函数用于处理点击之后的响应操作。 (FlowerDiffCallback()) 在 Activity 类中,在初始化 Adapter 的时候传入刚刚创建的点击事件函数。...(itemView) 在初始化的代码中,调用 itemView 的 setOnClickListener{}。...现在您的 RecyclerView 可以响应点击事件了。 编程快乐! 下一步 请查阅包含 onClick() 的 完整示例。 感谢您阅读 RecyclerView 系列 文章的第三篇。

    2.2K10

    给 RecyclerView 加上折叠的效果

    RecyclerView 有很高的自由度,可以说只有想不到没有做不到,真是越用越喜欢。这次用超简单的方法,让 RecyclerView 带上折叠的效果。 效果是这样的。...image.png 总结一下这个列表的特点,就是以下三点: 重叠效果; 层次感; 首项的差动。 下面我们来一个个解决。...重叠效果 其实就是每一项都搭一部分在它前面那项而已。我们知道,RecyclerView 可以通过设置 ItemDecoration 来实现列表的间隔效果,有没有想过要是把间隔设为负数会怎么样?...state); outRect.bottom = -dp2px(context, 10); } }); 复制代码 没错,这就实现了我们的重叠效果...当然,我们要用 Material Design 的控件才有这个属性,这里我用的是 CardView。

    1.5K10

    性能优化之布局优化记录

    的onMeasure()两次),推荐阅读:LinearLayout与RelativeLayout的性能比较 尽量不要嵌套使用RelativeLayout....RecyclerView及ViewPager等外部容器最好不要使用背景色,如果内容有背景色会导致重叠 selector可使用系统自带的点击效果android:background="?.../colorAccent 注:Navigation的background会影响4.4系统的状态栏 CardView会自动加一层背景色 ripple里的默认颜色为标签下设置,...布局优化标签 1、:常用于将布局中的公共部分提取出来供其他layout共用,以实现布局模块化,这在布局编写方便提供了大大的便利。...比较直观的感觉是:在设置里打开显示布局边界后,如果不是使用标签,GONE掉后,加载中的布局还是会有颜色显示,而使用了此标签后颜色会消失。

    43620

    Android5.0和6.0之后新增的控件说明

    5.0 瀑布流网格布局管理器 StaggeredGridLayoutManager Android 5.0 cardview-v7 卡片视图 CardView Android 5.0 palette-v7...这个与系统版本有关,每个版本的android.jar是固定的,有在该内核中定义的控件才能正常调用,没在内核中定义的控件在运行时会扔出类找不到的异常。...3、第三类是v7兼容库和design库,它们有各自的库工程,开发者要在App工程中手工导入用到的兼容库。 v7与design库导入App工程后,编译出来的App即可兼容4.*的系统。...使用v7与design库的控件,类似于使用自定义控件,不但要在布局文件中引用完整路径的控件名称,还要在根布局声明命名空间(即添加属性xmlns:app="http://schemas.android.com...Android5.0和6.0之后补充了这么多新控件,自然有部分老控件变过时了,下面就列举部分新旧控件的替代关系: Toolbar:替代ActionBar RecyclerView:替代ListView和

    1.3K20

    Material Design 实战 之 第六弹 —— 可折叠式标题栏(CollapsingToolbarLayout) & 系统差异型的功能实现(充分利用系统状态栏空间)

    其中, android:theme指定了ThemeOverlay.AppCompat.Dark.ActionBar主题,之前(第四弹)在activitymain.xml中给Toolbar指定的也是这个主题...由于CoordinatorLayout本身已经可以响应滚动事件了, 因此我们在它的内部就需要使用NestedScrollView或RecyclerView这样可以响应滚动事件的布局。...另外,通过 app:layout_behavior属性指定一个布局行为,这和之前 第四弹 在RecyclerView中的用法是一模一样的。...其中, CardView的marginTop加了35dp的边距,这是为下面要编写的东西留出空间。 至此水果标题栏和水果内容详情的界面便编写完了。...actionBar = getSupportActionBar(); if(actionBar !

    2.3K40

    「图像处理」U-Net中的重叠-切片

    1 Overlap-tile在U-Net中的使用 先来对Overlap-tile策略的原理及其在U-Net中的使用做个介绍,让大家对其有个初步印象和基本理解。...我们来看看U-Net中的Overlap-tile是怎么做的。 做法其实很简单,就是在输入网络前对图像进行padding,使得最终的输出尺寸与原图一致。...(按序切片 i) 注意,各切片之间的间隔是可以小于切片边长的,这就代表各切片可能存在重叠部分。...预测结果的重组与切片重组成图像的原理类似,这里就切片重组进行源码解析。 (切片重组 i) 在上一节提到,切片之间可能存在重叠部分,而重叠部分的像素值,我们通常取平均值。...但是,在炼丹的世界里,实际效果如何还得“炼一炼”才知道,感兴趣的炼丹师可以在训练中尝试下这种策略。

    2.1K00

    使用优化 | RecyclerView中可优化的点

    在刷新的时候调用对应的刷新 api 即可看到动画 强制实现 ViewHolder RecyclerView 的源码是非常解耦的,且性能非常好 2,RecyclerView 中重要的组件 RecyclerView...5,RecyclerView 的缓存机制 RecyclerView 中缓存的其实是 ViewHolder。...6,RecyclerView 中 item 广告的统计 在 ListView 中通过 getView() 方法进行统计是没有问题的。每次滑动的时候都会调用 getView() 方法。...多个 RecyclerView 共用 RecycledViewPoll 注意这个 RecycledViewPool 不是 四级缓存中的 RecyclerViewPool RecyclerView...,根据计算出的差异输出一段操作,把第一个 list 变成第二个list 局部更新方法:notifyItemXXX() 不适用于所有情况 有可能你不确定你要更新的 item 是哪个了,那么只能通过 notifyDataSetChange

    1.5K30

    使用优化 | RecyclerView中可优化的点

    在刷新的时候调用对应的刷新 api 即可看到动画 强制实现 ViewHolder RecyclerView 的源码是非常解耦的,且性能非常好 2,RecyclerView 中重要的组件 RecyclerView...5,RecyclerView 的缓存机制 RecyclerView 中缓存的其实是 ViewHolder。...6,RecyclerView 中 item 广告的统计 在 ListView 中通过 getView() 方法进行统计是没有问题的。每次滑动的时候都会调用 getView() 方法。...多个 RecyclerView 共用 RecycledViewPoll 注意这个 RecycledViewPool 不是 四级缓存中的 RecyclerViewPool RecyclerView 会默认给自己创建一个...,根据计算出的差异输出一段操作,把第一个 list 变成第二个list 局部更新方法:notifyItemXXX() 不适用于所有情况 有可能你不确定你要更新的 item 是哪个了,那么只能通过 notifyDataSetChange

    1.4K20

    EditText在RecyclerView中的解决方案

    有时候,一个列表中的Item会有EditText的出现,而由于View复用机制,如果不好好处理EditText,将会出现一些问题。...其实有些问题的出现,还是由于没有理解RecyclerView的复用机制和EditText,主要原因还是菜,哈哈。...菜是原罪 EditText在RecyclerView中的问题 例子是这样的,每个Item包含一个title、一张图片以及一个评分,这个评分就是通过输入框来输入的。...先看下效果如下: 这里,每张图片输入图片title对应的分数,可以看到,由于未绑定数据和RecyclerView的复用机制的存在,在一些图片中还没输入分数,就已经出现分数了。...首先我是试了一个,removeTextWatcher的方法,那就是在Adapter的detachViewHolderFromWindow方法中移除TextWatcher,如下: class PicAdapter

    2.8K20

    CardView的那点事儿

    ↳ android.widget.FrameLayout ↳ android.support.v7.widget.CardView ---- 从官方的文档中我们可以看出: CardView:有圆角的背景和阴影的...CardView 在 Android 5.0(API 级别 21)及更高版本中使用真实高度与动态阴影,而在早期的 Android 版本中则返回编程阴影实现。...如需了解详细信息,请参阅保持兼容性 使用以下属性定制 CardView 的外观: 如果要在布局中设置圆角半径,请使用 card_view:cardCornerRadius 属性。...card_view:cardPreventConrerOverlap 在V20和之前的版本中添加内边距,这个属性为了防止内容和边角的重叠 一般来说和RecyclerView搭配起来使用效果更加~ --...-- 如何使用 添加依赖项 RecyclerView 与 CardView 小组件为 v7 支持内容库的一部分 将这些 Gradle 依赖项添加至您的应用模块 dependencies { ..

    1K20
    领券