Android用Canvas画一个真正能跑的跑马灯

最新推荐文章于 2024-07-21 14:57:54 发布
最新推荐文章于 2024-07-21 14:57:54 发布
阅读量919 收藏 22
点赞数 9
分类专栏： Android程序员 文章标签： android python 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61068496/article/details/136762049
版权

核心：

1.计算出View宽高，矩形宽高，从而算出矩形的坐标点。

int canvasWidth = canvas.getWidth(); //画布宽度

int canvasHeight = canvas.getHeight(); //画布高度

int canvansMax= (int) Math.sqrt(Math.pow(canvasWidth/2,2)+Math.pow(canvasHeight/2,2))+1; //正方形宽高的一半

2.绘制背景，跑马灯，幕布

//开始绘制底层背景

p.setColor(Color.WHITE);

RectF oval2 = new RectF(0, 0, canvasWidth, canvasHeight);// 设置个新的长方形，扫描测量

canvas.drawRect(oval2,p);

//开始绘制跑马灯

Paint p1=new Paint§;

Shader mShader = new LinearGradient(canvasWidth/2-canvansMax,canvasHeight/2-canvansMax , 2canvansMax, 2canvansMax,

new int[] { Color.RED, Color.GREEN,Color.CYAN,Color.MAGENTA,Color.GRAY,Color.BLUE,Color.YELLOW,Color.RED, Color.GREEN,Color.CYAN,Color.MAGENTA,Color.GRAY,Color.BLUE,Color.YELLOW}, null, Shader.TileMode.REPEAT);

p1.setShader(mShader);

RectF oval = new RectF(canvasWidth/2-canvansMax,canvasHeight/2-canvansMax , 2canvansMax, 2canvansMax);// 设置个新的长方形

canvas.drawRect(oval,p1);

//绘制幕布

Paint p2=new Paint();

p2.setColor(Color.BLACK);

RectF oval3 = new RectF(30, 30, canvasWidth-30, canvasHeight-30);// 设置个新的长方形，扫描测量

canvas.drawRect(oval3,p2);

3.找到旋转的依靠，并开启一个耗时任务。

private Calendar mCalendar; // 时间对象

public static final int START_CLOCK = 1000;// 开启时钟的标识

Handler mHandler = new Handler() {

public void handleMessage(android.os.Message msg) {

switch (msg.what) {

case DrawView.START_CLOCK:

mCalendar = mCalendar.getInstance();

invalidate();

sendEmptyMessageDelayed(DrawView.START_CLOCK, 10);

break;

case DrawView.STOP_CLOCK:

break;

default:

break;

}

}

};

4.设置彩色正方形旋转

canvas.rotate(sec*100,canvasWidth/2,canvasHeight/2);

5.将幕布按照彩色正方形反向旋转（不设置则跟着正方形一起旋转）；

canvas.rotate(-sec*100,canvasWidth/2,canvasHeight/2);

源码如下：

1.完整java文件

public class MarqueeView extends View {

private Calendar mCalendar; // 时间对象

public static final int START_CLOCK = 1000;// 开启时钟的标识

Handler mHandler = new Handler() {

public void handleMessage(android.os.Message msg) {

switch (msg.what) {

case DrawView.START_CLOCK:

mCalendar = mCalendar.getInstance();

invalidate();

sendEmptyMessageDelayed(DrawView.START_CLOCK, 10);

break;

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
img
img
img
img

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
img

最后说一下我的学习路线

其实很简单就下面这张图，含概了Android所有需要学的知识点，一共8大板块：

  1. 架构师筑基必备技能
  2. Android框架体系架构（高级UI+FrameWork源码）
  3. 360°Androidapp全方位性能调优
  4. 设计思想解读开源框架
  5. NDK模块开发
  6. 移动架构师专题项目实战环节
  7. 移动架构师不可不学习微信小程序
  8. 混合开发的flutter

Android学习的资料

我呢，把上面八大板块的分支都系统的做了一份学习系统的资料和视频，大概就下面这些，我就不全部写出来了，不然太长了影响大家的阅读。需要的小伙伴可以私信我【进阶】我免费分享给大家，或者直接点击下面链接领取，谢谢大家这么久以来的支持。

Android学习PDF+架构视频+面试文档+源码笔记

如果你有其他需要的话，也可以在GitHub上查看，下面的资料也会陆续上传到Github

330页PDF Android学习核心笔记（内含上面8大板块）

Android学习的系统对应视频

总结

我希望通过我自己的学习方法来帮助大家去提升技术：

  • 1、多看书、看源码和做项目，平时多种总结

  • 2、不能停留在一些基本api的使用上，应该往更深层次的方向去研究，比如activity、view的内部运行机制，比如Android内存优化，比如aidl，比如JNI等，并不仅仅停留在会用，而要通过阅读源码，理解其实现原理

  • 3、同时对架构是有一定要求的，架构是抽象的，但是设计模式是具体的，所以一定要加强下设计模式的学习

  • 4、android的方向也很多，高级UI，移动架构师，数据结构与算法和音视频FFMpeg解码，如果你对其中一项比较感兴趣，就大胆的进阶吧！

    进阶学习资料领取方式：GitHub

在会用，而要通过阅读源码，理解其实现原理

  • 3、同时对架构是有一定要求的，架构是抽象的，但是设计模式是具体的，所以一定要加强下设计模式的学习

  • 4、android的方向也很多，高级UI，移动架构师，数据结构与算法和音视频FFMpeg解码，如果你对其中一项比较感兴趣，就大胆的进阶吧！

    进阶学习资料领取方式：GitHub

希望大家多多点赞，转发，评论加关注，你们的支持就是我继续下去的动力！加油！

嘻嘻哈哈学编程
关注
  • 9
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android用Canvas画一个真正能跑的跑马灯，死磕原理
m0_64319455的博客
11-17 517
p.setColor(Color.WHITE); RectF oval2 = new RectF(0, 0, canvasWidth, canvasHeight);// 设置个新的长方形，扫描测量 canvas.drawRect(oval2,p); //开始绘制跑马灯 Paint p1=new Paint§; Shader mShader = new LinearGradient(canvasWidth/2-canvansMax,canvasHeight/2-canvansMax , 2canvansMax
Android用Canvas画一个真正能跑的跑马灯，Android面试必问的HashMap
m0_69789996的博客
04-22 332
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200515091635950.png?x-oss-proce Android开源项目《ali1024.coding.net/public/P7/Android/git》 ss=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzYxMzk1,size_16,color_FFFFFF,t_
Android最全Android用Canvas画一个真正能跑的跑马灯，2024年最新字节跳动的面试经验
2401_84545884的博客
05-09 954
以前一直是自己在网上东平西凑的找，找到的东西也是零零散散，很多时候都是看着看着就没了，时间浪费了，问题却还没得到解决，很让人抓狂。后面我就自己整理了一套资料，还别说，真香！资料有条理，有系统，还很全面，我不方便直接放出来，大家可以先看看有没有用得到的地方吧。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！
Android用Canvas画一个真正能跑的跑马灯(1)
m0_61068088的博客
03-16 645
希望大家能有一个好心态，想进什么样的公司要想清楚，并不一定是大公司，我选的也不是特大厂。当然如果你不知道选或是没有规划，那就选大公司！希望我们能先选好想去的公司再投或内推，而不是有一个公司要我我就去！还有就是不要害怕，也不要有压力，平常心对待就行，但准备要充足。最后希望大家都能拿到一份满意的 offer！如果目前有一份工作也请好好珍惜好好努力，找工作其实挺累挺辛苦的。这里附上上述的面试题相关的几十套字节跳动，京东，小米，腾讯、头条、阿里、美团等公司19年的面试题。
2024年Android用Canvas画一个真正能跑的跑马灯(1)，音视频开发面试问题
2401_84519998的博客
05-15 615
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的14套腾讯、字节跳动、阿里、百度等2021最新面试真题解析，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
Android用Canvas画一个真正能跑的跑马灯，2024年Android高级面试题
2401_84152763的博客
04-07 670
由于文章篇幅原因，我只把面试题列了出来，详细的答案，我整理成了一份PDF文档，这份文档还包括了还有高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 ，帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！文章篇幅原因，我只把面试题列了出来，详细的答案，我整理成了一份PDF文档，这份文档还包括了还有高级架构技术进阶脑图、Android开发面试专题资料。
Android用Canvas画一个真正能跑的跑马灯，你真的了解Android系统启动流程吗
m0_64382743的博客
11-28 90
int canvasWidth = canvas.getWidth(); //画布宽度 int canvasHeight = canvas.getHeight(); //画布高度 int canvansMax= (int) Math.sqrt(Math.pow(canvasWidth/2,2)+Math.pow(canvasHeight/2,2))+1; //正方形宽高的一半 2.绘制背景，跑马灯，幕布 //开始绘制底层背景 p.setColor(Color.WHITE); RectF
android paint跑马灯,Android使用Canvas实现跑马灯
weixin_28979339的博客
05-31 211
网上的很多的教程都是通过更改TextView的属性进行跑马灯的设计。这样做有很多的缺点：1、如果TextView没有获取焦点，那么跑马灯的效果无法实现。2、如果文本长度小于TextView的宽度，跑马灯的效果无法实现。3、需要设置很多属性，麻烦。还有很多教程是通过重写TextView的方式使TextView获得焦点，但是没有解决上面的几个问题。本教程也是通过重写TextView的方式，准确的说是通...
android 图片跑马灯动画,【Android自定义View】- 文本跑马灯效果
weixin_36115023的博客
05-25 342
简介有些时候，文字过长，或者有多条需要展示的文本时，我们需要将文本进行左右滚动，多条文本时，还得上下滚动以实现展示不同的文本内容。这时候就需要我们自定义view来实现文本跑马灯效果了。效果图jjj.gifAndroid文本参数 - FontMetrics当我们要自己绘制文本的时候，怎么去计算文字的宽高，有些时候将本文的绘制起点设置为文本控件的中心点，却发现绘制的文本并不是居中的，下面讲解Andro...
Android 自定义View（五）实现跑马灯垂直滚动效果
06-08
本篇文章将深入探讨如何实现一个跑马灯垂直滚动效果，这在许多应用中，如新闻标题展示或广告轮播等场景，都是一个常见的功能。 跑马灯效果，也称为滚动文字或循环播放，通常用来显示一串超出屏幕范围的文字或图片，...
Android自定义跑马灯文字效果
08-24
Android自定义跑马灯文字效果是指在Android平台上实现跑马灯文字效果的技术，通过自定义TextView控件，实现文字的水平滚动动画，达到跑马灯文字效果。 1. 自定义TextView控件 首先，我们需要自定义一个TextView...
android自定义View实现跑马灯效果
01-04
android自带的TextView可以实现跑马灯效果，但是有很多的局限性；比如需要设置ellipsize=”marquee”，获取 focusable=”true”，设置singleLine=”true”，控件里的内容需要超过控件本身的长度，无法控制滚动速度和...
Android自定义TextView跑马灯效果
08-30
5. 布局文件的设计：在这个例子中，使用了LinearLayout作为布局文件的根布局，包含了三个Button控件和一个MarqueeText控件。MarqueeText控件的宽度设置为fill_parent，以便占满屏幕宽度，高度设置为wrap_content，...
【Android系统启动】 Android Zygote 进程启动流程源码解析
thirdbro的博客
07-17 734
在 userdebug 版本中，如果 persist.debug.dalvik.vm.jdwp.enabled 为 1，则所有应用均可使用 JDWP 和 ptrace 进行调试。题外话， 之前找zygote源码的时候，本来想直接通过进程名找这个模块的源码，结果发现根本没有zygote这个名字的命令。通过命令查找到对应的进程目录发现，原来的进程的名字当时编译为。通过上面传下来的参数，“com.android.internal.os.ZygoteInit”，可以得知Java层的包名，以此找到Java代码。
【Android】视图与常用控件总结
Patrick_yuxuan的博客
07-17 965
属性名描述android:id为视图分配唯一的ID，用于在代码中引用设置视图的宽度设置视图的高度设置视图的外边距设置视图的内边距设置视图在其父视图中的对齐方式（仅适用于ViewGroup的子视图）设置视图内容的对齐方式设置视图的背景颜色或图片设置视图的可见性（visibleinvisiblegone设置视图在线性布局中的权重（仅适用于设置视图是否与父视图的顶部对齐（仅适用于设置视图是否与父视图的底部对齐（仅适用于设置视图是否在父视图中居中（仅适用于设置视图在另一视图的下面（仅适用于。
Android GlSurfaceView渲染YUV图形
wolf0706的专栏
07-19 233
OpenGL ES 2.0 的代码，用来显示YUV格式的视频数据。这个示例将包括初始化OpenGL环境、加载Shader程序、绘制纹理等步骤。
Android中接入hook框架：lancet-base
最新发布
冰雪世界
07-21 213
me.ele:lancet-base是"饿了么"开发的Android平台的开源hook框架，GitHub地址为：https://github.com/eleme/lancet。 此框架的优点如下： 1.编译速度快, 并且支持增量编译。 2.简洁的 API, 几行 Java 代码完成注入需求。 3.没有任何多余代码插入 apk。 4.支持用于 SDK, 可以在SDK编写注入代码来修改依赖SDK的App。 接入me.ele:lancet-base框架的步骤如下： 1.在项目根目录的build.gradle
聊聊不再兼容安卓的鸿蒙
学无止境，止于至善
07-17 626
虽然鸿蒙开发在某些机构和媒体的宣传下被描绘得门槛高、收入高，但实际上，智能终端开发的原理和思路都是相似的。毕竟，安卓、iOS以及前端程序员的存量还在那里，他们的经验和技能都是宝贵的财富，他们转型鸿蒙开发的难度不大。然而，这也催生了新的机遇，因为将会有更多的程序员开始投入到鸿蒙的开发中来，成为鸿蒙程序员。因此，虽然鸿蒙的更新和变化给开发者们带来了新的挑战，但同时也带来了更多的机遇。我们只需要保持学习的态度，积极适应新的技术和环境，就能够在这个变化中抓住机遇，取得更大的成功。
Android Canvas 画一个钟表
04-04
以下是一个简单的Android Canvas绘制钟表的示例代码： ```java public class MyClockView extends View { private Paint mCirclePaint; private Paint mLinePaint; private Paint mTextPaint; private Paint mHourHandPaint; private Paint mMinuteHandPaint; private Paint mSecondHandPaint; private float mHour; private float mMinute; private float mSecond; public MyClockView(Context context) { super(context); init(); } public MyClockView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public MyClockView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mCirclePaint = new Paint(); mCirclePaint.setAntiAlias(true); mCirclePaint.setStyle(Paint.Style.STROKE); mCirclePaint.setStrokeWidth(5); mCirclePaint.setColor(Color.BLACK); mLinePaint = new Paint(); mLinePaint.setAntiAlias(true); mLinePaint.setStyle(Paint.Style.STROKE); mLinePaint.setStrokeWidth(3); mLinePaint.setColor(Color.BLACK); mTextPaint = new Paint(); mTextPaint.setAntiAlias(true); mTextPaint.setStyle(Paint.Style.FILL); mTextPaint.setTextSize(30); mTextPaint.setColor(Color.BLACK); mHourHandPaint = new Paint(); mHourHandPaint.setAntiAlias(true); mHourHandPaint.setStyle(Paint.Style.STROKE); mHourHandPaint.setStrokeWidth(8); mHourHandPaint.setColor(Color.BLACK); mMinuteHandPaint = new Paint(); mMinuteHandPaint.setAntiAlias(true); mMinuteHandPaint.setStyle(Paint.Style.STROKE); mMinuteHandPaint.setStrokeWidth(5); mMinuteHandPaint.setColor(Color.BLACK); mSecondHandPaint = new Paint(); mSecondHandPaint.setAntiAlias(true); mSecondHandPaint.setStyle(Paint.Style.STROKE); mSecondHandPaint.setStrokeWidth(3); mSecondHandPaint.setColor(Color.RED); // 获取当前时间 Calendar calendar = Calendar.getInstance(); mHour = calendar.get(Calendar.HOUR_OF_DAY); mMinute = calendar.get(Calendar.MINUTE); mSecond = calendar.get(Calendar.SECOND); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); // 获取控件宽高 int width = getWidth(); int height = getHeight(); // 计算圆的半径 int radius = Math.min(width, height) / 2 - 10; // 画圆 canvas.drawCircle(width / 2, height / 2, radius, mCirclePaint); // 画刻度线和数字 for (int i = 0; i < 12; i++) { canvas.save(); canvas.translate(width / 2, height / 2); canvas.rotate(i * 30); canvas.drawLine(0, -radius, 0, -radius + 30, mLinePaint); canvas.drawText(String.valueOf(i + 1), -10, -radius + 60, mTextPaint); canvas.restore(); } // 画时针 canvas.save(); canvas.translate(width / 2, height / 2); canvas.rotate(mHour * 30 + mMinute / 2); canvas.drawLine(0, 0, 0, -radius / 2, mHourHandPaint); canvas.restore(); // 画分针 canvas.save(); canvas.translate(width / 2, height / 2); canvas.rotate(mMinute * 6); canvas.drawLine(0, 0, 0, -radius * 3 / 4, mMinuteHandPaint); canvas.restore(); // 画秒针 canvas.save(); canvas.translate(width / 2, height / 2); canvas.rotate(mSecond * 6); canvas.drawLine(0, 0, 0, -radius + 20, mSecondHandPaint); canvas.restore(); // 刷新时间 postInvalidateDelayed(1000); } } ``` 在xml布局文件中添加MyClockView： ```xml <com.example.myapp.MyClockView android:layout_width="match_parent" android:layout_height="match_parent"/> ``` 运行效果如下图所示： ![image](https://user-images.githubusercontent.com/543384/136059427-20c4b3c3-e3c8-4e2d-b0d1-7e5bfc8b9d11.png)

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值