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

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

CardView(这里用于作为recycleview的子项,用于显示水果) 1.1 实际上,CardView也是一个FrameLayout,只是额外提供了圆角和阴影等效果,看上去会有立体的感觉...; 为RecycleView的子项制定一个自定义布局(架构如下): CardView...> 接下来需要为RecyclerView准备一个适配器, 适配器中除了RecycleView的设计逻辑之外,这里需要注意的是, 在onBindViewHoIder...> 这里使用了CardView来作为子项的最外层布局,从而使得RecyclerView中的每个元素都是在卡片当中的。...CardView由于是一个FrameLayout,因此它没有什么方便的定位方式,这里只好在CardView中再嵌套一个LinearLayout,然后在LinearLayout中放置具体的内容。

2.1K10

CardView的那点事儿

↳ android.widget.FrameLayout ↳ android.support.v7.widget.CardView ---- 从官方的文档中我们可以看出: CardView:有圆角的背景和阴影的...CardView 在 Android 5.0(API 级别 21)及更高版本中使用真实高度与动态阴影,而在早期的 Android 版本中则返回编程阴影实现。...如需了解详细信息,请参阅保持兼容性 使用以下属性定制 CardView 的外观: 如果要在布局中设置圆角半径,请使用 card_view:cardCornerRadius 属性。...如果要在代码中设置圆角半径,请使用 CardView.setRadius 方法。 如果要设置卡片的背景颜色,请使用 card_view:cardBackgroundColor 属性。....+' } 布局文件中编写CardView 注意事项: 如果使用 card_view:cardCornerRadius 或者 card_view:cardBackgroundColor,布局文件根布局中需要添加

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

    recycleview的优化_recyclerview原理

    保存至AttachedScrap中,作用在LayoutManager中,它仅仅把需要从ViewGroup中移除的子view设置它的父view为null,从而实现了从RecyclerView中移除操作detachView...需要新插入的view从cacheView/Pool中找,没找到则createViewHolder。而从ViewGroup中移除的子view会放到Pool缓存池中,如下图中的itemView b。...会先滑动的itemView保存到CacheView中,CacheView大小默认是2,如果超过了最大容量,则按FIFO,将队列头部的itemView出队,保存至缓存池RecyclerViewPool中,...RecyclerView (以及其他基于adapter的view,比如ListView、GridView等)使用了缓存机制重用子 view(即系统只将屏幕可见范围之内的元素保存在内存中,在滚动的时候不断的重用这些内存中已经存在的...在 25.1 版本中,预取操作被分为单独的创建/绑定操作,比对整组条目操作更容易被纳入 UI 线程的空隙中。

    4.3K21

    Vue.js 中的片段

    通常人们倾向于编写可访问的代码。 解决方案:片段 这个概念是 React 团队发布版本 16 时提出的。这是针对开发人员行为造成的可访问性差距的解决方案。...该团队找到了一种创建 HTML 标记的方法,该方法不会被 DOM 读取为节点,并将其称为片段。.../ > 片段是不可见的包装器标签,不影响 DOM 的节点结构,从而实现了可访问性。...Vue 中的 片段 Vue团队尚未完成正式的片段功能,但是 Vue 社区成员 Julien Barbay 构建了一个很棒的插件。 这个插件就像包装器一样。...Vue div 总结 在本文中,你学习了如何在 Vue 中使用片段,并了解了为什么在写代码时要考虑可访问性是非常重要的。 Vue 团队已承诺在即将发布的 Vue v3 中引入片段功能。

    2.7K20

    RecycleView之GridLayoutManager的ItemDecoration

    最近项目中,有需求去写一个九宫格的菜单,因为之前有用RecycleView,知道去设置不同的setLayoutManager,就会呈现出不同的列表样式。...列表样式出来,但是还要加分隔线啊,到这里,就需要去重写RecyclerView.ItemDecoration,可以定制各种各样的分割线。 下面是我们需求需要的分割线: ?...上面就是我们需要的分割线,我们需求需要的是第二种,list.size()%column!=0时,bottomline占满屏幕宽度。这里我顺便把不占满屏幕的bottomline也画出来了。...,这里的宽度需要和getItemOffsets()方法中的 //left、top、right、bottom值的关系处理好,否则显示的效果会不理想 paint.setStrokeWidth...(Px2DpUtil.dp2px(mContext, 0.5f)); //获得RecyclerView中总条目数量 int childCount = parent.getChildCount

    3.2K70

    JavaScript中实用的8个代码片段

    检查是否为2的幂数 这个很简单明了,巧妙运用了与(&)运算符。 const isNumberPowerOfTwo = number => !!...创建一级对象的键值对数组 本例子只是针对一级对象创建数组,这个数组是二维的,其存储转换后对象的键值对。...返回数字数组中的最大值 下面我们定义了一个函数,参数一是要传递的数字数组,参数二是要返回的数组长度。当然,对于返回数字数组中的最小值的思路也是一样。...判断数组中的元素是否相同 我们的思路是:将数组中第二个开始的元素逐个与第一个元素相比较,使用===符号比较噢。...注意:上面的代码并非严谨的,没有考虑到边界值等小问题,感兴趣者可自行扩展,封装成util方法,毕竟在实际开发中使用还是可以的~

    39530

    JavaScript中实用的8个代码片段

    数阶乘 计算数据的阶乘,使用箭头函数和三元运算符。 const factorialOfNumber = number => number < 0 ?...检查是否为2的幂数 这个很简单明了,巧妙运用了与(&)运算符。 const isNumberPowerOfTwo = number => !!...创建一级对象的键值对数组 本例子只是针对一级对象创建数组,这个数组是二维的,其存储转换后对象的键值对。...返回数字数组中的最大值 下面我们定义了一个函数,参数一是要传递的数字数组,参数二是要返回的数组长度。当然,对于返回数字数组中的最小值的思路也是一样。...判断数组中的元素是否相同 我们的思路是:将数组中第二个开始的元素逐个与第一个元素相比较,使用===符号比较噢。

    78910

    哲思片段 | 设计中的变与不变

    无论它在内存中存储的状态如何变化,该实例的对象标识依旧是保持不变的。显然,变与不变是相对的。 切换到DDD的命题中,所谓“实体”就是那种具有唯一的可识别可跟踪ID的对象。...不可变的对象能够更好地维护,因为你不用操心它的值变化,也无需追踪变化的轨迹。不变性天生支持并发。这就衍生出面向对象设计中的Immutable模式。...例如Java和C#中的String类型,皆为Immutable模式的实现。 可若放在函数式编程中,这种模式就显得有些可笑了。尤其在纯函数式编程的世界里,任何东西都应该是不变的。...例如,在Haskell中,对List的任何操作,即使调用++对List进行合并,返回的都是全新的List对象,原有对象不会有任何变化。...这个Identity表达了单一、恒等的概念,例如Int类型中加减法运算半群(SemiGroup)中的Zero,就是一个Identity,因为半群中的任何元素a与Zero结合,依然是元素a本身。

    1.3K70
    领券