??????? 实现画板功能可通过现有的ImageView组件,也可以通过自定义DrawingView组件,添加新的画板功能。二组件都继承android.view.View类。
? ? ? ? 一:DrawingView程序部分:
??????? (1)继承View类,重写构造方法。在传入参数Context、AttributeSet的方法中新建画笔对象paint。
??????? (2)重写onDraw(android.graphics.Canvas)方法:
? ? ? ? ? ? ?public void onDraw(Canvas canvas) {
? ? ? ? ? ? ? ? ?super.onDraw(canvas);
? ? ? ? ? ? ? ? //如果bitmap没有被创建,初始化一个bitmap。
? ? ? ? ? ? ? ? if (bitmap == null) {
? ? ? ? ? ? ? ? ? ? bitmap = Bitmap.createBitmap(this.getWidth(), this.getHeight(),
? ? ? ? ? ? ? ? ? ? Config.ARGB_8888);//设置大小为屏幕大小,颜色为32位色。
? ? ? ? ? ? ? ? ? ??this.canvas = new Canvas(bitmap);//创建画布为缓冲绘图区bitmap。
? ? ? ? ? ? ? ? ? ? this.canvas.drawColor(Color.CYAN);//将画布的颜色填充为青色。
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? // 将bitmap对象绘制到DrawingView界面上。参数二指源区域,参数三指目标区域,用于贴图。
? ? ? ? ? ? ? ? canvas.drawBitmap(bitmap, 0, 0, paint);
? ? ? ? ? ? ? ??(在使用ImageView组建画图时,需要imageview.setImageBitmap(bitmap);将缓冲区图片设置到imageview上)
? ? ? ? ? ? }
? ? ? ? (3)重写View的触控事件。
? ? ? ? ? ? ? ? //该方法返回布尔值,应在绘图后返回ture表示事件已被成功处理。
? ? ? ? ? ? ? ? public boolean onTouchEvent(MotionEvent event) {
? ? ? ? ? ? ? ? //对事件进行分类处理。
? ? ? ? ? ? ? ? switch (event.getAction()) {
? ? ? ? ? ? ? ? case MotionEvent.ACTION_DOWN://按下触控板
? ? ? ? ? ? ? ? ? ? x1 = event.getX();
? ? ? ? ? ? ? ? ? ? y1 = event.getY();
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? case MotionEvent.ACTION_UP://离开触控板
? ? ? ? ? ? ? ? ? ? ? ? //判断当前功能并绘制相应图形。
? ? ? ? ? ? ? ? ? ? ? ? (String进行比较时,if string.equals("...");表示比较String的值相等。
? ? ? ? ? ? ? ? ? ? ? ? 而if(StringA=="...");则二者的值和地址都需要相等才能返回真。)
? ? ? ? ? ? ? ? ? ? if (shape.equals("直线")) {
? ? ? ? ? ? ? ? ? ? ? ? x2 = event.getX();
? ? ? ? ? ? ? ? ? ? ? ? y2 = event.getY();
? ? ? ? ? ? ? ? ? ? ? ? canvas.drawLine(x1, y1, x2, y2, paint);
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? if(shape.equals("矩形")){
? ? ? ? ? ? ? ? ? ? ? ? x2 = event.getX();
? ? ? ? ? ? ? ? ? ? ? ? y2 = event.getY();
? ? ? ? ? ? ? ? ? ? ? ? canvas.drawRect(x1, y1, x2, y2, paint);
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? case MotionEvent.ACTION_MOVE:
? ? ? ? ? ? ? ? ? ? if (shape.equals("曲线")) {
? ? ? ? ? ? ? ? ? ? ? ? x2 = event.getX();
? ? ? ? ? ? ? ? ? ? ? ? y2 = event.getY();
? ? ? ? ? ? ? ? ? ? ? ? canvas.drawLine(x1, y1, x2, y2, paint);
? ? ? ? ? ? ? ? ? ? ? ? x1 = x2;
? ? ? ? ? ? ? ? ? ? ? ? y1 = y2;
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? //................
? ? ? ? ? ? ? ? //重绘
? ? ? ? ? ? ? ? this.invalidate();
? ? ? ? ? ? ? ??(invalidate();会通知区域无效,排队等待消息后重绘,若加入this.Update()则立即重绘,强调同步);
? ? ? ? ? ? ? ? return true;
? ? ? ? ? ? }
? ? ? ? }?
?
? ? ? ? 二:main.xml菜单编辑部分:
? ? ? ? <item>添加选项,同类选项之间被添加在同一<menu>下。
? ? ? ??(.xml文件形式以<类型名>......</类型名>完成一次嵌套并结束。这里不应使用中文命名。)
? ? ? ? <menu xmlns:android="http://schemas.android.com/apk/res/android" >
? ? ? ? <!--表示进入菜单时的第一阶目录。其中有Color选单-->
? ? ? ? ? ? ?<item android:id="@+id/color" android:title="@string/color">
? ? ? ? ? ? ? ? ?<menu>
? ? ? ? ? ? ? ? ? ? <!--Color选单下的内容,包含了四种颜色选择-->
? ? ? ? ? ? ? ? ? ? <group android:checkableBehavior="single" android:enabled="true">
? ? ? ? ? ? ? ? ? ? ? ? <item android:id="@+id/red" android:title="@string/Red"/>
? ? ? ? ? ? ? ? ? ? ? ? <item android:id="@+id/yellow" android:title="@string/Yellow"/>
? ? ? ? ? ? ? ? ? ? ? ? <item android:id="@+id/blue" android:title="@string/Blue"/>
? ? ? ? ? ? ? ? ? ? ? ? <item android:id="@+id/black" android:title="@string/Black"/>
? ? ? ? ? ? ? ? ? ?</group>
? ? ? ? ? ? ? ? </menu>
? ? ? ? ? ? </item>
? ? ? ? 以此方法建立工具选单,画笔粗细选单。
?
? ? ? ? 三:strings.xml菜单标题对照部分:
? ? ? ? ? ? ? ?<string name="color">颜色选择</string>
? ? ? ? ? ? ? ?<string name="Red">红色</string>
? ? ? ? ? ? ? ?<string name="Yellow">黄色</string>
? ? ? ? ? ? ? ?<string name="Blue">蓝色</string>
? ? ? ? ? ? ? ?<string name="Black">黑色</string>
? ? ? ? ? ? ? ?在执行应用时将菜单中的标题改换成中文。
? ? ? ???以此方法建立工具选单,画笔粗细选单的标题对照。
?
? ? ? ? 四:MainActivity.java部分:
? ? ? ? (1)实例化一个DrawingView对象dv;
? ? ? ? (2)在onCreate(Bundle savedInstanceState)方法中获取绘制图形组件对象:
? ? ? ? ? ? ? ??dv = (DrawingView)this.findViewById(R.id.drawingView1);//通过地址访问。
? ? ? ? (3)添加菜单的方法
? ? ? ? public boolean onCreateOptionsMenu(Menu menu) {
? ? ? ? ? ? getMenuInflater().inflate(R.menu.main, menu);
? ? ? ? ? ? return true;
? ? ? ? }
? ? ? ? (4)添加菜单功能选择的方法
? ? ? ? public boolean onOptionsItemSelected(MenuItem item) {
? ? ? ? ? ? ?//将菜单中选项组建的Title转型成String
? ? ? ? ? ? String MenuName = item.getTitle().toString();
? ? ? ? ? ? //选择功能
? ? ? ? ? ? //直线
? ? ? ? ? ? if(MenuName.equals("直线")){
? ? ? ? ? ? ? ? dv.shape = "直线";
? ? ? ? ? ? }
? ? ? ? ? ? ......其余以此为例。
? ? ? ? ? ? //选择颜色
? ? ? ? ? ? //红色
? ? ? ? ? ? if(MenuName.equals("红色")){
? ? ? ? ? ? ? ? dv.paint.setColor(Color.RED);(访问格式:对象.属性.方法;)
? ? ? ? ? ? }
? ? ? ? ? ? ......其余以此为例。
? ? ? ? ? ? //选择画笔粗细
? ? ? ? ? ? //3像素宽度
? ? ? ? ? ? if(MenuName.equals("3dp")){
? ? ? ? ? ? ? ? dv.paint.setStrokeWidth(3);
? ? ? ? ? ? }
? ? ? ? ? ? (在创建item组件时,不能以数字开头命名,故创建时可命名为Dp3。)
? ? ? ? ? ? ......其余以此为例。
? ? ? ? ? ? return true;
? ? ? ? }
?
? ? ? ? 简易画板效果预览:
?
?
?
?