CardView不好用,自己写个带border的圆角容器

package com.common.base.view;

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.os.Build;
import android.util.AttributeSet;
import android.widget.RelativeLayout;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;

import com.common.base.R;


public class RoundRelativeLayout extends RelativeLayout {
    private Path mPath;
    private Paint mPaint;
    private RectF mRectF;
    private RectF mChildRectF;
    private float mRadius;
    private float mBorderWidth = 1;

    public RoundRelativeLayout(@NonNull Context context) {
        this(context, null);
    }

    public RoundRelativeLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RoundRelativeLayout(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.RoundRelativeLayout);
        mRadius = ta.getDimension(R.styleable.RoundRelativeLayout_rlRadius, 0);
        mBorderWidth = ta.getDimension(R.styleable.RoundRelativeLayout_rlBorderWidth, 1);
        ta.recycle();
        mPath = new Path();
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mRectF = new RectF();
        mChildRectF = new RectF();
        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));

    }

    public void setRadius(float radius) {
        mRadius = radius;
        postInvalidate();
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mRectF.set(0, 0, w, h);
        mChildRectF.set(mBorderWidth, mBorderWidth, w - mBorderWidth, h - mBorderWidth);
    }

    @SuppressLint("MissingSuperCall")
    @Override
    public void draw(Canvas canvas) {
        draw28(canvas);
    }

    @Override
    protected void dispatchDraw(Canvas canvas) {
        dispatchDraw27(canvas);
    }

    private void draw28(Canvas canvas) {
        canvas.save();
        canvas.clipPath(genPath());
        super.draw(canvas);
        canvas.restore();

    }

    private void dispatchDraw27(Canvas canvas) {
        canvas.saveLayer(mChildRectF, null, Canvas.ALL_SAVE_FLAG);
        super.dispatchDraw(canvas);
        mPaint.setStyle(Paint.Style.FILL);
        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
        canvas.drawPath(genChildPath(), mPaint);
        canvas.restore();
    }


    private Path genPath() {
        mPath.reset();
        mPath.addRoundRect(mRectF, mRadius, mRadius, Path.Direction.CW);
        return mPath;
    }

    private Path genChildPath() {
        mPath.reset();
        mPath.addRoundRect(mChildRectF, mRadius, mRadius, Path.Direction.CW);
        return mPath;
    }
}

<declare-styleable name="RoundRelativeLayout">
    <attr name="rlRadius" format="dimension" />
    <attr name="rlBorderWidth" format="dimension" />
</declare-styleable>
当然可以,下面是一个简单的 CardView 的代码实现,仅供参考。 首先,在布局文件中声明 CardView,可以使用如下代码: ``` <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view" android:layout_width="match_parent" android:layout_height="wrap_content" card_view:cardCornerRadius="4dp" card_view:cardElevation="4dp" card_view:contentPadding="16dp"> <!-- 在这里添 CardView 的内容 --> </android.support.v7.widget.CardView> ``` 其中,card_view:cardCornerRadius 是设置 CardView 圆角的半径,card_view:cardElevation 是设置 CardView 的阴影大小,card_view:contentPadding 是设置 CardView 内容的内边距。 接下来,在 Java 代码中引用 CardView,可以使用如下代码: ``` CardView cardView = findViewById(R.id.card_view); ``` 然后,我们可以向 CardView 中添一些控件,比如 TextView、ImageView 等,来展示 CardView 的内容。这些控件可以使用如下代码添: ``` TextView textView = new TextView(this); textView.setText("CardView Demo"); cardView.addView(textView); ``` 最后,我们可以为 CardView点击事件,让用户可以点击 CardView 进行相应的操作。可以使用如下代码添点击事件: ``` cardView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 在这里写点击事件的处理逻辑 } }); ``` 以上是一个简单的 CardView 的代码实现,仅供参考。在实际开发中,需要根据需求和设计要求进行调整和修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值