Android 自定义view阴影

原创

mob649e816347dd 2023-12-28 11:17:55 ©著作权

文章标签 自定义阴影效果 Android 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e816347dd的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android自定义View阴影

引言

在Android应用开发中，我们经常需要自定义View来实现更加炫酷的效果。其中，实现阴影效果是一项常见的需求。本文将介绍如何在Android中自定义View实现阴影效果，并提供相关的代码示例。

阴影效果的实现原理

在Android中，实现阴影效果通常有两种方式：一种是使用ImageView作为背景，应用阴影Drawable；另一种是使用ViewGroup并自定义绘制方法。下面我们将详细介绍这两种方式的实现原理。

方式一：使用ImageView和阴影Drawable

使用ImageView和阴影Drawable的实现原理比较简单。我们可以先创建一个阴影Drawable，然后将其设置为ImageView的背景即可。

流程图

flowchart TD
A[创建阴影Drawable] --> B[设置为ImageView的背景]

示例代码

// 创建阴影Drawable
Drawable shadow = getResources().getDrawable(R.drawable.shadow);

// 设置为ImageView的背景
ImageView imageView = findViewById(R.id.imageView);
imageView.setBackground(shadow);

方式二：使用自定义ViewGroup

使用自定义ViewGroup的方式稍微复杂一些，但是也更加灵活。我们需要自定义一个继承自ViewGroup的类，并在其onDraw()方法中绘制阴影效果。

流程图

flowchart TD
A[继承自ViewGroup] --> B[自定义onDraw()方法]
B --> C[绘制阴影]

示例代码

public class ShadowView extends ViewGroup {
    private Paint shadowPaint;

    public ShadowView(Context context) {
        super(context);
        init();
    }

    public ShadowView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        // 初始化画笔
        shadowPaint = new Paint();
        shadowPaint.setColor(Color.BLACK);
        shadowPaint.setShadowLayer(10, 0, 0, Color.BLACK);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // 绘制阴影
        canvas.drawRect(0, 0, getWidth(), getHeight(), shadowPaint);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        // 布局子View
        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            child.layout(0, 0, getWidth(), getHeight());
        }
    }
}

使用自定义View实现阴影效果

现在我们已经了解了两种实现阴影效果的方式，接下来我们将使用自定义ViewGroup的方式来实现一个带有阴影效果的View。

示例代码

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 创建自定义View
        ShadowView shadowView = findViewById(R.id.shadowView);
        
        // 添加子View
        TextView textView = new TextView(this);
        textView.setText("Hello World");
        textView.setTextSize(20);
        textView.setTextColor(Color.WHITE);
        textView.setBackgroundColor(Color.BLUE);
        shadowView.addView(textView);
    }
}

<!-- activity_main.xml -->
<com.example.shadowdemo.ShadowView
    android:id="@+id/shadowView"
    android:layout_width="match_parent"
    android:layout_height="200dp" />