制作图像的一部分可点击吉他指法Android应用程序

时间:2014-04-05 21:54:26

标签: android clickable clickable-image

所以我想为Android制作一个简单的触摸屏吉他指法创建器,但我真的不知道使用什么方法。我是编写应用程序的新手,但我对java很满意。 吉他音板看起来像这样。 http://upload.wikimedia.org/wikipedia/commons/3/37/Guitar_Fretboard_Open_Strings_Diagram.png

1)起初我倾向于为每个琴弦和按钮制作按钮,但我认为考虑到吉他上有24个琴弦加上6个弦(144个按钮)并且每次按下按钮时,这可能会有点困难将更新和具有6行和x量列的数组。我会在图像上的按钮上设置按钮并使它们不可见,但是按钮排列可能很棘手,它们可能无法按照我想要的方式缩放。

数组将非常方便地保存值,因为tablature是这样写的......

e string -------
b string ----2--
g string ------3
d string 0-0----
a string -------
E string ------- 

音品编号写在。

我甚至不确定从哪个方法开始。我应该为每个按钮使用单独的方法,因为它们都有不同的值吗? 要从按钮获取值到数组,我需要输入类似

的内容

strArray [count,n]

其中count是方法的变量,n是单击按钮时返回的变量。使用下一个/上一个按钮可以增加或减少计数,以便它可以遍历数组

2)我正在研究这种方法http://blahti.wordpress.com/2012/06/26/images-with-clickable-areas/看起来它可以起作用,但是开发人员正在使用颜色来分辨不同的热点,而我认为这可能是不可行的,考虑到我会需要144种不同的颜色。

我是否可以通过更简单的方式实现此目的?

很抱歉,如果我没有很好地解释,我是开发Android的新手,我有很多问题。

1 个答案:

答案 0 :(得分:1)

在较大背景的顶部使用隐形按钮在概念上很容易,但会出现您提到的可伸缩性问题。它也不能很好地识别多个同时触摸。第二种方法的核心,使用触摸,可能是你想要的方式。 onTouch()方法中的MotionEvent将为您提供触摸的位置和操作。然后它就变成了用适当的音品或弦来翻译被触摸/移动/提升的点的坐标的练习。

有许多关于触摸识别的体面教程。 Here's one

编辑:

有几种方法可以在触摸位置和所需的字符串之间进行转换。烦恼。一种方法是为每个触摸事件执行计算strng = x / (width / NUM_STRINGS)fret = y / (height / NUM_FRETS)。 (假设在显示屏上纵向绘制字符串。)

另一种直接的方法是构建和使用查找表来进行翻译。这确实花费了几千个字节来存储整数,但允许一些快速数组查找来确定字符串和烦恼。

这是一个实现后一种方法的示例活动。它包含一些假设和快捷方式,但基本功能应该是相当合理的。只有向下事件显示翻译;你也想做一些适合上升和移动事件的事情。

MainActivity.java

package com.example.guitar;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewTreeObserver;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class MainActivity extends Activity
                          implements OnTouchListener, ViewTreeObserver.OnGlobalLayoutListener {

    final static String TAG = "MainActivity";
    final static int NUM_STRINGS = 6;
    final static int NUM_FRETS = 12;

    ImageView img = null;
    LinearLayout layout = null;

    int width = 0;
    int height = 0;

    int touchToString[] = null;
    int touchToFret[] = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        layout = (LinearLayout) findViewById(R.id.layout);
        layout.setOnTouchListener(this);
        layout.getViewTreeObserver().addOnGlobalLayoutListener(this);
    }

    public boolean onTouch(View v, MotionEvent event) {
        // Handle the touch event:
        int idx = event.getActionIndex();
        int id = event.getPointerId(idx);
        int x = (int) event.getX(idx);
        int y = (int) event.getY(idx);         

        switch (event.getActionMasked()) {
        case MotionEvent.ACTION_DOWN:
        case MotionEvent.ACTION_POINTER_DOWN:            
            Log.d(TAG, String.format("DOWN event for pointer %d at %d, %d", id, x, y));

            // If touch is within the bounds of the layout:
            if (x > 0 && x < width && y > 0 && y < height)                
                Log.i(TAG, String.format("Pressed string %d at fret position %d",
                                         touchToString[x], touchToFret[y]));
            break;

        case MotionEvent.ACTION_MOVE:
            for (int ptr = 0; ptr < event.getPointerCount(); ptr++)
                Log.d(TAG, String.format("MOVE event for pointer %d at %d, %d",
                      event.getPointerId(ptr), (int) event.getX(ptr), (int) event.getY(ptr)));
            break;

        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_POINTER_UP:
        case MotionEvent.ACTION_CANCEL:
            Log.d(TAG, String.format("UP event for pointer %d at %d, %d", id, x, y));
            break;
        }

        return true;
    }

    public void onGlobalLayout() {
        // Get the current width and height of the layout:
        width = layout.getMeasuredWidth();
        height = layout.getMeasuredHeight();        
        Log.i(TAG, String.format("The layout is now (%d x %d)", width , height));

        // (Re)build the string position translation array: 
        touchToString = new int[width];
        for (int x = 0; x < width; x++)
            touchToString[x] = x / (width / NUM_STRINGS);

        // (Re)build the fret position translation array: 
        touchToFret = new int[height];
        for (int y = 0; y < height; y++)
            touchToFret[y] = y / (height / NUM_FRETS);
    }
}