Path、 贝塞尔曲线、 Bitmap、 Xfermode、 OnTouchEvent

最新推荐文章于 2021-06-01 04:05:10 发布
最新推荐文章于 2021-06-01 04:05:10 发布
阅读量509 收藏
点赞数
分类专栏： 记录 文章标签： 位图 path canvas Bitmap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/F1186485056/article/details/48528427
版权

Path

借助path类画一些几何图形
画一个三角形、画一个圆，沿着圆写文字，画贝塞尔曲线

protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        path.moveTo(300, 300);
        path.lineTo(200, 400);
        path.lineTo(400, 400);
        path.close();
        path.addCircle(width/2,height/2,300, Path.Direction.CCW);
        canvas.drawPath(path, mPaint);
        canvas.drawTextOnPath("文字文字文字文字文字文字文字",path,50,0,mPaint);
        path.moveTo(200,200);
        path.quadTo(300,300, 400, 200);
        canvas.drawPath(path, mPaint);
        canvas.drawPoint(200, 200, mPaintPoint);
}

贝塞尔曲线

所谓贝塞尔曲线，是连接两个点的圆滑曲线，它由三个点确定，一个起始点，一个终点，第三个是控制点。
如何画一个贝塞尔曲线：

path.moveTo(200,200);//起始点
path.quadTo(300,300, 400, 200);//控制点  结束点
canvas.drawPath(path, mPaint);

下面的程序可以达到水面波动的效果

package com.example.administrator.mywidgetdemo.MyView;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.View;

import java.util.Calendar;

/**
 * Created by Administrator on 2015/9/17.
 */
public class MyPathView extends View {
    private int width;
    private int height;
    private Paint mPaint;
    private Paint mPaintPoint;
    private Path path;
    public static final int NEED_INVALIDATE = 0X23;
    private int count = 0;
    private Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            switch (msg.what){
                case NEED_INVALIDATE:
                    count+=5;
                    if (count>80){
                        count=0;
                    }
                    invalidate();//告诉UI主线程重新绘制
                    handler.sendEmptyMessageDelayed(NEED_INVALIDATE,100);
                    break;
            }
        }
    };

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

    public MyPathView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
        mPaint.setTextSize(50);
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.STROKE);
        path = new Path();

        mPaintPoint = new Paint();
        mPaintPoint.setColor(Color.GREEN);
        mPaintPoint.setStyle(Paint.Style.STROKE);
        mPaintPoint.setStrokeWidth(3);
        handler.sendEmptyMessage(NEED_INVALIDATE);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = getDefaultSize(getSuggestedMinimumWidth(),widthMeasureSpec);
        height = getDefaultSize(getSuggestedMinimumHeight(),heightMeasureSpec);
        setMeasuredDimension(width, height);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        path.reset();
        path.moveTo(count, 100);
        for (int i = 0;i<10;i++){
            path.rQuadTo(20,5,40,0);//rQuadTo是以moveTo到的点为原点，接着确定两个点
            path.rQuadTo(20,-5,40,0);
        }
        canvas.drawPath(path,mPaint);
        canvas.drawCircle(400,100,80,mPaintPoint);
    }
}

Bitmap

Bitmap,位图
借助矩阵Matrix可以对位图进行操作：平移、旋转、缩放、倾斜、对称

package com.example.administrator.mywidgetdemo.MyView;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

import com.example.administrator.mywidgetdemo.R;

/**
 * Created by Administrator on 2015/9/17.
 */
public class MyBitmapView extends View {
    private int width;
    private int height;
    private Bitmap mBitmap;
    private Paint mPaint;
    private Matrix matrix;

    private int mBitmapWidth;
    private int mBitmapHeight;

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

    public MyBitmapView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.aa);
        Log.d("","图片相关信息 宽："+mBitmap.getWidth()+"高："+mBitmap.getHeight());
        mBitmapWidth = mBitmap.getWidth();
        mBitmapHeight = mBitmap.getHeight();

        mPaint = new Paint();
        matrix = new Matrix();

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = getDefaultSize(getSuggestedMinimumWidth(),widthMeasureSpec);
        height = getDefaultSize(getSuggestedMinimumHeight(),heightMeasureSpec);
        setMeasuredDimension(width, height);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawBitmap(mBitmap, 0, 0, mPaint);//写入一张图片

        matrix.reset();
        matrix.postScale(2, 2);//放大缩小
        canvas.drawBitmap(mBitmap, matrix, mPaint);

        matrix.reset();
        canvas.drawBitmap(mBitmap, matrix, mPaint);
        matrix.postTranslate(0, mBitmapHeight * 2);//平移
        canvas.drawBitmap(mBitmap, matrix, mPaint);

        matrix.reset();
        matrix.postRotate(180);//旋转
        matrix.postTranslate(mBitmapWidth * 2, mBitmapHeight * 3);
        canvas.drawBitmap(mBitmap, matrix, mPaint);

        matrix.reset();
        matrix.postSkew(0,1);//侧切（倾斜）
        canvas.drawBitmap(mBitmap,matrix,mPaint);

        matrix.reset();
        float matrix_values[] = {1f,0f,0f,0f,-1f,0f,0f,0f,1f};//关于x轴对称
        matrix.setValues(matrix_values);
        matrix.postTranslate(0, mBitmapHeight * 2);
        canvas.drawBitmap(mBitmap,matrix,mPaint);

        matrix.reset();
        float matrix_values2[] = {-1f,0f,0f,0f,1f,0f,0f,0f,1f};//关于y轴对称
        matrix.setValues(matrix_values2);
        matrix.postTranslate(width*2,0);
        canvas.drawBitmap(mBitmap,matrix,mPaint);
    }
}

Xfermode

示例图：
这里写图片描述

package com.example.administrator.mywidgetdemo.MyView;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by Administrator on 2015/9/17.
 */
public class MyBitmapView2 extends View {
    private int width;
    private int height;
    private Bitmap mBitmap;
    private Paint mPaintCricle;
    private Paint mPaintRect;

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

    public MyBitmapView2(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaintCricle = new Paint();
        mPaintRect = new Paint();
        mPaintCricle.setColor(Color.YELLOW);
        mPaintRect.setColor(Color.BLUE);
        PorterDuffXfermode mode = new PorterDuffXfermode(PorterDuff.Mode.XOR);//通过改变参数可以达到不同的效果
        mPaintRect.setXfermode(mode);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = getDefaultSize(getSuggestedMinimumWidth(),widthMeasureSpec);
        height = getDefaultSize(getSuggestedMinimumHeight(),heightMeasureSpec);
        setMeasuredDimension(width, height);
        mBitmap = Bitmap.createBitmap(width,height,Bitmap.Config.ARGB_8888);
        canvasBit = new Canvas(mBitmap);
    }
    private Canvas canvasBit;
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(Color.RED);

        canvasBit.drawCircle(width/2,height/2,width/2,mPaintCricle);
        canvasBit.drawRect(0,height/2-width/2,width/2,height/2,mPaintRect);
        canvas.drawBitmap(mBitmap,0,0,null);
    }
}

onTouchEvent

示例是模拟电话薄中的联系人右侧的字母栏，可以点击，可以滑动。

package com.example.administrator.mywidgetdemo.MyView;

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

/**
 * Created by Administrator on 2015/9/17.
 */
public class MySlider extends View {
    private int width;
    private int height;
    private Paint mPaintText;
    private Paint mPaintClick;
    private int index = -1;
    private String[] array ={"A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z",};
    private OnItemSelect onItemSelectListener;

    public void setOnItemSelectListener(OnItemSelect onItemSelectListener) {
        this.onItemSelectListener = onItemSelectListener;
    }

    public interface OnItemSelect{
        public void onItemSelect(int index,String stringIndex);
    }

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

    public MySlider(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaintText = new Paint();
        mPaintText.setTextAlign(Paint.Align.CENTER);
        mPaintClick = new Paint();
        mPaintClick.setTextAlign(Paint.Align.CENTER);
        mPaintClick.setColor(Color.BLUE);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = getDefaultSize(getSuggestedMinimumWidth(),widthMeasureSpec);
        height = getDefaultSize(getSuggestedMinimumHeight(),heightMeasureSpec);
        setMeasuredDimension(width, height);
        mPaintText.setTextSize(height / 26f);

        mPaintClick.setTextSize(height/26f);
    }
    private float x;
    private float y;
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_MOVE:
            case MotionEvent.ACTION_DOWN:
                x = event.getX();
                y = event.getY();
                if (x>width-mPaintText.measureText("M")*2){
                    index = (int) (y/(height/26));
                    Log.d("onTouch","点击到了："+array[index]);
                    onItemSelectListener.onItemSelect(index,array[index]);
                    invalidate();
                    return true;
                }
                break;

            case MotionEvent.ACTION_UP:
                index = -1;
                invalidate();
                break;
        }
        return super.onTouchEvent(event);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        for (int i=0;i<array.length;i++){
            if (index==i){
                canvas.drawText(""+array[i],width-mPaintText.measureText("M"),height/26*(i+1),mPaintClick);
            }else {
                canvas.drawText(""+array[i],width-mPaintText.measureText("M"),height/26*(i+1),mPaintText);
            }
        }
    }
}

public class MainActivity extends Activity {
    private MySlider mySlider;
    private TextView textView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_bitmapview);
        mySlider = (MySlider) findViewById(R.id.myslider);
        textView = (TextView) findViewById(R.id.textview);
        mySlider.setOnItemSelectListener(new MySlider.OnItemSelect(){

            @Override
            public void onItemSelect(int index, String stringIndex) {
                textView.setText(stringIndex);
            }
        });
    }
}

观察者设计模式

 private OnItemSelect onItemSelectListener;

    public void setOnItemSelectListener(OnItemSelect onItemSelectListener) {
        this.onItemSelectListener = onItemSelectListener;
    }

    public interface OnItemSelect{
        public void onItemSelect(int index,String stringIndex);
    }
离人泪--FENG
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义View--贝塞尔曲线、Shader
Huang兄
11-04 512
2019-01-20 21:56:52 文章目录贝塞尔曲线的应用手势追踪，改变moveTo、LineTo生硬路径现象波浪效果望远镜效果(点击哪里则哪里出现图像) 贝塞尔曲线可以将Path中的moveTo、LineTo等连接的生硬路径变得平滑，也能实现很多好看的效果。 一阶贝塞曲线 B(t)=P0(1−t)+tP1,t∈[0,1]B(t)=P_0(1-t)+tP_1,t\in[0,1]B(t)=P0​(1−t)+tP1​,t∈[0,1] 二阶贝塞尔曲线 B(t)=P0(1−t)2+2t(1−t)
Android高级绘制——绘图篇（三）路径Path绘制以及贝塞尔曲线使用技巧
AkaiC的博客
04-22 7371
开篇 废话不说了，直接开凿吧！这篇这要说一下路径（path）的绘制技巧以及 神一样的存在（贝塞尔曲线）的绘制 基本绘制 1、直线路径 void moveTo(float x1,float y1)：直线的开始点，即将直线路径的绘制点定在（x1,y1）的位置； void lineTo(float x2,float y2)：直线的结束点，又是下一次绘制路径的开始点，line...
贝塞尔曲线----原理以及在Android平台的实现
Groople的专栏
10-31 1477
一、什么是贝塞尔曲线？ 贝塞尔曲线于 1962 年，由法国工程师皮埃尔·贝济埃（Pierre Bézier）所广泛发表，他运用贝塞尔曲线来为汽车的主体进行设计。 贝塞尔曲线主要用于二维图形应用程序中的数学曲线，曲线由起始点，终止点（也称锚点）和控制点组成，通过调整控制点，通过一定方式绘制的贝塞尔曲线形状会发生变化。后面会具体介绍绘制的方法。 在计算机图形学中贝赛尔曲线的运用很广泛，例如Pho...
android贝塞尔曲线拖拽,贝塞尔曲线实践--拖拽气泡
weixin_29775447的博客
06-01 296
贝塞尔曲线扫盲贝塞尔曲线主要由于三个部分控制：起点，终点，中间的辅助控制点。在android自带的Path类中自带了方法，可以帮助我们实现贝塞尔曲线：二阶贝塞尔/*** Add a quadratic bezier from the last point, approaching control point* (x1,y1), and ending at (x2,y2). If no moveTo...
Path以及贝塞尔曲线
u011536013的博客
05-19 766
1.Path 路径，可用于绘制直线、曲线构成的集合图形，还可以御用根据路径绘制文字 常用Api包括 移动、连线、闭合等 // //// mPaint.setStyle(Paint.Style.FILL); //一阶贝塞尔曲线，表示的是一条直线 mPath.moveTo(100, 70); //移动 // mPath.lineT...
Android 贝塞尔曲线——类似QQ红点拖拽效果
lp598876762的博客
07-01 526
在Android绘制中，提供了更为丰富绘制api——Path类，包括直线，二阶贝塞尔曲线，三阶贝塞尔曲线，弧形，圆，椭圆，圆角矩形等等，path的绘制最终是调用了C中的绘制方法。 下面来看一下常用的几个path的方法 public void moveTo(float x, float y) { nMoveTo(mNativePath, x, y); } 该方法表示设置起始点位置，会改变后...
自定义控件三部曲之绘图篇（六）——Path之贝赛尔曲线和手势轨迹、水波纹效果
热门推荐
启舰
03-28 3万+
前言：好想义无反顾地追逐梦想 相关文章：《Android自定义控件三部曲文章索引》:http://blog.csdn.net/harvic880925/article/details/50995268 从这篇开始，我将延续androidGraphics系列文章把图片相关的知识给大家讲完，这一篇先稍微进阶一下，给大家把《android Graphics（二）：路径及文字》略去的quadTo（二阶...
使用贝塞尔曲线算法实现毛笔签名效果
ONGYUNHAI的博客
05-09 7982
最近项目中有个需要签名的地方，要用到手写签名，开始只是简单的实现手写签名，如图： 后来领导说，能不能实现像毛笔那样签名的效果，那好吧，领导说怎样就怎样吧，而且我也觉得这里用毛笔效果会更好些。那就只好运用贝塞尔曲线的原理了。实现如下：/** * This view implements the drawing canvas. * * It handles all of
Android开发：清空缓存
F1186485056的博客
10-13 1万+
APP开发中常有计算缓存大小和清空缓存的功能，此功能很常见，几乎每个应用都能看到，下面就用代码来实现此功能： 步骤为： 1、获取缓存路径 获取长时间保存的文件，Context.getExternalFilesDir()； 存储位置，SDCard/Android/data/你的应用的包名/files/ 获取临时缓存， Context.getExternalCac
Fragment实例，数据存储，数据库SQLite
F1186485056的博客
09-07 4591
Fragment的用法模拟微信界面，可滑动切换，也可以点击下面图标切换public class MainActivity extends FragmentActivity { private MyFirstFragment myFirstFragment; private MySecondFragment mySecondFragment; private MyThirdFr
HttpClient请求网络 xml解析
F1186485056的博客
11-20 1754
xml解析包含dom解析、sax解析、pull解析，这里给出pull解析的例子。package com.example.myweathertest;import java.io.IOException; import java.io.StringReader;import org.apache.http.HttpEntity; import org.apache.http.HttpResponse;
Android中wifi讲解 显示wifi列表
F1186485056的博客
08-31 1452
WiFi列表显示相关API1、获取wifi对象并进行操作 要操作WIFI设备，需要先获取Context.getSystemService(Context.WIFI_SERVICE)来获取WifiManager对象，并通过这个对象来管理WIFI设备。相关方法如下： addNetwork(WifiConfiguration config) 添加一个config描述的WIFI网络，默认情况下
Service IntentService Android中的线程 MediaPlayer
F1186485056的博客
09-09 1388
在Service中添加线程注意服务是需要注册的 public class MyService extends Service { private int count; @Override public void onCreate() { super.onCreate(); Log.d("", "onCreate"); } @Ov
事件传递、 手势GestureDetector
F1186485056的博客
09-24 1086
事件传递Android的事件传递有下面三种方法： 1、dispatchTouchEvent 表示事件的分发 2、onInterceptTouchEvent 表示事件的拦截 3、onTouchEvent 表示事件的处理 返回值为false表示不拦截、不分发 下拉刷新：package com.example.administrator.myrefreshdemo;import android.
ViewPager添加圆点，循环翻页。fragment的使用
F1186485056的博客
09-06 1060
ViewPager添加圆点，循环翻页，添加标题对比昨天，与昨天的类似，public class MainActivity extends Activity { private ViewPager viewpager; private List<View> views; private LayoutInflater mInflater; private LinearLa
分左右布局的聊天界面、并且添加表情
F1186485056的博客
09-01 982
书接昨天，设计分左右布局的聊天界面，需要添加一个右边的listview，与左边的十分相似；添加表情，需要在原布局下添加一个GridView,并且写一个表情的布局文件，最后写一个表情的适配器ExpressionAdapter。public class ExpressionAdapter extends BaseAdapter { private int[] mData = {R.mipmap.
百度地图、 SurfaceView
F1186485056的博客
09-21 933
百度地图 SurfaceView package com.example.administrator.mysensordemo; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.C
自定义Adapter、全选、反选、checkbox、
F1186485056的博客
08-25 868
package com.example.administrator.myweidget.adapter;import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapt
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值