自定义View小案例两个

最新推荐文章于 2021-02-19 21:59:43 发布
最新推荐文章于 2021-02-19 21:59:43 发布
阅读量169 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42849760/article/details/95382978
版权
本文介绍了如何创建自定义View，通过SJ类为例，展示了自定义View的基本结构和实现细节。
摘要由CSDN通过智能技术生成
自定义view 小案例

在这里插入图片描述在这里插入图片描述
public class SJ extends View{
private Context context;
private int h;
private int w;

private Path path01;
private Path path02;
private Path path03;
private Path path04;

private Paint paint01;
private Paint paint02;
private Paint paint03;
private Paint paint04;
public SJ(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    this.context=context;
    init();
}

private void init() {
    WindowManager manager= (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    DisplayMetrics displayMetrics= new DisplayMetrics();
    manager.getDefaultDisplay().getMetrics(displayMetrics);
    w=displayMetrics.widthPixels;
    h=displayMetrics.heightPixels;

    paint01=new Paint();
    paint02=new Paint();
    paint03=new Paint();
    paint04=new Paint();

    path01=new Path();
    path02= new Path();
    path03 = new Path();
    path04= new Path();

    path01.moveTo(0,0);
    path01.lineTo(w/2,h/2);
    path01.lineTo(w,0);

    paint01.setAntiAlias(true);
    paint01.setStyle(Paint.Style.STROKE);
    paint01.setColor(Color.RED);
    paint01.setStrokeWidth(10);


    path02.moveTo(0,0);
    path02.lineTo(w/2,h/2);
    path02.lineTo(0,h);

    paint02.setAntiAlias(true);
    paint02.setStyle(Paint.Style.STROKE);
    paint02.setColor(Color.BLUE);
    paint02.setStrokeWidth(5);

    path03.moveTo(0,h);
    path03.lineTo(w/2,h/2);
    path03.lineTo(w,h);

    paint03.setAntiAlias(true);
    paint03.setStyle(Paint.Style.STROKE);
    paint03.setColor(Color.YELLOW);
    paint03.setStrokeWidth(5);

    path04.moveTo(w,0);
    path04.lineTo(w/2,h/2);
    path04.lineTo(w,h);

    paint04.setAntiAlias(true);
    paint04.setStyle(Paint.Style.STROKE);
    paint04.setColor(Color.GREEN);
    paint04.setStrokeWidth(5);



}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    canvas.drawPath(path01,paint01);
    canvas.drawPath(path04,paint04);
    canvas.drawPath(path02,paint02);
    canvas.drawPath(path03,paint03);
}
public  int Downx,Downy;

@Override
public boolean onTouchEvent(MotionEvent event) {
    int x= (int) event.getX();
    int y= (int) event.getY();

    Downx=x;
    Downy=y;
    switch (event.getAction()){
        case MotionEvent.ACTION_DOWN:
            //todo 创建一个矩形
            RectF rectF1 = new RectF();
            RectF rectF2 = new RectF();
            RectF rectF3 = new RectF();
            RectF rectF4 = new RectF();
            //todo 用路径分隔为矩形
            path01.computeBounds(rectF1,true);
            path02.computeBounds(rectF2,true);
            path03.computeBounds(rectF3,true);
            path04.computeBounds(rectF4,true);
            //todo 区域
            Region region1 = new Region();
            Region region2 = new Region();
            Region region3 = new Region();
            Region region4 = new Region();
            //todo 创建新区域
            region1.setPath(path01,new Region((int) rectF1.left,(int)rectF1.top,(int)rectF1.right,(int)rectF1.bottom));
            region2.setPath(path02,new Region((int) rectF2.left,(int)rectF2.top,(int)rectF2.right,(int)rectF2.bottom));
            region3.setPath(path03,new Region((int) rectF3.left,(int)rectF3.top,(int)rectF3.right,(int)rectF3.bottom));
            region4.setPath(path04,new Region((int) rectF4.left,(int)rectF4.top,(int)rectF4.right,(int)rectF4.bottom));

            boolean contains1 = region1.contains(Downx, Downy);
            boolean contains2 = region2.contains(Downx, Downy);
            boolean contains3 = region3.contains(Downx, Downy);
            boolean contains4 = region4.contains(Downx, Downy);
            if(contains1){
            paint01.setStyle(Paint.Style.FILL);
                Toast.makeText(context, "上", Toast.LENGTH_SHORT).show();
        }
            if(contains2){
                paint02.setStyle(Paint.Style.FILL);
            }
            if(contains3){
                paint03.setStyle(Paint.Style.FILL);
            }
            if(contains4){
                paint04.setStyle(Paint.Style.FILL);
            }
            break;

        case MotionEvent.ACTION_MOVE:

            break;

        case MotionEvent.ACTION_UP:

            break;
    }
    invalidate();
    return true;
}

}

小案例2

在这里插入图片描述
在这里插入图片描述

		public class BBB extends View{
private Context context;
private Paint paint;
private int w;
private int h;

private Bitmap bitmap1;
private Canvas my_Canvas;

private Bitmap bitmap2;
//手指移动轨迹
private Path path;

private int MIN_PATH = 10;

//设置一个全局的起点
private int Downx,Downy;
public BBB(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    this.context=context;
    init();

}

private void init() {
    WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

    DisplayMetrics displayMetrics = new DisplayMetrics();

    windowManager.getDefaultDisplay().getMetrics(displayMetrics);

    w=displayMetrics.widthPixels;
    h=displayMetrics.heightPixels;

    paint = new Paint();
    paint.setStyle(Paint.Style.STROKE);
    paint.setStrokeWidth(30);
    //抗抖动、抗锯齿
    paint.setDither(true);
    paint.setAntiAlias(true);
    //设置色值（透明）
    paint.setARGB(128,255,0,0);
    //设置混合模式 DIS_IH
    paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
    //设置路径结合处样式
    paint.setStrokeJoin(Paint.Join.ROUND);
    //设置笔触类型
    paint.setStrokeCap(Paint.Cap.ROUND);

    //生成前景的Bitmap  图片的质量参数
    bitmap1 = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
    //加入画布
    my_Canvas = new Canvas(bitmap1);
    //灰色背景
    my_Canvas.drawColor(0XFF808080);

    //生成背景画布
    bitmap2 = BitmapFactory.decodeResource(context.getResources(), R.drawable.ooo);

    bitmap2 = Bitmap.createScaledBitmap(bitmap2,w,h,true);

    path = new Path();

}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    canvas.drawBitmap(bitmap2,0,0,null);
    //设置前景
    canvas.drawBitmap(bitmap1,0,0,null);

    my_Canvas.drawPath(path,paint);
}

@Override
public boolean onTouchEvent(MotionEvent event) {
    int x = (int) event.getX();
    int y = (int) event.getY();
    switch (event.getAction()){
        case MotionEvent.ACTION_DOWN:
            //清空上一次的path路径
            path.reset();
            path.moveTo(x,y);

            Downx = x;
            Downy = y;

            break;
        case MotionEvent.ACTION_MOVE:

            int absX = Math.abs(x - Downx);
            int absY = Math.abs(x - Downy);

            if (absX > MIN_PATH || absY > MIN_PATH){
                //存储路径
                path.quadTo(Downx,Downy,x,y);
            }


            path.quadTo(Downx,Downy,x,y);

            Downx = x;
            Downy = y;

            break;
        case MotionEvent.ACTION_UP:
            path.lineTo(x,y);
            break;
    }
    invalidate();
    return true;

}

}

我就是深渊
关注
自定义View 几个例子
08-17
这里不过多介绍，里面的例子适合自定义View初学者.内有注释等
安卓自定义View案例
03-11
这两个自定义View案例都涉及到Android图形绘制和事件处理的基础知识，同时也体现了Android开发中的创新思维。在实际项目中，自定义View可以帮助我们实现独一无二的界面和交互，提升用户体验。理解并掌握自定义View的...
自定义View 例子
345丶
06-05 868
View 的主要工作流程 是指 measure，layout，draw 这三大过程，即布局，测量，和绘制。measure 确定 View 的测量宽高，layout 确定 View 的最终 宽 / 高 和四个顶点的位置，二draw 则将View 绘制到屏幕上。由于我们是自定义View ，用不掉layout。所以就不使用它。 自定义View 的步骤 1，自定义View 的属性 2，在View 的构造方...
一个简单的自定义View案例
yedaiyang的博客
12-30 370
/**  * 自定textview  * 显示内容  * 字体的大小  * 字体的颜色  * 控件的宽高  * 1.自定属性  * 1.在values文件夹下面创建一个attrs.xml文件  * 2.定义我们需要的属性  * 2.wrap_content  hello  * 3.测量尺寸  */ public class MyTextView extends View {
自定义View例子
weixin_47285644的博客
02-19 282
首先我们先来实现一个很简单的圆形自定义View 1.继承View并且重写onDraw方法 import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.util.AttributeSet; import android.view.View; import androidx.annotati
新手自定义view练习实例之（一） 泡泡弹窗
weixin_30241919的博客
01-04 173
转载请注明出处：http://blog.csdn.net/wingichoy/article/details/50455412 本系列是为新手准备的自定义view练习项目（大牛请无视），相信在学习过程中，想学自定义view又无从下手，不知道做什么。本系列为新手提供了一系列自定义view的简单实例。看过理解之后，自己实现，相信会有很大提高。 公司需要做地图，无奈美工没有给...
自定义view，父容器无限onmeasure、 onlayout
01-20
在本案例中，一个自定义View在onDraw方法中调用了setLayoutParams，进而触发了无限的测量和布局循环，严重消耗了CPU资源。 首先，我们来深入理解`onMeasure`和`onLayout`这两个关键方法。在Android的视图绘制流程中...
Android 自定义view和属性动画实现充电进度条效果
09-01
本案例中，我们将讨论如何使用这两种技术实现一个充电进度条的动画效果。首先，我们需要理解自定义View的基本流程。 自定义View通常包括以下几个步骤： 1. **创建View类**：继承自Android的基础View或ViewGroup类，...
Android自定义View实现水面上涨效果
01-20
本案例中，我们将讨论如何实现一个自定义View，该View能够展示水面上涨效果，包括圆形中的水位升高以及波纹效果。这个效果通常用于进度条或者加载指示器，给人一种动态的视觉体验。 首先，我们要定义自定义View的...
自定义View实例
12-20
自定义View代码实例 其中包含几个实例,比如自定义TextView实现验证码功能,自定义进度条,自定义音量控制器
android 自定义View 实例
11-30
android 自定义View 实例，不熟悉的朋友，可以看看这个demo，可以改写成任何你想要的样子。
自定义View的简单案例（1）
MR_Condingson的博客
11-22 570
最近在学习自定义View，几个简单的自定义View控件的小案例,供大家参考 案例一：主要是熟悉自定义View的步骤 自定义view的步骤： 1.首先创建一个类继承View（或者view的子类TextView什么的都可以,根据实际需求可以自己选择）。 2.实现两个构造方法 3.在 res文件夹下的Value新建文件中新建attrs文件在declare-styleable的标签下
一个自定义View的实例
weixin_34268579的博客
04-12 104
2019独角兽企业重金招聘Python工程师标准>>> ...
自定义view简单例子
02-18 424
自定义view简单例子本文主要讲解View的绘制，主要重写view的onDraw方法。效果图如下： 自定义绘制View，就少不了画笔Paint，这里简单介绍一下Paint： paint.setAntiAlias(true);//抗锯齿功能 paint.setColor(Color.RED); //设置画笔颜色 paint.setStyle(Style.FILL);//设置填充样式(有
自定义View-案例
王号伦-WZL
07-11 187
自定义View-案例自定义输入框效果：代码时钟效果：代码柱状图效果代码 自定义输入框 效果： 代码 @SuppressLint("AppCompatCustomView") public class CleanTextView extends EditText implements View.OnFocusChangeListener, TextWatcher { private Draw...
官方的自定义 View 例子
AAA啊哈
01-22 710
官方的自定义View的例子
自定义View简单案例-自绘控件
Rair的博客
12-14 329
实现的效果 继承View 继承ViewGroup实现一个顶栏 下面来实现上面效果 自定义View基础：Android开发之自定义View基础 继承View 需要自定义绘制内容，需要继承View，必须要重写onDraw方法，在onDraw方法中来进行绘制，实现onMeasure方法，来测量控件的空间。 创建类，继承View或View的子类，并提供相关的构造方法 publi
新手自定义view练习实例之（二） 波浪view
weixin_30456039的博客
01-05 139
本系列是为新手准备的自定义view练习项目（大牛请无视），相信在学习过程中，想学自定义view又无从下手，不知道做什么。本系列为新手提供了一系列自定义view的简单实例。看过理解之后，自己实现，相信会有很大提高。 转载请注明本篇出处：http://blog.csdn.net/wingichoy/article/details/50460213 继续来本系列的第二篇，启发是吃口香...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值