Android圆角和阴影

1.圆角
其实圆角有两种
(1)背景
这种一般是通过shape来实现

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><solid android:color="#80FFFFFF" /><sizeandroid:width="4dp"android:height="2dp" /><corners android:radius="1dp" />
</shape>

为什么说这种圆角是背景呢，因为你把它放到一个4dp宽2dp高的布局里面，它其实是占满了整个布局的。

(2)裁剪
在讲下CardView圆角，当然CardView也可以画阴影

<androidx.cardview.widget.CardViewandroid:id="@+id/card_view"android:layout_width="8dp"android:layout_height="4dp"app:cardCornerRadius="@dimen/dp8"app:cardElevation="0dp"app:cardUseCompatPadding="false"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@id/scroll_view"tools:ignore="MissingConstraints"><ImageViewandroid:layout_width="8dp"android:layout_height="4dp"android:background="@color/gray"tools:ignore="MissingConstraints" /></androidx.cardview.widget.CardView>

app:cardBackgroundColor-- 背景色
app:cardCornerRadius-- 边缘弧度数（圆角）
app:cardElevation-- 阴影高度
app:cardMaxElevation-- 最大高度
app:cardUseCompatPadding-- 设置内边距，v21+的版本和之前的版本仍旧具有一样的计算方式
app:cardPreventCornerOverlap-- 在v20和之前的版本中添加内边距，这个属性是为了防止卡片内容和边角的重叠
app:contentPadding-- 卡片边界距离内部的距离
app:contentPaddingLeft-- 卡片边界距离左边的距离
app:contentPaddingTop-- 卡片边界距离顶边的距离
app:contentPaddingRight-- 卡片边界距离右边的距离
app:contentPaddingBottom-- 卡片边界距离底边的距离

这是CardView其中的一些属性

当你只需要圆角时不需要阴影时，把cardElevation="0dp"就可以了。

当用CardView时，它其实把圆角的四周都裁剪了，所以当你需要banner轮播且需要圆角时，这种场景是需要裁剪的。

(3)Glide工具加载圆角

GlideApp.with(imageView.getContext()).load(imageUrl).apply(RequestOptions.bitmapTransform(new RoundedCorners(radius))).error(bgDefault).placeholder(bgDefault).into(imageView);

阴影

<TextViewandroid:id="@+id/suggest"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:text="建议："android:elevation="8dp"android:textColor="#238e23"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@id/intro"tools:ignore="MissingConstraints" />

elevation=“8dp”,通过这个属性可以加一个阴影，数值越大阴影越大

（2）自定义阴影
通过View提供的API——setShadowLayer()来自定义阴影，这个需要根据需求自己定义view或者viewGroup，建议用这个，根据自己项目的风格和UI设计自定义一个阴影控件。

Android圆角和阴影相关推荐

android圆角布局阴影,Android 布局阴影实现
最近项目要求,ui有很多有关于阴影的设计要求,网上找了些实现方式,但都不是很理想.现在闲下来了,就寻思着自己写个阴影布局耍耍,以备后用.先说道说道我找到的几种阴影实现方式: 系统阴影 Andorid ...
android paint 圆角绘制_Android系统上绘制圆角和阴影的几种姿势
0x01 前言在实际的开发工程中,对视图增加圆角和阴影效果的绘制是比较常见的需求,Android系统提供了一系列的方法以帮助开发者实现基础的视图圆角和阴影效果,但在面对实际的视觉需求时,想要完美达到 ...
转：Flutter Decoration背景设定（边框、圆角、阴影、形状、渐变、背景图像等）...
1 继续关系: BoxDecoration:实现边框.圆角.阴影.形状.渐变.背景图像 ShapeDecoration:实现四个边分别指定颜色和宽度.底部线.矩形边色.圆形边色.体育场(竖向椭圆). ...
Flutter之Decoration（边框、圆角、阴影、形状、渐变、背景图像等）
1 继续关系: BoxDecoration:实现边框.圆角.阴影.形状.渐变.背景图像 ShapeDecoration:实现四个边分别指定颜色和宽度.底部线.矩形边色.圆形边色.体育场(竖向椭圆). ...
android shape 画阴影_android 阴影的实现方式
在开发过程中一般情况下,UI设计师喜欢添加一些阴影来使控件看起来比较有立体和层次感,来表明自己高大上的设计. 在这里分享下android里面关于阴影的实现方式: 1.使用.9文件优点:个人认为最好的 ...
Flutter Decoration背景设定（边框、圆角、阴影、形状、渐变、背景图像等）
1 继续关系: BoxDecoration:实现边框.圆角.阴影.形状.渐变.背景图像 ShapeDecoration:实现四个边分别指定颜色和宽度.底部线.矩形边色.圆形边色.体育场(竖向椭圆). ...
html tr加阴影,table tr分离并加圆角和阴影
table{ border-collapse:separate; border-spacing:0 20px;} td{ box-shadow:/*-5px 0 5px rgba(0,0,0,.3), ...
让IE6、IE7、IE8支持CSS3的圆角、阴影样式
想做个页面用到css3的圆角和阴影效果,但ie浏览器不支持,之前也听说有插件可以实现,周六在网上找到了一个方法,原文如下: 但凡是前端工程师,都知道IE6,IE7,IE8不支持.或者不完全支持CSS3 ...
android 圆角图片
今天,简单讲讲Android圆角图片的使用. 最近,感觉好忙,换了工作,新的APP要重新阅读,对我是一个考验.所有这段时间的博客可能不会很详细了,因为我比较忙,而且还有很多内容要写.这篇写完后,我会写 ...

Android圆角和阴影

Android圆角和阴影相关推荐

最新文章

热门文章