如果没有用Gradle构建,就需要找到jar包引用进来,而jar包隐藏在CardView的aar文件中: ?...依赖添加完成后,进行编译会发现出现minSdk错误,cardview-v7的minsdk为“L",其实CardView能够向下兼容到2.0。...都不行,所以目前我能找到的正常使用CardView的IDE及配置办法只有在AndroidStudio中,不过这也是趋势,早用早好的事情。...只能通过xml中的elevation属性指定; 其余(2.0以上)有属性cardBackgroundColor,意为CardView的卡片颜色,只能通过xml的cardBackgroundColor进行指定...; 其余(2.0以上)有属性cardConerRadius,意为CardView卡片的四角圆角矩形程度,单位dimen(dp px sp),可以通过xml指定,也可以通过代码中的setRadius指定
solid 是指填充色,这里为白色; stroke 为drawable 的边缘宽度和颜色设置,这里为 1dp 颜色比白色黑一点。...如果知识想要 「圆角」的话,可以不需要指定 stroke 然后在我们需要的 View 上,设置它的 background 为该 drawable 即可. 效果为: ?...CardView 圆角半径为 16dp, 效果图如下: ?...实现效果为: ? outlineProvider 圆角 这样的好处是,不需要给里面的子 view 设置圆角,在最外层的 View 设置为圆角即可。...因为省去了设置的 background 利用 ViewOutlineProvider 的实现圆角,本质上是在 View 的画布上画了一个圆角的矩形。
因为 TextView 的默认海拔是0 ,就被 Cardview 给挡住了,因为 CardView 的默认海拔是 2dp,如果你将 TextView 的海拔设置为 3dp 这个时候 TextView 就可以显示了...如果根据view大小来生成对应的阴影,就会出现很奇怪的效果,(一个看起来圆形的view展示出的确实一个矩形的阴影)为了解决这个问题,view增加了一个新的描述来指明内容显示的形状,这就是轮廓。...也会显示阴影 background:按背景来显示轮廓,如果 background 是颜色值,则轮廓就是 view 的大小,如果是 shape 则按shape指定的形状来作为轮廓,显示阴影 如果 background...view.setOutProvider(new MyViewOutlienProvider); // 如果不想让视图有投射阴影,可以设置轮廓提供者为 null 裁剪 View 的裁剪是指将 View...按照轮廓裁剪,能改变 View 的形状,如圆形头像: 先设置轮廓 在设置根据轮廓裁剪 View,目前只支持对矩形、圆形、圆角矩形的裁剪 tvClip.setClipToOutline(true)// 设置对
清理图标:用来清除所有的约束,当鼠标放倒一个控件上时也会有一个清理图标出现,点击可以清除当前选中的控件的约束。 ?...哪么此时无论我移动按钮1到哪儿,按钮2都将在按钮1的右边并间距56dp。 ? 如上图:在这个图中我们看见有3种不同的手柄。 调整手柄 拖动该手柄能帮助你调整整个控件的大小。 ?...约束手柄 这个约束手柄位于控件的四边,在四边上有四个小圆点,拖动该圆点并指向另外的控件的一边,哪么可以让该控件对其到指向的控件。当然你可以设置margin来提供对应的间距。...如果需要清理掉单个约束,点击该圆点即可。 ? 基线手柄 该手柄仅仅出现在有文字的控件中使用,或者继承TextView的控件中使用,其作用是对齐两个控件的文字基线。...这种效果在机顶盒中是经常看到的,我们分析下我们使用普通的控件的实现: 界面左侧和右侧高度是总高的1/3, 下面宽度为3/12、2/12、2/12、2/12, 3/12; 中间大图宽高分别为:1/2、 2
如需了解详细信息,请参阅保持兼容性 使用以下属性定制 CardView 的外观: 如果要在布局中设置圆角半径,请使用 card_view:cardCornerRadius 属性。...如果要在代码中设置圆角半径,请使用 CardView.setRadius 方法。 如果要设置卡片的背景颜色,请使用 card_view:cardBackgroundColor 属性。...常用属性: card_view:cardElevation 阴影的大小 card_view:cardMaxElevation 阴影最大高度 card_view:cardBackgroundColor 卡片的背景色...搭配起来使用效果更加~ ---- 如何使用 添加依赖项 RecyclerView 与 CardView 小组件为 v7 支持内容库的一部分 将这些 Gradle 依赖项添加至您的应用模块 dependencies....+' } 布局文件中编写CardView 注意事项: 如果使用 card_view:cardCornerRadius 或者 card_view:cardBackgroundColor,布局文件根布局中需要添加
前言 Android使用XML的时候,实现圆角和边框都是使用背景实现的。 如果需要剪裁成圆角,则可以使用CardView实现。...要取消或移除 CardView 的阴影,你可以调整 CardView 的 cardElevation 属性,并将其设置为 0dp。...:padding="16dp" /> 在这个例子中,CardView 的 cardElevation 设置为 0dp,以确保没有阴影...此外,将 cardUseCompatPadding 设置为 false 可以消除由于阴影而产生的额外内边距,使 CardView 边缘更加紧凑。...,如果全透明就不会出现涟漪效果,所以这里设置为白色的半透明,涟漪覆盖色就设置的纯黑色,这样才会出现较好的效果。
如果你问我最喜欢的PPT设计技巧是什么,我相信,我会毫不犹豫的告诉你,是渐变。 为什么这么说呢?因为在PPT设计中,如果你能用好渐变色,那么,你也能够做出一些设计感非常惊艳的页面。...先来说一个最简单的方法,直接选中形状,调整其参数即可: 估计95%的人,也就知道这一种方法,但作为旁门左道的读者,我想告诉你更多的做法,而且,做出来的效果也会更加高级。 ...01/渐变色的三个可控变量 在PPT中,要想设置渐变色,只需要打开设置形状格式的属性栏就可以,操作也很简单,选中形状,然后右键设置形状格式,在右侧可以看到设置形状格式中的填充选项里就有一个渐变填充。...02/相近色渐变 如果我们想要制作出高品质的渐变色,那么在颜色的选择上就要非常谨慎了,最好选取相近的颜色,或者同一色系的颜色。 ...这个时候,我们可以给图片添加一半透明渐变蒙版,其中光圈的左侧一端设置透明度为100%,右侧一端不设置透明度,然后我们在中间再加入一个光圈,也不布置透明度。
01 前言 当我们好不容易找到一个高清大图当封面时,却会出现下面这种情况,图片颜色太亮,加上文字后,不能够凸显文字内容,其实只需简单一个蒙版,轻松搞定这种问题。...本次将分享三种蒙版方法: 半透明蒙版 形状蒙版 渐变蒙版 ? 02 半透明蒙版 我们只需要加上一个矩形,改变矩形颜色为黑色,设置透明度即可。...这样,就可以弱化图片效果,同时凸显文字部分,又不会影响图片的美观。 ? ? 03 形状蒙版 我们也可以插入不同的形状,例如三角形,圆形等,填充不同的颜色。这种方法可以更好的设计,玩出更多花样来~ ?...这里由于是插入一个小矩形,图片效果还是会很明显,所以我们把背景图片进行虚化,具体操作为:选中图片,设置艺术效果-虚化即可。...04 渐变填充 如果图片色彩较多,第一种方法可能效果并不是很好,我们可以使用渐变蒙版,留白区域更多,很适合封面页的使用。 ? 下期再见~
大家好,又见面了,我是你们的朋友全栈君。...继承FrameLayout 一、常用属性 1、cardBackgroundColor 设置背景色 CardView是View的子类,View一般使用Background设置背景色,为什么还要单独提取出一个属性让我们来设置背景色呢...因都为半透明色,故如果同时生效的话,是能够看出来的。...以上保持一致 故cardUseCompatPadding设置为alse app:cardUseCompatPadding="true" ② 将5.0以下卡片间的距离,以及左右两侧我们看起来的距离变小 使用限定符...attr/selectableItemBackground" 如果cardview在最外层,可以为其设置点击效果 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。
来控制FAB的放置; (FabAlignmentMode)可以设置为中心或结束。...如果FabAttached设置为True,那么Fab将被布置为连接到BottomAppBar; FabCradleMargin是设置FAB和BottomAppBar之间的间距,改变这个值会增加或减少...如果fabCradleVerticalOffset为0,则FAB的中心将与BottomAppBar的顶部对齐。...持久性底部页面是从屏幕底部出现的视图,在主要内容上升高。他们可以垂直拖动以暴露他们的内容列表。 注意:如果要使用模态(对话框)的底页,请使用 BottomSheetDialogFragment。...app:behavior_peekHeight:折叠状态的窥视高度。 app:behavior_skipCollapsed:如果底部表单可隐藏,并且设置为true,则表单不会处于折叠状态。
现在感觉是不是画面没有那么刺眼了 图文整体协调了很多 因为我在底图与文字中间加了一层半透明遮罩 ?...矩形刚好覆盖整个页面 填充了黑色并设置透明度为45% 具体的数值要参考底图的亮度情况调整 这种技巧适用于图片亮度太高太刺眼 不仅影响视觉接受度甚至喧宾夺主让文字黯淡无光 将底图遮罩之后不仅使得文字更显眼...老罗的身后的背景是深蓝并夹杂轻微渐变 当然如果插入形状将左侧空白处填充交界处的颜色 (甚至把背景色填充为深蓝) ?...所有光圈都使用底图中最深的颜色 然后越往左的光圈透明度越大 缓慢过渡 感觉自己把握(看整体页面情况) 一直调整到交界处没有明显的直线过渡痕迹为止 这种技巧适用于半图型图文混排的情况 如果不设置渐变过渡...而且图片和文字的权重都很高 既要突出文字 又不能刻意隐藏或者压抑图片的现实效果 只能两者同时突出 但是如果图片颜色较多势必会影响文字显示效果 ?
去年很早之前,我就讲解过RecyclerView的使用,今天我们就在讲解CardView的时候,顺便再把RecyclerView同时讲解一下。...RecyclerView、CardView为用于显示复杂视图的新增Widget。接下来看看如何使用吧。...LayoutManager只有一个叫做LinearLayoutManager的实现类,我们可以设置它的横向和纵向。...这里我就不过多介绍了,因为关于RecyclerView的使用,去年我很早时间就写过一篇文章。...CardView属性 CardView中常用的属性有: cardElevation:设置阴影的大小 cardBackgroundColor:卡片布局的背景颜色 cardCornerRadius:卡片布局的圆角的大小
移动选区:绘制选区后,用矩形选框工具指在选区内,会出现白色箭头,可以移动选区。...圆角矩形工具:先设置圆角大小,再绘制形状。也可以在空白处单击精确绘制圆角矩形。 椭圆工具:可以绘制矢量的圆形及椭圆,也可以在空白处单击精确绘制圆形。...多边形工具:可以任意设置边数得到不同的形状,比如,要做三角形,选择3个边,要做六边形,选择边数为 6....特别注意:在做减运算时,只能用小黑选择一个形状,就是做剪刀的形状(在上层的),如果选中两个形状 ,相当于和背景做运算。...CTRL+B 增强青色的同时就会削弱红色 需要调什么样的色调,就往哪个颜色方向调整滑块 根据不同明度区域进行调整分为阴影,中间调,高光三部分。
前言 伟大的Google为Android推出了一系列的兼容包,最新的就是Design Support Library了,这里我们结合v7和v4中的几个控件,来主要学习Design Support Library...app:rippleColor :设置涟漪的颜色,默认是由背景色生成的暗色调,可以自己指定。...参数介绍: app:cardBackgroundColor : 背景颜色 app:cardCornerRadius : 设置圆角。...app:cardUseCompatPadding : 设置内边距,v21+的版本和之前的版本仍旧具有一样的计算方式 --> <android.support.v7.widget.CardView xmlns...整个Demo的源码我放在了GitHub上,谢谢star一下~ 在看源码过程中如果发现什么问题,请在留言,看到一定回复。
1、新建一个PPT,去掉占位符(版式—空白,见第一讲),设计—幻灯片大小—自定义幻灯片大小,页面大小根据需要设置,比如我准备做一个杂志单栏大小的图片,并估计四张图片大约高7cm,所以我建立的PPT画布大小为...8.6cm×7cm(设置幻灯片大小这一步可以最后再做,见第二讲),如果最后建立的PPT画布看起来比较小,向上滚动滑轮变大就可。...3、插入-形状-矩形,使得矩形大小和图片大小一致 ? 或者使用上一讲的OneKey 8神器一键搞定,见第四讲。 ?...3、Ctrl+X剪切小视野图片,把小视野图片存入剪贴板,粘贴一次,把小视野图片放回到PPT中(这个时候剪贴板里面还有小视野图片),右击插入的矩形(这里是蓝色),调出右侧的设置形状格式面板,选到填充(油漆桶...4、在填充列下面找到“图片或纹理填充”—插入图片来自剪贴板,这样就把小视野图片填充进了矩形中,然后调节透明度为50%;之所要在同等大小的矩形里面插入小视野图片,就是因为PPT不能直接调节图片透明度,但插入到一个矩形之后就可以调节成半透明了
注:仅在可见蒙版圆的地方可见引用蒙版的矩形。 三、蒙版形状颜色定义蒙版不透明度 1. 如何去定义不透明度 ? 蒙版形状(圆形或矩形)的填充颜色设置为#ffffff。...蒙版形状的颜色定义使用蒙版的形状的不透明度。蒙版形状的颜色越接近#ffffff(白色),使用蒙版的形状将越不透明。蒙版形状的颜色越接近#000000(黑色),使用蒙版的形状将越透明。 2....案例 其中蒙版由两个具有不同颜色(#ffffff和#66666)的矩形组成。蒙版用于单个矩形,因此运行效果可以使用蒙版查看蒙版中的两个不同形状如何影响相同形状。...四、在蒙版中使用渐变 如果对用作蒙版的形状应用渐变,则可以实现蒙版所应用的形状的渐变透明度。 使用渐变的蒙版,使用蒙版的矩形以及该矩形下的文本,因此可以看到其透明度如何随着蒙版的渐变而变化。...注:矩形现在是半透明的,其中填充图案绘制了圆圈,而在其他位置完全透明。 六、总结 本文基于HTML基础,介绍了SVG中蒙版的应用。
它会识别哪些项目将真正出现在屏幕上。为此,它将查看一些东西,如每个滚动盒的滚动距离。 如果形状的某些部分在盒子内,则该形状将被包括在需要绘制的列表中。否则将被删除。这个过程叫做早期剔除。 ?...然后,将子元素加入到父元素中时,可以更改整个纹理的透明度。 这些堆叠上下文可以嵌套...该父元素可能是另一个堆叠上下文的一部分。这意味着它必须被渲染成另一个中间纹理…… 为这些纹理创建空间代价不菲。...绘制下一个形状时,遇到同一像素,先检查是否已经有值。如果有值,则跳过。 ? 不过这有一点点问题。当形状是半透明的时候,需要混合两种形状的颜色。为了让它看起来正确,需要从里向外绘制。...首先做不透明的一道工作。由表及里,渲染所有不透明的形状。跳过位于其他像素背后的像素。 然后处理半透明形状。工作由内向外进行。如果半透明像素落在不透明像素的顶部,则会混合到不透明的像素中。...如果它会落在不透明形状之后,则忽略计算。 将工作分解为不透明和 alpha 通道两部分,跳过不需要的像素计算,这个过程称为 Z-剔除(Z-culling)。
前言:dp/dip代表独立像素,dpi代表屏幕每英寸像素点的个数,px与dp的转换公式为: px = dp *(dpi / 160) 一、效果图 ?...,那我们就使用平移动画,让图片从左到右移动消失,所以就在需要显示ImageView嵌套一层父容器,这样图片不断移出容器的范围内就会造成一种图片从左到右消失的效果 需求:父容器需设置为圆角显示 如果需要实现...ImageView的父容器为圆角布局的话,那就采用CardView,通过改变其属性 app:cardCornerRadius=”15dp” 实现,不要使用其他诸如LinearLayout的父容器,设置其...backgroud为一个圆角的drawable方式实现,这样的话内部的图片如果是矩形,即时你设置了父容器为圆角的,但是内部图片的显示还是会超出圆角的范围显示 需求:图片消失的动画中响应点击事件,完整显示另一张图片...这个实现我们首先需要在图片的点击事件中判断当前动画是否还是运行isRunning(),如果运行的话调用animator的cancel()方法取消动画,然后进行图片的位置的复位;如果我们不进行复位操作,
如果这用作 LevelListDrawable,则此值为“true”。这通常应为“false”,否则形状不会显示。...shape标签里可以嵌套的标签: solid标签的属性: 用于填充形状的内部颜色 android:color”XX” corners标签的属性:为形状产生圆角。...仅当形状为矩形时适用 android:radius : 所有角都进行圆角处理半径,如果有单独设置某个角,单独设置的优先级最高 android:topLeftRadius : 左上圆角 android...仅在设置了 android:dashWidth 时有效 gradient标签的属性:形状渐变颜色 android:angle : 整型。渐变的角度(度)。0 为从左到右,90 为从上到上。...(GradientDrawable.Orientation.TOP_BOTTOM, colors); //设置中间渐变颜色的位置 gradientDrawable.setGradientCenter
最后我放弃了这个,部分原因是 AIR 有很多问题而且很糟糕,也是因为我不想在一切结束时得到一个奇怪的 Adobe 结果;我想拥有自己的东西,可以做我想做的事。...Hapland 使用的 Flash 功能,如颜色变换和遮罩,都是存在的。不过我没有像 Flash 那样实现任意遮罩,只是实现了矩形剪辑并编辑了我所有的图形,所以所有的遮罩都是矩形。...要做到这一点的唯一方法是从原件上切掉一些部分,或者在上面添加一些部分。 所以,我为游戏画面画了两个矩形,一个比例为 16:9,另一个比例为 16:10。...但在 Flash 中,当某些东西的 alpha 为 0.5 时,这意味着它在感知上处于前景色和背景色之间的中间位置。 这完全不是一回事!...如果它将它们解释为感知混合因素,则半透明对象看起来是正确的,但一切的抗锯齿边缘看起来都是错误的。如果它将它们解释为覆盖率值,则反之亦然。有些东西总是看起来不对劲!
领取专属 10元无门槛券
手把手带您无忧上云