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

学会使用CardView,简单实现卡片式布局效果

一、CardView简介 CardView是Android 5.0系统引入的控件,相当于FragmentLayout布局控件然后添加圆角及阴影的效果。...这里有一点需要值得注意,之前学习到的控件属性都是android:开头的,而这里所列的属性是app:开头的,如果继续使用默认的会提示找不见对应属性,需要我们定义一个app命名空间,在布局文件中需要加入xmlns...继续使用WidgetSample工程的advancedviewsample模块,首先需要添加支持库,具体操作步骤同之前分享的揭开RecyclerView庐山真面目,这里不再重复分享。...三、CardView示例2 CardView被包装为一种布局,并且经常在ListView和RecyclerView的Item布局中,作为一种容器使用。...至此,CardView的学习到此告一段落,是不是发现使用起来也非常简单,更多用法建议自己去摸索。

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

    网页布局之flex布局的使用

    1.引言 Flex布局方案很早都提出来了,然后可以简便、完整、响应式地实现各种页面布局。随着浏览器的发展,目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。....2.网页布局方案 在网页设计过程中,水平垂直居中是很常用的,但是传统的方案使用起来分厂费劲,下面来看flex如何实现 * { margin: 0;...如此看来这样水平垂直居中是不是很方便的实现了, 3.什么是flex布局? 意为"弹性盒模型",用来为盒状模型提供最大的灵活性。Webkit 内核的浏览器,必须加上-webkit前缀。...子元素自动成为其成员, 容器默认存在两根轴:水平方向的主轴和垂直的交叉轴,项目默认沿主轴排列。...align-self 4.总结 css3中的flex布局是很方便布局的,虽然是个新东西,但是浏览器的发展,对其的支持也较好,建议在以后的设计中多去使用,一方面是潮流,另一方面,也是推动技术发展

    96650

    grid 布局的使用

    grid 布局的使用    css 网格布局,是一种二维布局系统。    浏览器支持情况:老旧浏览器不支持,    概念: 网格容器。...设置在网格容器上的属性     注:当元素设置了网格布局,column、float、clear、vertical-align属性无效     1. display: grid | inline-grid...属性值: track-size: 轨道大小,可以使用css长度,百分比或用分数。             line-name:网格线名字,可以选择任意名字。           ...display:grid;             grid-template-columns: 1fr 1fr 1fr;         }     3.grid-template-areas       通过获取网格项中的...重复网格区(grid-area)名称将跨越网格单元格,‘.’代表空网格单元。

    1.6K70

    Excel小技巧37:使用高级筛选快速获取不重复值

    很多时候我们都需要获取不重复值,也有很多方式可以获取不重复值,最方便的就是直接利用Excel内置的“高级筛选”功能。 如下图1所示,在列B中的一列数据,存在很多重复值,现在要获取不重复值。 ?...图2 在出现的“高级筛选”对话框中,选取“选择不重复的记录”前的复选框,如下图3所示。 ? 图3 单击“确定”后,结果如下图4所示。 ?...图5 我们注意到,在上图3所示的“高级筛选”对话框中,还有一个“将筛选结果复制到其他位置”的选项。...选取该选项后,可以将不重复数据复制到指定的单元格区域,如下图6所示,在“复制到”文本框中输入要复制到的单元格地址。 ?...图6 单击“确定”后,原数据区域中的不重复值将复制到以单元格D2开头的列中,如下图7所示。 ? 图7 小技巧:平时多使用Excel的一些内置功能,更熟悉它们的特性,有助于我们灵活使用它们来操作数据。

    1.7K30

    Material Design 实战 之第五弹 —— 下拉刷新(SwipeRefreshLayout)

    , 传入一个SwipeRefreshLayout.OnRefreshListener()并重写onRefresh()来处理具体的刷新逻辑; 3.4 刷新逻辑使用中可以使用如下多线程结构...run() 中获取到数据, 并adapter.notifyDataSetChanged()调用刷新数据; 最后调用swipeRefreshLayout的setRefreshing()并传入...而在这里的实战项目(MaterialTest)中,应该支持下拉刷新功能的控件是RecyclerView。 下面直接开始使用它。修改activity-main.xml: ? <?...另注意, 由于RecyclerView现在变成了Swipe-RefreshLayout的子控件, 因此之前使用app:layout_behavxor声明的布局行为现在也要移到SwipeRefreshLayout...,这里使用主题中的colorPrimary作为进度条的颜色。

    1.1K50

    弹性(Flex)布局的使用

    微信图片_20200117094033.jpg 最近我参与实施的两个项目中,一个页面交互复杂,而另一个相对传统,两个项目相比之下凸显出了页面布局样式的时间占比不可忽视,使用了弹性布局代码量精简了不少。...虽说如此,弹性布局往往会有些潜在的问题,且改动后,要立即查看页面也需要不少时间,因此我把项目中使用弹性布局过程中遇到的问题稍作整理,为大家以后使用时,可以有效规避这些麻烦。...使用场景 前端开发中,网页布局是很重要的一部分。...弹性布局最大的优点就是弹性,虽然使用百分比或者媒体查询也可以实现响应布局,但我认为以下几种情况下,flex布局是比较好的选择: 视口中的特定块按照比例进行缩放 一些以基准线对齐的布局 模块垂直居中,水平居中...解决方法: 列表外部使用div或其他盒子包裹,使用flex布局,每个子元素设置最小宽度或实际宽度,或者设width: 0。 ? 使用注意 弹性布局下每一个item默认是没有间隔的。

    2.1K10

    CardView 简介和使用

    CardView 简介 CardView 是 Google 官方发布 MD 风格卡片布局控件,开发者可以很方便的使用它将布局做成卡片效果。...实际使用中我们发现,即便一个APP内部的多个CardView也能有不同的表现,更不用说整个系统上的所有APP了,那这又是怎么做到的呢?...CardView 使用 添加依赖库 CardView 是随 MD 推出的补充库,并非 SDK 的内容,因此在使用 CardView 时,必须先引入依赖库: implementation '...com.android.support:cardview-v7:xx.x.x' 1 使用 CardView 布局 前面已经介绍了,CardView 继承自 FrameLayout,那么我们就可以直接在布局中...如果已有现成的布局,想再引入卡片效果,也只需要在已有布局最外层添加 CardView 即可。

    1.3K10

    Android之CardView

    文章目录 一、常用属性 二、属性效果展示 三、案例展示 具体代码: 1、一个最简单的示例: 2、复杂化 四、案例 1、布局搭建 2、实体类创建 3、功能实现 4、适配 ---- CardView...1、在AndroidManifest.xml添加使用cardview需要引入的依赖库 implementation 'androidx.cardview:cardview:1.0.0' 若不记得,File...Android技术使用慕课网学习Android技术使用慕课网学习Android技术使用慕课网学习Android技术" /> cardview.widget.CardView...convertView=mInflater.inflate(R.layout.item_msg,parent,false); viewHolder=new ViewHolder(); /** * 获取子布局中三个控件...="true" 效果图: 5.0以上添加前 添加后 5.0以下 cardview在5.0以上的效果是比较好的,在5.0以上的布局已经写好的情况下,期望5.0以下与5.0

    6.4K21

    Python中如何获取列表中重复元素的索引?

    一、前言 昨天分享了一个文章,Python中如何获取列表中重复元素的索引?,后来【瑜亮老师】看到文章之后,又提供了一个健壮性更强的代码出来,这里拿出来给大家分享下,一起学习交流。...= 1] 这个方法确实很不错的,比文中的那个方法要全面很多,文中的那个解法,只是针对问题,给了一个可行的方案,确实换个场景的话,健壮性确实没有那么好。 二、总结 大家好,我是皮皮。...这篇文章主要分享了Python中如何获取列表中重复元素的索引的问题,文中针对该问题给出了具体的解析和代码演示,帮助粉丝顺利解决了问题。...最后感谢粉丝【KKXL的螳螂】提问,感谢【瑜亮老师】给出的具体解析和代码演示。

    13.4K10

    CardView的那点事儿

    CardView 在 Android 5.0(API 级别 21)及更高版本中使用真实高度与动态阴影,而在早期的 Android 版本中则返回编程阴影实现。...如需了解详细信息,请参阅保持兼容性 使用以下属性定制 CardView 的外观: 如果要在布局中设置圆角半径,请使用 card_view:cardCornerRadius 属性。...如果要在代码中设置圆角半径,请使用 CardView.setRadius 方法。 如果要设置卡片的背景颜色,请使用 card_view:cardBackgroundColor 属性。...-- 如何使用 添加依赖项 RecyclerView 与 CardView 小组件为 v7 支持内容库的一部分 将这些 Gradle 依赖项添加至您的应用模块 dependencies { ......+' } 布局文件中编写CardView 注意事项: 如果使用 card_view:cardCornerRadius 或者 card_view:cardBackgroundColor,布局文件根布局中需要添加

    1K20

    Android之ListView,AsyncTask,GridView,CardView,本地数据存储,SQLite数据库

    标题图 补充 补充上一节,使用ListView是用来显示列表项的,使用ListView需要两个xml文件,一个是列表布局,一个是单个列表项的布局。...:后台执行和耗时的操作都在这里。 onPostExecute(Result):此方法在主线程中执行。 onProgressUpdate(Progress):使用此方法显示任务执行的进度。...GridView 使用GridView可以实现九宫格效果,是和ListView一样比较常用的多控件布局。...CardView也是一种布局,像卡片一样,有点像公号推文一样,具有阴影效果和圆角,这种常用新闻视频之类控件,是Android5.0新增,使用时需要导入com.android.support:cardview-v7...(3)使用方便。 (4)数据独立性高。 SQL的主要功能 (1)数据定义功能。 (2)数据操纵功能。 (3)数据控制功能。

    1.3K20

    自定义View之客服好评View

    mEditable 是否可被点击 具体实现 既然星星有两种状态可供选择,那么单个 View 就使用 CheckBox 代替,首先初始化的时候,需要根据 mStarTotal 来控制添加多少个 CheckBox...至于点击事件的回调,可以在每次点击的时候进行遍历,获取 CheckBox 的选中状态,并通过 callback 回调出来。...宽度计算,可以先测量出每个子 View 的宽度,每次叠加,如果超过父布局限制的宽度则换行。 高度计算,每次换行叠加高度,每一行的高度取子 View 高度的最大值。...measureChild(childView, widthMeasureSpec, heightMeasureSpec); //获取到测量的宽和高 int childWidth...宽度不断叠加,当超过父布局的宽度,则将 left 置为 0,高度记上一行子 View 的最大高度,以此类推。

    99550
    领券