android开发笔记之多媒体—画画板(娱乐一下)
博客专区 > Mr_Nice 的博客 > 博客详情
android开发笔记之多媒体—画画板(娱乐一下)
Mr_Nice 发表于2年前
android开发笔记之多媒体—画画板(娱乐一下)
  • 发表于 2年前
  • 阅读 7
  • 收藏 0
  • 点赞 2
  • 评论 0

效果:

这里写图片描述

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

核心代码 :

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)
    }
}

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

共有 人打赏支持
粉丝 0
博文 47
码字总数 39947
×
Mr_Nice
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: