我整理的一些关于【HA】的项目学习资料（附讲解～～）和大家一起分享、学习一下：

 https://d.51cto.com/f2PFnN

Android View通过Shape添加阴影的科普文章

在Android开发中，视觉效果常常对用户体验产生重要影响。为View添加阴影是一种常见的设计需求，这可以通过Shape Drawable来实现。本文将介绍如何使用Shape和Elevation特性为View添加阴影效果，并提供相应的代码示例。

1. 什么是Shape Drawable

Shape Drawable是Android提供的一种Drawable，它可以定义一个形状的外观，包括形状的颜色、大小、边框、圆角、阴影等。Shape Drawable可以通过XML文件定义，也可以通过代码动态创建。

2. 使用Shape添加阴影的步骤

2.1 准备工作

确保已经在布局文件中添加了需要阴影效果的View。示例使用一个TextView。

<TextView
    android:id="@+id/myTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="这是一个带阴影的文本"
    android:layout_gravity="center"
    android:padding="20dp"
    android:textSize="20sp"/>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
2.2 定义Shape Drawable

定义一个shape.xml文件，存放在res/drawable目录下，设置背景效果和阴影属性。

<shape xmlns:android="
    android:shape="rectangle">
    <solid android:color="#FFFFFF"/> <!-- 背景颜色 -->
    <corners android:radius="8dp"/> <!-- 圆角半径 -->
    <padding
        android:left="10dp"
        android:top="10dp"
        android:right="10dp"
        android:bottom="10dp"/> <!-- 内边距 -->
    <shadow 
        android:color="#AA000000" <!-- 阴影颜色 -->
        android:radius="4dp" <!-- 阴影半径 -->
        android:dx="2dp" <!-- 横向偏移 -->
        android:dy="2dp" /> <!-- 纵向偏移 -->
</shape>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
2.3 应用Shape Drawable

在代码中将TextView的背景设置为这个Shape Drawable。你可以在onCreate方法中执行以下代码：

TextView textView = findViewById(R.id.myTextView);
textView.setBackgroundResource(R.drawable.shape);
  • 1.
  • 2.

3. 效果对比

属性说明
背景颜色Shape Drawable的内部颜色
圆角半径形状的圆角大小
阴影颜色形状的阴影色
阴影半径着色范围的大小
偏移阴影在X和Y方向的偏移量

4. 代码结构和类图

在Android项目中，代码结构通常较为复杂，以下是一个简单的类图来展示基本关系：

MainActivity +onCreate() +setBackground() Shape +draw() +setColor() TextView +setBackground()

5. 小结

通过Shape Drawable的方式为View添加阴影，不仅能提升应用的视觉效果，还有助于增加整体的用户体验。虽然在Android 5.0以后的版本中，Elevation属性本身已经支持丰富的阴影效果，但在某些情况下使用Shape仍然会提供更高的灵活性和控制。希望本文能为你的开发工作提供一些帮助和启发。

整理的一些关于【HA】的项目学习资料（附讲解～～），需要自取：

 https://d.51cto.com/f2PFnN