surfaceview绘制矩形 drawRect

下图是单个矩形框的绘制

canvas.drawRect(left, // 距离左边的距离top,  // 矩形的底距离surfaceview的顶的距离 right,  // 矩形的右边距离surfaceview的左边的距离 bottom,  // 矩形的顶距离surfaceview的顶的距离,所以这里一般是用 top-height,就是矩形的顶直接减去矩形的长度,就得到矩形的长度了 paint);

下面是绘制连续的矩形

for(int i = 0; i < 3; i++){canvas.drawRect(
left + i * leftDis ,  每个矩形框距离左边的距离
300,     底距离顶部的距离
left  + i * leftDis+width, 右边距距离左边,那个width相当于矩形的宽度,这个width必须要小于leftDis,这样矩形框才不会重合,width和leftDis的差值就是矩形框的间隔
100 -10, 顶距离顶部的距离
paint);}

时间: 2024-11-07 17:05:47

surfaceview绘制矩形 drawRect的相关文章

SurfaceView绘制图形

一.什么是SurfaceView 官方文档: SurfaceView是视图(View)的继承类,这个视图里内嵌了一个专门用于绘制的Surface.你可以控制这个Surface的格式和尺寸.Surfaceview控制这个Surface的绘制位置.        surface是纵深排序(Z-ordered)的,这表明它总在自己所在窗口的后面.surfaceview提供了一个可见区域,只有在这个可见区域内 的surface部分内容才可见,可见区域外的部分不可见.surface的排版显示受到视图层级关

用canvas实现鼠标拖动绘制矩形框

需要用到jCanvas插件和jQuery. jCanvas下载:https://raw.githubusercontent.com/caleb531/jcanvas/master/jcanvas.min.js 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>鼠标拖动绘制矩形框(canvas)</ti

在android 自定义listView中绘制矩形

我想在android 在listview中绘制自定义的形状,我在网上找了代码但是没有运行通过,我现在有一个可以绘制矩形的 DrawView.java类,我想在我的自定义listView中展示这个对象. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 DrawView.java package com.example.h

html5 canvas绘制矩形和圆形

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body onload="draw(),drawarc()"> <!--绘制的步骤:获取canvas元素->取得上下文->填充与绘制边框->设定绘图样式--> <!--绘制其他复杂图

android:如何用一天时间,写出“飞机大战”这样的游戏!(无框架-SurfaceView绘制)

序言作为一个android开发者,时常想开发一个小游戏娱乐一下大家,今天就说说,我是怎么样一天写出一个简单的"飞机大战"的.体验地址:http://www.wandoujia.com/apps/edu.njupt.zhb.planegame游戏分析玩过"飞机大战"游戏的都知道,飞机大战中的主要"角色"有:1.玩家飞机2.敌方飞机3.玩家飞机发送的子弹4.敌方Boss飞机发送的子弹我们需要控制的有:1.绘制屏幕内的角色2.控制角色的逻辑,比如:敌方

绘制矩形

1.与矩形有关的方法:fillRect()    strokeRect()   clearRect()  这三个方法都能接受四个参数:矩形的x坐标,矩形的y坐标,矩形的宽度和矩形的高度:单位都是像素 2 //绘制红色矩形.   填充为红色:从点(10,10)开始绘制矩形,宽和高均为50像素, context.fillStyle="#ff0000"; context.fillRect(10,10,50,50); //绘制蓝色矩形 然后填充被设置成了半透明的蓝色  从点(30,30)开始绘

HTML5 在canvas中绘制矩形

作者:卿笃军 原文地址:http://blog.csdn.net/qingdujun/article/details/32930501 一.绘制矩形 canvas使用原点(0,0)在左上角的坐标系统,x坐标向右递增,y坐标向下递增. 使用绘图环境的矩形绘制函数来绘制矩形. fillRect(x,y,width,height) : 绘制一个实心的矩形. strokeRect(x,y,width,height) : 绘制一个空心的矩形. clearRect(x,y,width,height) : 清

[HTML5 Canvas学习]绘制矩形

1.使用strokeRect和fillRect方法绘制矩形 a.strokeRect是绘制一个不填充的矩形 b.fillRect是绘制一个填充的矩形 代码: <script> var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'); context.lineJoin = 'round'; context.lineWidth = 20; context.strokeRect(10, 10,

3. Quartz2D 绘制矩形、圆形、弧形

#pragma mark 绘制圆弧 -(void) drawArc:(CGContextRef)context{ //1.设置路径 /** 1)context 上下文 2)x,y 圆弧所在圆的中心点坐标 3)radius 半径 4)startAngle endAngle起始角度和截止角度,单位是弧度 0度 对应圆的最右侧点 5)clockwise 顺时针或逆时针 */ CGContextAddArc(context, 160, 230, 100, -M_PI_2, M_PI_2, 1); //2