android画板

最新推荐文章于 2025-06-23 13:33:21 发布
最新推荐文章于 2025-06-23 13:33:21 发布
阅读量412 收藏 6
点赞数
CC 4.0 BY-SA版权
文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/aa529328914/article/details/84902930

实现一个简单的android画板功能

主要功能有：画图，更换画布颜色，更换画笔颜色，笔迹粗细，当然还有最重要的放歌功能。

画图界面：

界面代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.nono.second" >


    

        <ImageButton
        android:id="@+id/music"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:background="#00000000"
        android:layout_marginTop="0dp"
        android:src="@drawable/start" />

            <com.example.nono.paintview
                android:id="@+id/paintview"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:layout_alignParentBottom="true"
                android:layout_alignParentLeft="true"
                android:layout_alignRight="@+id/music"
                android:layout_below="@+id/music" /> //画板

            <Spinner
                android:id="@+id/colorselect"
                android:layout_width="33dp"
                android:layout_height="33dp"
                android:layout_alignLeft="@+id/paintview"
                android:layout_alignTop="@+id/music"
                android:layout_marginLeft="23dp"
                android:entries="@array/colors" />//画笔颜色下拉选择框

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@+id/colorselect"
                android:layout_alignLeft="@+id/paintview"
                android:text="画布" />

             <TextView
                 android:id="@+id/textView3"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_above="@+id/paintview"
                 android:layout_toLeftOf="@+id/bkcolorselect"
                 android:text="画笔颜色" />

             <Spinner
                 android:id="@+id/bkcolorselect"
                 android:layout_width="33dp"
                 android:layout_height="33dp"
                 android:layout_above="@+id/paintview"
                 android:layout_centerHorizontal="true"
                 android:entries="@array/colors" />//画布颜色选择框

             <TextView
                 android:id="@+id/textView4"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_above="@+id/paintview"
                 android:layout_toRightOf="@+id/bkcolorselect"
                 android:text="粗细" />

             <Spinner
                 android:id="@+id/wid"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_above="@+id/paintview"
                 android:layout_alignTop="@+id/music"
                 android:layout_toLeftOf="@+id/music"
                 android:layout_toRightOf="@+id/textView4"
                 android:entries="@array/num" />//画笔粗细选择框

</RelativeLayout>

 下拉框显示的值配置在arrays.xml中

<?xml version="1.0" encoding="utf-8"?>
    <resources>
    <string-array name="colors">
        <item>red</item>
        <item>yellow</item>
        <item>black</item>
        <item>blue</item>
        <item>white</item>
    </string-array>
    <string-array name="num">
        <item>5</item>
        <item>10</item>
        <item>15</item>
        <item>20</item>
        <item>25</item>
    </string-array>
</resources>

 
 功能方面

 

首先是画图功能，主要使用三个类（Color，Paint，Canvas）

画图功能其实是将画笔走过的点依次连接起来形成线条。

public boolean onTouch(View v, MotionEvent e) {
			// TODO Auto-generated method stub
			Point p=new Point((int)e.getX(),(int)e.getY());
			if(e.getAction()==e.ACTION_DOWN){    //当按下
				pointall=new ArrayList<Point>();
				pointall.add(p);
			}
			else if(e.getAction()==e.ACTION_UP){//当抬起
				pointall.add(p);
				paintview.this.postInvalidate();   //重绘
			}
			else if(e.getAction()==e.ACTION_MOVE){
				pointall.add(p);                   //移动时候
				paintview.this.postInvalidate();   //重绘
			}
			return true;
		}

 该方法主要是将画笔走过的点依次记录在链表里面

 再利用下面的方法依次将链表中的点连接起来形成线条

if(pointall.size()>1){
			Iterator<Point> iter=pointall.iterator();// 现在有坐标点保存的时候可以开始进行绘图
			Point first=null;
			Point last=null;
			while(iter.hasNext()){
				if(first==null){
					first=(Point)iter.next();
				}
				else{ 
					if(last!=null){
					first=last;    //将下一个坐标点赋给上面的
				   }
				last=(Point)iter.next();	//不停下指
				canvas.drawLine(first.x, first.y, last.x, last.y,p);	
					
				}
			}
		}
	}

更换画笔颜色和粗细

这个功能的实现是利用setColor()和setStrokeWidth()方法改变Paint类的color和width的值。

根据用户所选择的值传递相关参数，对颜色和粗细进行改变：

	static void setwidth(int i){
		p.setStrokeWidth(i);
	}
	static void setcolor(int i){
		switch(i){
		case 1:p.setColor(Color.RED);break;
		case 2:p.setColor(Color.YELLOW);break;
		case 3:p.setColor(Color.BLACK);break;
		case 4:p.setColor(Color.BLUE);break;
		case 5:p.setColor(Color.WHITE);break;
		}
	}

更换画布颜色

这个功能的实现刚开始我以为跟画笔颜色更换差不多，后来发现只需要改变界面上组件的背景属性便可以解决

public class second extends Activity{

	private com.example.nono.paintview pa;//建立画板的对象
.............
	
@Override
	protected void onCreate(Bundle savedInstanceState) {

		pa =(com.example.nono.paintview) findViewById(R.id.paintview);//与界面上画布绑定
...........
	}
	private void setlistener(){
...........
		
		spinner.setOnItemSelectedListener(new OnItemSelectedListener(){
			
			 public void onItemSelected(AdapterView<?> parent, View view, 
	                    int pos, long id) {

	                String[] colors = getResources().getStringArray(R.array.colors);
	                Toast.makeText(second.this, "你点击的是:"+colors[pos], 2000).show();
	                if(colors[pos].equals("red"))
	                	{spinner.setBackgroundColor(Color.RED);//改变下拉框所选择的颜色
	                	pa.setBackgroundColor(Color.RED);}//改变画布颜色
	                else if(colors[pos].equals("yellow"))
	                {spinner.setBackgroundColor(Color.YELLOW);
	                pa.setBackgroundColor(Color.YELLOW);}
	                else if(colors[pos].equals("black"))
	                {spinner.setBackgroundColor(Color.BLACK);
	                pa.setBackgroundColor(Color.BLACK);
	                }
	                else if(colors[pos].equals("blue"))
	                {spinner.setBackgroundColor(Color.BLUE);
	                pa.setBackgroundColor(Color.BLUE);
	                }
	                else if(colors[pos].equals("white"))
	                	{spinner.setBackgroundColor(Color.WHITE);
	                	pa.setBackgroundColor(Color.WHITE);
	                	
	                	}
	            }
	            @Override
	            public void onNothingSelected(AdapterView<?> parent) {
	                // Another interface callback
	            }
		});
		

	}
	
}

音乐播放功能

对图片按钮的监听，根据点击改变图片，并调用播放或停止音乐的方法

music.setOnClickListener(new OnClickListener() {
			public void onClick(View v){
				count++;
				if(count%2==1)
				{ music.setImageDrawable(getResources().getDrawable(R.drawable.stop));   //改变按钮图标
				start(v);}
				else
				 {music.setImageDrawable(getResources().getDrawable(R.drawable.start)); //改变按钮图标
				 stop(v);
				 }
				
			}
		});//对播放音乐按钮的监听	    

public void start(View v) {  
	        //找到指定MP3资源  
	        this.myMediaPlayer=MediaPlayer.create(getApplicationContext(), R.raw.qt);  
	        //播放完毕处理  
	        this.myMediaPlayer.setOnCompletionListener(new OnCompletionListener(){  
	  
	            @Override  
	            public void onCompletion(MediaPlayer media) {  
	                second.this.playflag=false;//播放完毕  
	                media.release();//释放所有状态  
	                  
	            }  
	        });
	        if(this.myMediaPlayer!=null){  
	            this.myMediaPlayer.stop();//停止播放  
	        } 
	        try {  
	        	 if(!this.myMediaPlayer.isPlaying()){
	            this.myMediaPlayer.prepare();  
	            this.myMediaPlayer.start();  
//	          Mp3Activity.this.text.setText("正在播放音频文件");  
	        	 }
	        }  
	         catch (IOException e) {  
	            // TODO Auto-generated catch block  
//	          this.text.setText("文件播放出现异常"+e);  
	        }  
	        }
	    
	    
	    public void stop(View v) {  
	        if(second.this.myMediaPlayer!=null){  
	            second.this.myMediaPlayer.stop();  
//	          Mp3Activity.this.text.setText("停止播放音频文件....");  
	        }  
	  
	    }  
	
	
}

 改变画布颜色，画笔颜色、粗细，听着歌的画图界面：

 

aa529328914
关注
【Android】制作一个简易的画板
EddieTries的博客
07-05 1320
前言 本文介绍使用Canvas、Paint、Path等原生API，实现一个简易的画板。 绘图原理 Paint Paint可以理解为我们现实中的画笔，在使用前我们需要对Paint进行初始化，比如颜色、画笔粗细、透明度等。为了让曲线更加的圆滑，我们也可以让Paint划出的内容做一些圆角处理等。下面是一个可以参考的Paint的初始化代码： // 使用抗锯齿模式初始化画笔 Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG); // 设定当前画笔的绘制模式，STROKE为画线
Android画板
zksdu的专栏
04-25 599
文章目录Android画板MyView Android画板 MyView package com.example.myapplication; import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import android.util.AttributeSet; import android.util.Log; import android.view.MotionEve
构建画板应用：Android Studio图形绘制与交互实践
最新发布
weixin_28721743的博客
06-23 741
Android Studio是由Google开发的官方集成开发环境(IDE)，它是专为Android应用开发设计的，基于IntelliJ IDEA的平台。这个IDE自2013年推出以来，逐渐取代Eclipse成为Android开发者的新宠，它的强大功能和优化的工作流程使开发过程更加高效。在Android开发中，自定义View类是一种强大的方式，允许开发者精确控制界面的绘制和行为。
安卓简单的画板
FlyPig_Vip的博客
08-06 486
安卓简单的画板
Android 简易画板
stardust_lemon的博客
03-24 6046
用到的方法 画布Canvas 画笔Paint 路径Path 文件 File 位图 Bitmap 菜单 menu 创建一个Android项目，实现手绘功能的简易画板，并可以储存。 activity_main.xml <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schem...
Android画板开发之橡皮擦功能
08-26
"Android 画板开发之橡皮擦功能" Android 画板开发之橡皮擦功能是 Android 应用程序开发中一个常见的需求。该功能允许用户擦除画板上的内容，实现橡皮擦的功能。在本文中，我们将详细介绍 Android 画板开发之橡皮擦...
android 画板，白板，画图
12-10
在Android开发中，创建一个互动的画板应用是一项有趣且实用的任务。这个“android 画板，白板，画图”模块提供了一种简单的方法，让用户可以在屏幕上进行涂鸦、绘图、添加文字以及处理图像，非常适合用于教育、设计...
Android 画板(白板)源码 涂鸦 画图 图画
09-30
在Android平台上，开发一款画板应用，也称为白板或涂鸦应用，是常见的需求，尤其对于教育、设计和娱乐领域。本项目"Android 画板(白板)源码 涂鸦 画图 图画"提供了一个完整的实现，让用户能够自由地进行绘图操作。...
Android 实现画板功能
12-25
基于android实现了画板，支持返回上一次和下一次的绘制记录，支持清空画板，支持橡皮擦功能，支持保存到本地，支持画笔更换颜色
android实现画板功能
10-27
该资源包含了使用android实现的一个简单的画板以及结合xfermode实现遮罩层画板效果。具体实现，可以参考博客http://blog.youkuaiyun.com/mockingbirds/article/details/49455421
android 制作简单的画板
魏鹏同学
01-21 741
package com.weipeng.xuexi20160119; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import
Android 绘制画板 写字板
明耀的博客
08-29 1866
package com.mingshine.farmmachnav.view; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Path; import android.util.AttributeSet; import android.view.Motio
Android简易画板：
Findingxu的博客
07-25 1133
刚开始学Android不久，写一个画板来熟悉事件处理和图像，以及界面。 功能：选颜色，选形状，画创意图形，选线条粗细，橡皮功能，清空功能 样式：用到菜单 分两个类来写： DrawingActivity: 选ImageView当画板，在画板上画显示东西，画图事件源是ImageView，加监听器OnTouchListener，清空功能事件源是Button，加监听器OnClickListen
初探安卓画板
gaosililin的专栏
02-16 647
在java学习使用画板到现在貌似都快半年了，初探安卓的自定义组件使用到画板感觉非常不适用的样子。 在java使用的画板跟安卓的画板是有挺大的区别，下面记录一下学校安卓的画板的使用  在java当中，话矩形圆形都是空心的，而在安卓默认却是填满的 java当中使用Graphcs.draw--   而在安卓却是吧画布当作参数放在后面…… package com.example.gaosi.ble
android 画板
02-05
### Android 平台画板开发教程 #### 创建自定义视图类 为了实现在Android平台上绘制的功能，通常会创建一个继承`View`的自定义组件来处理触摸事件并执行绘图操作。此类需重写`onDraw()`方法用于屏幕刷新时重新描绘图像[^1]。 ```java public class DrawingView extends View { private Paint drawPaint; public DrawingView(Context context, AttributeSet attrs){ super(context, attrs); setupDrawing(); } private void setupDrawing(){ drawPaint = new Paint(); drawPaint.setColor(Color.BLACK); // 设置默认颜色为黑色 drawPaint.setAntiAlias(true); drawPaint.setStrokeWidth(5); drawPaint.setStyle(Paint.Style.STROKE); drawPaint.setStrokeJoin(Paint.Join.ROUND); drawPaint.setStrokeCap(Paint.Cap.ROUND); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); // 绘制逻辑... } } ``` #### 处理触控输入 通过实现`OnTouchListener`接口监听用户的触摸动作，在`onTouch()`函数内捕捉到手指移动轨迹后调用相应的绘画指令完成线条或其他形状的绘制工作[^2]。 ```java drawingView.setOnTouchListener(new OnTouchListener() { float startX, startY; @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: path.moveTo(event.getX(), event.getY()); break; case MotionEvent.ACTION_MOVE: path.lineTo(event.getX(), event.getY()); invalidate(); // 请求重绘 break; } return true; // 表明已消费此事件 } }); ``` #### 用户交互设计 考虑到用户体验方面的需求，可以考虑加入更多实用特性比如撤销/恢复功能、改变笔刷大小与色彩选项等，使软件更加友好易用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值