先看效果,这是在模拟器中展示(稍有延迟)
我们需要三个文件
Draw.java //操作界面
DrawListener.java //监听触摸,画出小球
image.xml //界面
首先界面image.xml,做一个图像控件,我们的小球就在这个控件中产生并“运动”,很简单,设置为全屏即可,然后设置id
<ImageView
android:id="@+id/image1"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
然后看Draw.java
这个文件就是获取image.xml中的所有控件,然后进行操作
package com.example.bottombar.activity;
import android.annotation.SuppressLint;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
//注意这里要导入widge.imageView,不然下面没法写
import android.widget.ImageView;
import com.example.bottombar.Listener.DrawListener;
import com.example.bottombar.R;
public class Draw extends AppCompatActivity {
final String TAG="Draw";//这行是调试用的,可不用管
@SuppressLint("ClickableViewAccessibility")
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_draw);
//通过image.xml中ImageView的id获取到控件,并声明为imageView
ImageView imageView=(ImageView)findViewById(R.id.image1);
//声明***
DrawListener drawListener=new DrawListener();
//设置***到控件中,就可以实时监听是否触摸了屏幕(使用OnTouchListener***)
imageView.setOnTouchListener(drawListener);
}
}
其实前面都是准备工作
最后是最重要的,设置***
先理解画图的原理
一句话解释是
我们用paint工具和canvas方法在bitmap上画图,然后把bitmap放到view中
通俗讲就是我们拿着蜡笔,使用后现代主义风格在纸上画图,然后誊到石头上~
package com.example.bottombar.Listener;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
public class DrawListener implements View.OnTouchListener{
final String TAG="DrawListener";
Bitmap bitmap;//画图对象
Canvas canvas;//画图方法
Paint paint;//画图样式
@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
bitmap=Bitmap.createBitmap(view.getWidth(),view.getHeight(),Bitmap.Config.ARGB_8888);
canvas=new Canvas(bitmap);//在bitmap中画图
paint=new Paint();
float x=motionEvent.getX();
float y=motionEvent.getY();
Log.d(TAG, "onTouch: "+x+" "+y);//将数据打印在控制台上
canvas.drawCircle(x,y,20,paint);//画圆
//需要导入 android.widget.ImageView;
//在view中放置bitmap对象,imageView是个中转站
ImageView imageView=(ImageView)view;
imageView.setImageBitmap(bitmap);
return true;
}
}