安卓 View 开发 绘制尺子

已于 2022-12-02 17:48:04 修改
阅读量809 收藏 1
点赞数
分类专栏： 安卓 kotlin android基础 文章标签： android android studio java
于 2022-12-01 17:06:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hdhhd/article/details/128135159
版权

上图：

Layout:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

<youli.com.example.administrator.myview.MyView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

</LinearLayout>

MyView： 尺子View


import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.View;

import androidx.annotation.Nullable;

public class MyView extends View {

    private Paint paint;

    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setStyle(Paint.Style.STROKE);

    }

    protected void onDraw(Canvas canvas) {
        paint.setColor(Color.BLACK);
        paint.setStrokeWidth(1);
        canvas.drawRoundRect(30, getHeight() / 2, getWidth() - 30, getHeight() / 2 + 200, 10, 10, paint);

        canvas.save(); //保存现场
        for (int i = 1; i < 92; i++) {
            String value = String.valueOf(i);
            if (value.length() == 1) {
                if (value.contains("1")) {
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 90, paint);
                } else if (value.contains("6")) {
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 120, paint);
                } else {
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 150, paint);
                }
            } else if (value.length() > 1) {
                String[] len = value.split("");
                if (TextUtils.equals(len[len.length - 1], "1")) {
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 90, paint);
                } else if (TextUtils.equals(len[len.length - 1], "6")) {
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 120, paint);
                } else {
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 150, paint);
                }
            }
            canvas.translate(20, 0);//偏移量
        }
        canvas.restore(); //回复现场

        paint.setTextSize(30);
        for (int i = 0; i < 20; i++) {
            if (i == 0) {
                canvas.drawText(String.valueOf(i) + " cm", 50, getHeight() / 2 + 70, paint);
            } else {
                canvas.drawText(String.valueOf(i), 50, getHeight() / 2 + 70, paint);
            }
            canvas.translate(199, 0);//偏移量
        }

    }

}

myview：招财进宝  



import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

import androidx.annotation.Nullable;
import androidx.annotation.UiThread;

public class MyView extends View {


    //================时间动起来

    /**
     * 指针转动方向
     */
    private int Z1 = 6;
    private int Z2 = 6;
    private int Z3 = 6;  //招财


    private Paint paint;

    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setStyle(Paint.Style.STROKE);

    }

    protected void onDraw(Canvas canvas) {
        paint.setColor(Color.BLACK);
        paint.setStrokeWidth(2);
        paint.setAntiAlias(true);
        paint.setStyle(Paint.Style.STROKE);

        //==================================时间
        canvas.save(); //保存现场
        canvas.drawCircle(200, 200, 200, paint);
        for (int i = 0; i < 60; i++) {
            if (i == 0) {
                paint.setColor(Color.RED);
                canvas.drawLine(370, 200, 400, 200, paint);
            } else if (i == 5 || i == 10 || i == 15 || i == 20 || i == 25 || i == 30 || i == 35 || i == 40 || i == 45 || i == 50 || i == 55) {
                paint.setColor(Color.RED);
                canvas.drawLine(370, 200, 400, 200, paint);
            } else {
                paint.setColor(Color.BLACK);
                canvas.drawLine(385, 200, 400, 200, paint);
            }
            canvas.rotate(6, 200, 200);
        }

        paint.setStrokeWidth(1);
        for (int i = 0; i < 12; i++) {
            if (i == 0) {
                paint.setTextSize(30);
                canvas.drawText(String.valueOf(12), 190, 60, paint);
            } else if (i == 3 || i == 6 || i == 9) {
                paint.setTextSize(30);
                canvas.drawText(String.valueOf(i), 190, 60, paint);
            } else {
                paint.setTextSize(20);
                canvas.drawText(String.valueOf(i), 190, 60, paint);
            }
            canvas.rotate(30, 200, 200);
        }

        //指针1
        paint.setStrokeWidth(2);
        canvas.drawLine(200, 200, 280, 120, paint);
        canvas.rotate(Z1, 200, 200);
        Z1 += 6;

        //指针2
        paint.setStrokeWidth(4);
        canvas.drawLine(200, 200, 200, 120, paint);
        canvas.rotate(Z2, 200, 200);
        Z2 += 6;

        canvas.restore(); //恢复现场


//================================招财
        canvas.save(); //保存现场
        paint.setStrokeWidth(2);
        canvas.drawCircle(getWidth() / 2, 200, 200, paint);
        paint.setTextSize(60);
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.FILL);
        canvas.drawText("招财 ", getWidth() / 2 - 60, 220, paint);
        paint.setColor(Color.BLACK);
        paint.setStyle(Paint.Style.STROKE);
        for (int i = 0; i < 192; i++) {
            canvas.drawLine(getWidth() / 2, 300, getWidth() / 2 + 180, 280, paint);
            canvas.rotate(Z3, getWidth() / 2, 200);
        }
        Z3 += 5;
        canvas.restore(); //回复现场



        //================================进宝
        canvas.save(); //保存现场
        paint.setStrokeWidth(2);
        canvas.drawCircle(getWidth() / 2+(getWidth() / 4), 200, 200, paint);
        paint.setTextSize(60);
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.FILL);
        canvas.drawText("进宝 ", getWidth() / 2+(getWidth() / 4) - 60, 220, paint);
        paint.setColor(Color.BLACK);
        paint.setStyle(Paint.Style.STROKE);
        for (int i = 0; i < 192; i++) {
            canvas.drawLine(getWidth() / 2+(getWidth() / 4), 300, getWidth() / 2+(getWidth() / 4) + 180, 280, paint);
            canvas.rotate(Z3, getWidth() / 2+(getWidth() / 4), 200);
        }
        Z3 += 5;
        canvas.restore(); //回复现场

//======================================尺子
        canvas.save(); //保存现场
        paint.setColor(Color.RED);
        canvas.drawRoundRect(30, getHeight() / 2, getWidth() - 30, getHeight() / 2 + 200, 10, 10, paint);
        for (int i = 1; i < 92; i++) {
            String value = String.valueOf(i);
            if (value.length() == 1) {
                if (value.contains("1")) {
                    paint.setColor(Color.BLUE);
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 90, paint);
                } else if (value.contains("6")) {
                    paint.setColor(Color.CYAN);
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 120, paint);
                } else {
                    paint.setColor(Color.RED);
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 150, paint);
                }
            } else if (value.length() > 1) {
                String[] len = value.split("");
                if (TextUtils.equals(len[len.length - 1], "1")) {
                    paint.setColor(Color.BLUE);
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 90, paint);
                } else if (TextUtils.equals(len[len.length - 1], "6")) {
                    paint.setColor(Color.CYAN);
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 120, paint);
                } else {
                    paint.setColor(Color.RED);
                    canvas.drawLine(60, getHeight() / 2 + 200, 60, getHeight() / 2 + 150, paint);
                }
            }
            canvas.translate(20, 0);//偏移量
        }
        canvas.restore(); //回复现场

        paint.setTextSize(30);
        for (int i = 0; i < 20; i++) {
            if (i == 0) {
                canvas.drawText(String.valueOf(i) + " cm", 50, getHeight() / 2 + 70, paint);
            } else {
                canvas.drawText(String.valueOf(i), 50, getHeight() / 2 + 70, paint);
            }
            canvas.translate(199, 0);//偏移量
        }

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return super.onTouchEvent(event);
    }
}

mainActivity:



import android.os.Bundle;
import android.widget.ImageView;

import androidx.appcompat.app.AppCompatActivity;

import java.sql.Time;
import java.util.Timer;
import java.util.TimerTask;

public class MainActivity extends AppCompatActivity {



    private  MyView myView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        myView=findViewById(R.id.myview);


        new Timer().schedule(new TimerTask() {
            @Override
            public void run() {
                myView.postInvalidate();
            }
        }, 1000, 1000);


    }


}

谈情不如逗狗.
关注
专栏目录
android自定义View之尺子
树懒的博客
01-09 2123
最近在做一个时间设置功能，之前都是简单的用一个EditText来实现，并设置输入范围或者输入错误的警告信息，这样的方法虽然简单，但用户使用起来，显得繁琐，而且还动不动的蹦出来俩提示，一点都不友好。 因此这次换个新的设计吧——卡尺选择。 主要介绍一下这个View的主要几个绘制点： 1. 坐标轴：需要绘制X轴（横向卡尺）或Y轴（纵向卡尺）drawLine(Canvas canvas, Paint
android 刻度尺的实现
04-18
刻度尺 中间不动 刻度滑动，有需要的可以看下
Android自定义view之（刻度尺view）
vv_bug
05-11 2521
前言： 最近一直在做h5，感觉学的东西多了还真有点混淆了，再来看anroid的时候，觉得有点点陌生了，难道真的是鱼与熊掌不可兼得吗？ 好吧，也罢～ 在技术群中看到一个小伙伴有一个这样的需求，所以在不是很忙的情况下试着去实现了一下，感觉还不错！～～先上一张最终的结果图（我这样算不算侵权啊，小伙伴产品好不容易设计出来，就被我用啦！ 哈哈～～～不管了，反正android本身都是开源的）：效果还是不错的啊
android尺子的自定义view——RulerView
djh10000的博客
06-26 259
项目中用到自定义尺子的样式： 原代码在github上找的，地址：https://github.com/QQabby/HorizontalRuler 原效果为 因为跟自己要使用的view稍有不同 所以做了一些修改，修改的注释都放在代码中了，特此记录一下。 首先是一个自定义View： 1 public class RuleView extends View ...
Android尺子
DuanLiuchang的博客
06-10 1330
尺子UI布局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android
Android 自定义View：实现一个 FM 刻度尺
weixin_34292402的博客
06-20 893
效果图 前言 最近在做收音机项目需要绘制一个 FM 刻度尺，刚开始考虑了一下现有的开源库，后来发现都不太满足 UI 小哥哥的要求，于是决定自己画一个吧。实现的 Demo 效果如上所示。主要包含大中小三种长度的刻度线，部分刻度整数值和一根指示器。这样就完美实现了一个 FM 刻度尺。下面大致介绍一下具体的做法。只想看代码的同学可以直奔 Github 地址 开始绘制 我是通过继承 View 重写相关类...
android尺子的自定义view——RulerView详解
08-19
`onDraw()`方法是关键，它覆盖了`View`的默认实现，负责在屏幕上实际绘制尺子。这里会根据设定的参数绘制刻度线、文本以及根据`isDraw`标志决定是否绘制数字。 `setHorizontalScrollView()`方法用于设置关联的`...
3个安卓屏幕尺子的demo示例
09-13
开发者可以利用`Canvas.drawLine()`或`Canvas.drawRect()`等方法来绘制尺子的刻度线和标尺。 2. **触摸事件处理**： 用户需要能够通过滑动屏幕来模拟移动尺子，这就需要处理触摸事件。在安卓中，`View`类提供了`...
Android-android自定义尺子
08-13
总的来说，创建一个自定义的Android尺子控件涉及到图形绘制、触摸事件处理、尺寸单位转换等多个技术点。通过这样的实践，开发者不仅可以提升对Android视图系统和绘图API的理解，还能提高解决复杂UI问题的能力。...
Android-一个可以滑动选择的尺子view可以选择体重身高等信息。。
08-13
标题中的“Android-一个可以滑动选择的尺子view可以选择体重身高等信息”指的是在Android平台上开发的一个自定义视图（View），这个视图模仿了尺子的样式，用户可以通过滑动来选择不同的数值，例如体重和身高。...
Android自定义刻度尺精确到毫米
04-27
Android自定义的刻度尺精确到毫米，此demo适应于初学者用来学习自定义view，后期如果大家有需要，我还会改动此项目，大家有何感想或请教前联系我，注明原因。谢谢！
android尺子功能
05-19
android尺子功能，网上代码不尽人意，个人花时间研究开源项目改造而来，你值得拥有
Android 竖直刻度尺效果
04-24
Android 竖直刻度尺效果
android中获取屏幕信息，做标准刻度的尺子
03-11
代码说明在此http://write.blog.csdn.net/postedit/44100463
安卓开发自己写的刻度尺测量，精确到mm.
huanyue6660的博客
08-23 2228
我也是刚学安卓不久，只不过去实习有个项目需要这样的功能就写了，有些也是参考前人的。今天发出来希望对各位朋友有所启发。源码已经注释很清楚。 效果如下图：显示 下面是源码. MainActivity.java package cizi.com.example.cizi; import android.annotation.SuppressLint; impor
Android UI-薄荷健康尺子
zzz777qqq的博客
06-10 612
源码：HenCoder-CustomView: HenCoder-三篇自定义View仿写 (gitee.com)原的 仿的滑动边界与view的大小是两个概念view的内容绘制在canvas上，canvas是一块无限大的画布，View有坐标系，左上角是原点(0,0)，惨van无限大，坐标系也是无限大的。View的宽高则是在无限大的canvas从原点开始圈出一块位置展示内容。如下图，用户的可视范围只是100*100，但无限大的canvas仍然存在。假设在(200,200)的位置画了一个点，虽然用户看不见，但是它
Android 刻度尺
wangjia55的专栏
12-29 7715
http://blog.csdn.net/windlake/article/details/7201234 http://www.apkbus.com/android-13035-1-1.html http://blog.csdn.net/jerboy/article/details/8149453 http://hyongx.iteye.com/blog/1156542
Android尺子项目
喝醉的清茶
10-20 718
Android手机尺子项目该项目就是让自己的手机屏幕变成一把尺子，看起来比较酷炫，而且可以很容易的进行测量。
Android自定义View之刻度尺
stormzhang的专栏
06-06 763
阅读本文大概需要 6.6 分钟。这是我司同事的一篇文章，介绍了我们项目中实际开发中用到的一个自定义View组件，希望对你们能有借鉴作用，可以点击「阅读原文」跳转到作者原博...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值