实现一个简单的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("停止播放音频文件....");
}
}
}
改变画布颜色，画笔颜色、粗细，听着歌的画图界面：
相关推荐
在Android平台上，开发一款画板应用，也称为白板或涂鸦应用，是常见的需求，尤其对于教育、设计和娱乐领域。本项目"Android 画板(白板)源码 涂鸦 画图 图画"提供了一个完整的实现，让用户能够自由地进行绘图操作。...
"Android画板"这个项目就是一个这样的示例，它展示了如何在Android环境中实现这些功能。下面我们将深入探讨这个Demo所涉及的关键知识点。 1. **Android Canvas**: Android的Canvas类是绘制2D图形的核心工具。开发者...
在Android开发中，创建一个互动的画板应用是一项有趣且实用的任务。这个“android 画板，白板，画图”模块提供了一种简单的方法，让用户可以在屏幕上进行涂鸦、绘图、添加文字以及处理图像，非常适合用于教育、设计...
首先，`Android画板控件`（Painting View）是一种自定义视图，开发者可以通过它来构建用户交互的绘图界面。这个控件允许用户通过手指触摸屏幕进行绘制，可以用于创建涂鸦应用、笔记应用或者儿童教育应用等。为了实现...
总的来说，这个"android画板"项目是一个很好的学习资源，它涵盖了Android开发中的关键概念，如自定义View、图形绘制、触摸事件处理和数据存储。对于想要提升Android图形编程能力的开发者来说，深入研究这个项目会有...
总之，开发Android画板或涂鸦板应用需要掌握自定义View、图形绘制、颜色选择、笔形和粗细设置、相机集成、橡皮擦功能、绘图历史管理和保存分享等多个方面。通过这些技术，我们可以构建出一款功能丰富的创意工具，...
《Android画板软件与TCP服务器通信技术解析》 在当今移动设备广泛应用的时代，开发者们不断探索创新，将硬件与软件紧密结合，以实现更丰富的交互体验。"E23v3.0_Android画板软件"就是一个这样的实例，它通过集成`...
在Android平台上，开发一款画板小工具涉及到许多关键知识点，这些知识点构成了Android应用的基础，并使得用户可以在设备上进行绘图操作。"Android 画板小工具demo"是一个示例项目，它展示了如何创建一个简单的画板...
在这个项目中，我们将探讨Android画板的基本原理、核心功能以及如何实现涂鸦效果。 1. **Android画布(Canvas)和画笔(Paint)** Android的`Canvas`类是进行图形绘制的基础，它提供了绘制线条、形状、文本等图形的...
首先，Android画板程序的基础是Canvas类，它是Android图形系统的核心部分，用于在Bitmap上进行绘制操作。开发者可以使用Canvas提供的各种方法，如drawLine、drawRect、drawCircle等，来绘制线条、矩形、圆形等基本...
这个项目名为"原生Android画板（非签名）"，提供了丰富的绘图功能，包括绘制曲线、箭头直线、矩形框以及添加文字，并且具有撤销操作，对于学习和开发此类应用的开发者来说极具参考价值。下面我们将深入探讨这些知识...
在Android开发中，有时我们需要为用户提供一个可以自由绘制、涂鸦或签名的界面，这就需要用到画板（Canvas）视图控件。Android签名画板模块是专门为这种需求设计的，它是一个轻量级且高效的解决方案，能够帮助开发者...
"Android 画板开发之橡皮擦功能" Android 画板开发之橡皮擦功能是 Android 应用程序开发中一个常见的需求。该功能允许用户擦除画板上的内容，实现橡皮擦的功能。在本文中，我们将详细介绍 Android 画板开发之橡皮擦...
本文将详细解析"Android画板源码"中的关键知识点，帮助初学者理解和掌握Android图形绘制的基本原理。 首先，Android的画板应用主要依赖于`Canvas`类，它是Android图形系统的核心部分，用于在`Bitmap`或`Surface`上...
"Android 画板开发之添加背景和保存画板内容为图片" Android 画板开发中，添加背景和保存画板内容为图片是两个非常重要的功能，下面我们将详细介绍如何实现这两个功能。 一、绘制背景 在 Android 画板开发中，...
基于Android画板APP设计与实现.docx