Android实现简易版弹钢琴效果

<?xml version="1.0" encoding="utf-8"? 
<selector xmlns:android="http://schemas.android.com/apk/res/android" 
 
 <item android:drawable="@drawable/button_pressed" android:state_pressed="true" </item 
 <item android:drawable="@drawable/button" </item 
 
</selector 

<?xml version="1.0" encoding="utf-8"? 
<shape xmlns:android="http://schemas.android.com/apk/res/android"  
 
 <corners
 android:bottomLeftRadius="10dp"
 android:bottomRightRadius="10dp"  
 </corners 
 
 <stroke
 android:width="2dp"
 android:color="#605C59" / 
 
 <gradient
 android:angle="270"
 android:endColor="#FFFFFF"
 android:startColor="#F5F5F5" / 
 
</shape 

<?xml version="1.0" encoding="utf-8"? 
<shape xmlns:android="http://schemas.android.com/apk/res/android"  
 
 <solid android:color="#A4A4A4" / 
 
 <corners
 android:bottomLeftRadius="10dp"
 android:bottomRightRadius="10dp"  
 </corners 
 
 <stroke
 android:width="2dp"
 android:color="#605C59" / 
 
</shape 

package com.example.weixu.view;
 
/**
 * 音乐播放帮助类
 */
 
import java.util.HashMap;
import android.content.Context;
import android.media.AudioManager;
import android.media.SoundPool;
 
import com.example.weixu.playpanio.R;
 
public class PanioMusic {
 // 资源文件
 int Music[] = {R.raw.do1, R.raw.re2, R.raw.mi3, R.raw.fa4, R.raw.sol5,
 R.raw.la6, R.raw.si7,};
 SoundPool soundPool;
 HashMap<Integer, Integer  soundPoolMap;
 
 public PanioMusic(Context context) {
 soundPool = new SoundPool(2, AudioManager.STREAM_MUSIC, 100);
 soundPoolMap = new HashMap<Integer, Integer ();
 for (int i = 0; i < Music.length; i++) {
 soundPoolMap.put(i, soundPool.load(context, Music[i], 1));
 }
 }
 
 public int soundPlay(int no) {
 return soundPool.play(soundPoolMap.get(no), 100, 100, 1, 0, 1.0f);
 }
 
 public int soundOver() {
 return soundPool.play(soundPoolMap.get(1), 100, 100, 1, 0, 1.0f);
 }
 
 @Override
 protected void finalize() throws Throwable {
 soundPool.release();
 super.finalize();
 }
}

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/llparent"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical"
 tools:context=".MainActivity"  
 
 <LinearLayout
 android:id="@+id/llKeys"
 android:layout_width="match_parent"
 android:layout_height="0dp"
 android:layout_weight="5"
 android:orientation="horizontal"
 android:padding="10dp"  
 
 <Button
 android:id="@+id/btPanioOne"
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"
 android:background="@drawable/button"
 android:text="1" / 
 
 <Button
 android:id="@+id/btPanioTwo"
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"
 android:background="@drawable/button"
 android:text="2" / 
 
 <Button
 android:id="@+id/btPanioThree"
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"
 android:background="@drawable/button"
 android:text="3" / 
 
 <Button
 android:id="@+id/btPanioFour"
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"
 android:background="@drawable/button"
 android:text="4" / 
 
 <Button
 android:id="@+id/btPanioFive"
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"
 android:background="@drawable/button"
 android:text="5" / 
 
 <Button
 android:id="@+id/btPanioSix"
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"
 android:background="@drawable/button"
 android:text="6" / 
 
 <Button
 android:id="@+id/btPanioSeven"
 android:layout_width="0dp"
 android:layout_height="match_parent"
 android:layout_weight="1"
 android:background="@drawable/button"
 android:text="7" / 
 </LinearLayout 
 
</LinearLayout 

package com.example.weixu.playpanio;
import android.os.Bundle;
import android.app.Activity;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.Button;
import com.example.weixu.view.PanioMusic;
public class MainActivity extends Activity {
private Button button[];// 按钮数组
private PanioMusic utils;// 工具类
private View parent;// 父视图
private int buttonId[];// 按钮id
private boolean havePlayed[];// 是否已经播放了声音，当手指在同一个按钮内滑动，且已经发声，就为true
private View keys;// 按钮们所在的视图
private int pressedkey[];
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
parent = (View) findViewById(R.id.llparent);
parent.setClickable(true);
parent.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
int temp;
int tempIndex;
int pointercount;
pointercount = event.getPointerCount();
for (int count = 0; count < pointercount; count++) {
boolean moveflag = false;// 标记是否是在按键上移动
temp = isInAnyScale(event.getX(count), event.getY(count),
button);
if (temp != -1) {// 事件对应的是当前点
switch (event.getActionMasked()) {
case MotionEvent.ACTION_DOWN:
// // 单独一根手指或最先按下的那个
// pressedkey = temp;
case MotionEvent.ACTION_POINTER_DOWN:
Log.i("--", "count" + count);
pressedkey[count] = temp;
if (!havePlayed[temp]) {// 在某个按键范围内
button[temp]
.setBackgroundResource(R.drawable.button_pressed);
// 播放音阶
utils.soundPlay(temp);
Log.i("--", "sound" + temp);
havePlayed[temp] = true;
}
break;
case MotionEvent.ACTION_MOVE:
temp = pressedkey[count];
for (int i = temp + 1; i  = temp - 1; i--) {
// 当在两端的按钮时，会有一边越界
if (i < 0 || i  = button.length) {
continue;
}
if (isInScale(event.getX(count),
event.getY(count), button[i])) {// 在某个按键内
moveflag = true;
if (i != temp) {// 在相邻按键内
boolean laststill = false;
boolean nextstill = false;
// 假设手指已经从上一个位置抬起，但是没有真的抬起，所以不移位
pressedkey[count] = -1;
for (int j = 0; j < pointercount; j++) {
if (pressedkey[j] == temp) {
laststill = true;
}
if (pressedkey[j] == i) {
nextstill = true;
}
}
if (!nextstill) {// 移入的按键没有按下
// 设置当前按键
button[i]
.setBackgroundResource(R.drawable.button_pressed);
// 发音
utils.soundPlay(i);
havePlayed[i] = true;
}
pressedkey[count] = i;
if (!laststill) {// 没有手指按在上面
// 设置上一个按键
button[temp]
.setBackgroundResource(R.drawable.button);
havePlayed[temp] = false;
}
break;
}
}
}
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_POINTER_UP:
// 事件与点对应
tempIndex = event.getActionIndex();
if (tempIndex == count) {
Log.i("--", "index" + tempIndex);
boolean still = false;
// 当前点已抬起
for (int t = count; t < 5; t++) {
if (t != 4) {
if (pressedkey[t + 1]  = 0) {
pressedkey[t] = pressedkey[t + 1];
} else {
pressedkey[t] = -1;
}
} else {
pressedkey[t] = -1;
}
}
for (int i = 0; i < pressedkey.length; i++) {// 是否还有其他点
if (pressedkey[i] == temp) {
still = true;
break;
}
}
if (!still) {// 已经没有手指按在该键上
button[temp]
.setBackgroundResource(R.drawable.button);
havePlayed[temp] = false;
Log.i("--", "button" + temp + "up");
}
break;
}
}
}
//
if (event.getActionMasked() == MotionEvent.ACTION_MOVE
&& !moveflag) {
if (pressedkey[count] != -1) {
button[pressedkey[count]]
.setBackgroundResource(R.drawable.button);
havePlayed[pressedkey[count]] = false;
}
}
}
return false;
}
});
keys = (View) findViewById(R.id.llKeys);
}
private void init() {
// 新建工具类
utils = new PanioMusic(getApplicationContext());
// 按钮资源Id
buttonId = new int[7];
buttonId[0] = R.id.btPanioOne;
buttonId[1] = R.id.btPanioTwo;
buttonId[2] = R.id.btPanioThree;
buttonId[3] = R.id.btPanioFour;
buttonId[4] = R.id.btPanioFive;
buttonId[5] = R.id.btPanioSix;
buttonId[6] = R.id.btPanioSeven;
button = new Button[7];
havePlayed = new boolean[7];
// 获取按钮对象
for (int i = 0; i < button.length; i++) {
button[i] = (Button) findViewById(buttonId[i]);
button[i].setClickable(false);
havePlayed[i] = false;
}
pressedkey = new int[5];
for (int j = 0; j < pressedkey.length; j++) {
pressedkey[j] = -1;
}
}
/**
* 判断某个点是否在某个按钮的范围内
*
* @param x 横坐标
* @param y 纵坐标
* @param button 按钮对象
* @return 在：true；不在：false
*/
private boolean isInScale(float x, float y, Button button) {
// keys.getTop()是获取按钮所在父视图相对其父视图的右上角纵坐标
if (x   button.getLeft() && x < button.getRight()
&& y   button.getTop() + keys.getTop()
&& y < button.getBottom() + keys.getTop()) {
return true;
} else {
return false;
}
}
/**
* 判断某个点是否在一个按钮集合中的某个按钮内
*
* @param x 横坐标
* @param y 纵坐标
* @param button 按钮数组
* @return
*/
private int isInAnyScale(float x, float y, Button[] button) {
// keys.getTop()是获取按钮所在父视图相对其父视图的右上角纵坐标
for (int i = 0; i < button.length; i++) {
if (x   button[i].getLeft() && x < button[i].getRight()
&& y   button[i].getTop() + keys.getTop()
&& y < button[i].getBottom() + keys.getTop()) {
return i;
}
}
return -1;
}
}

android:screenOrientation="landscape"