Android边框阴影效果

在Android应用中，为了提升用户体验和界面美观度，我们经常会使用边框和阴影效果来凸显重要元素或者给界面增加层次感。本文将介绍如何在Android中实现边框和阴影效果，并提供相关的代码示例。

边框效果

边框效果可以让界面元素看起来更加突出和有层次感。Android中可以通过android:background属性和android:padding属性来设置边框效果。

首先，我们需要在布局文件中定义一个View元素，并设置它的背景色和内边距。例如，下面的代码定义了一个红色背景的正方形，并设置了10dp的内边距：

<View
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:background="#FF0000"
    android:padding="10dp" />

上述代码中，android:background属性设置了View的背景色为红色，android:padding属性设置了View的内边距为10dp。

接下来，我们可以通过给View设置一个带有描边的背景来实现边框效果。Android提供了ShapeDrawable类和GradientDrawable类来创建自定义的背景。

我们可以在代码中创建一个GradientDrawable对象，并调用其setStroke()方法来设置描边的颜色和宽度。例如，下面的代码将上述的View设置了一个黑色的2dp宽度的描边：

View view = findViewById(R.id.my_view);
GradientDrawable border = new GradientDrawable();
border.setColor(0x00FFFFFF); // 透明背景色
border.setStroke(2, Color.BLACK); // 黑色描边，宽度为2dp
view.setBackground(border);

上述代码中，GradientDrawable的setStroke()方法接受两个参数，第一个参数是描边的宽度，第二个参数是描边的颜色。

通过以上的代码，我们就可以实现一个带有边框效果的View。

阴影效果

阴影效果可以让界面元素看起来更加立体和有层次感。Android中可以通过android:elevation属性和android:translationZ属性来设置阴影效果。

首先，我们需要在布局文件中定义一个View元素，并设置它的背景色和阴影属性。例如，下面的代码定义了一个红色背景的正方形，并设置了4dp的阴影高度：

<View
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:background="#FF0000"
    android:elevation="4dp" />

上述代码中，android:elevation属性设置了View的阴影高度为4dp。

接下来，我们可以通过给View添加阴影效果的背景来实现阴影效果。Android提供了android.view.ViewOutlineProvider类和android.graphics.Outline类来创建自定义的阴影。

我们可以在代码中创建一个ViewOutlineProvider对象，并重写其getOutline()方法来设置阴影的形状和尺寸。例如，下面的代码将上述的View设置了一个圆形的阴影：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    View view = findViewById(R.id.my_view);
    view.setOutlineProvider(new ViewOutlineProvider() {
        @Override
        public void getOutline(View view, Outline outline) {
            int size = Math.min(view.getWidth(), view.getHeight());
            int centerX = view.getWidth() / 2;
            int centerY = view.getHeight() / 2;
            outline.setOval(centerX - size / 2, centerY - size / 2, centerX + size / 2, centerY + size / 2);
        }
    });
    view.setClipToOutline(true);
}

上述代码中，我们通过setOutlineProvider()方法将一个自定义的ViewOutlineProvider对象设置给View，然后通过setClipToOutline()方法来告诉View要裁剪出阴影的形状。

通过以上的代码，我们就可以实现一个带有阴影效果的View。

示例应用