欢迎来到代码驿站!

Android代码

当前位置:首页 > 移动开发 > Android代码

Android多媒体之画画板开发案例分享

时间:2021-02-15 10:22:36|栏目:Android代码|点击:

先看看效果:

其实画画板的原理很简单,就是首先记录下按下屏幕的点,然后每移动一下就让这两次移动的点连线,周而复始,图像就由很多条直线构成了。

核心代码 :

public class MainActivity extends Activity implements OnClickListener,OnSeekBarChangeListener {

  private View red_view,green_view,blue_view;   //控制画笔颜色的三块区域
  private SeekBar seekBar;    //控制画笔粗细的拖动条
  private ImageView iv;  
  private Bitmap bitmap,backgroud;  //画纸和背景图
  private Canvas canvas;       //画布
  private Paint paint;        //画笔
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    red_view = findViewById(R.id.red_view);
    green_view = findViewById(R.id.green_view);
    blue_view = findViewById(R.id.blue_view);
    seekBar = (SeekBar) findViewById(R.id.seekbar);
    iv = (ImageView) findViewById(R.id.iv);
    iv.setImageResource(R.drawable.bg);
    //拿到背景图
    backgroud = BitmapFactory.decodeResource(getResources(), R.drawable.bg);
    //拿到和背景图一样大小的画纸
    bitmap = Bitmap.createBitmap(backgroud.getWidth(), backgroud.getHeight(), backgroud.getConfig());
    //把画纸固定在画布上
    canvas = new Canvas(bitmap);
    //拿到画笔
    paint = new Paint();
    paint.setColor(Color.BLACK);//设置画笔颜色为黑色
    paint.setStyle(Style.STROKE);//设置画笔为空心
    //添加处理规则
    Matrix matrix = new Matrix();
    //照着背景图画
    canvas.drawBitmap(backgroud, matrix, paint);
    red_view.setOnClickListener(this);
    green_view.setOnClickListener(this);
    blue_view.setOnClickListener(this);
    seekBar.setOnSeekBarChangeListener(this);
    iv.setOnTouchListener(new OnTouchListener() {
      float startX;
      float startY;
      @Override
      public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
        //获取按下时的坐标
        case MotionEvent.ACTION_DOWN:
          startX = event.getX();
          startY = event.getY();
          break;
        //获取移动时的坐标
        case MotionEvent.ACTION_MOVE:
          float stopX = event.getX();
          float stopY = event.getY();
//          // 在开始和结束坐标间画一条线
          canvas.drawLine(startX, startY, stopX, stopY, paint);
          //实时更新坐标(通过不断画线)
          startX = event.getX();
          startY = event.getY();

          iv.setImageBitmap(bitmap);
          break;
        case MotionEvent.ACTION_UP:
          break;
        default:
          break;
        }
        return true;
      }
    });
  }
  @Override
  public void onClick(View v) {
    switch (v.getId()) {
    case R.id.red_view:
      //当点击红色区域的时候设置画笔颜色为红色
      paint.setColor(Color.RED);
      break;
    case R.id.green_view:
      //当点击绿色区域的时候设置画笔颜色为绿色
      paint.setColor(Color.GREEN);
      break;
    case R.id.blue_view:
      //当点击蓝色区域的时候设置画笔颜色为蓝色
      paint.setColor(Color.BLUE);
      break;
    default:
      break;
    }
  }
  //拖动条的值改变的时候调用
  @Override
  public void onProgressChanged(SeekBar seekBar, int progress,
      boolean fromUser) {

  }
  //开始拖动时调用
  @Override
  public void onStartTrackingTouch(SeekBar seekBar) {

  }
  //停止拖动时调用
  @Override
  public void onStopTrackingTouch(SeekBar seekBar) {
    int progress = seekBar.getProgress();//拖动条默认的最大值为100
    paint.setStrokeWidth(progress/10f);//控制画笔的粗细范围(0-10)
  }
}

试试觉得很简单呢,赶紧试试吧!

又到周五了,希望大家有个快乐周末,谢谢大家一直对小编的支持,小编一定会再接再厉,为大家分享更多精彩的文章。

上一篇:Android中EditText显示明文与密码的两种方式

栏    目:Android代码

下一篇:Flutter实现底部导航栏效果

本文标题:Android多媒体之画画板开发案例分享

本文地址:http://www.codeinn.net/misctech/63491.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有