我需要一个建议如何实现Android的下的下列功能的Android图片:与可点击区域
- 我需要一个代表像图(从离散数学)的图像,与顶点和边,在那里我可以点击每个顶点或边缘并触发不同的动作。
请告诉我如何做到这一点(也许用imagebuttons
)或其他方法来表示此功能。
我需要一个建议如何实现Android的下的下列功能的Android图片:与可点击区域
请告诉我如何做到这一点(也许用imagebuttons
)或其他方法来表示此功能。
我很无聊,所以我编码了这个粗糙的例子... 它假设点之间的直边。
public class App extends Activity
{
PlotView plot;
@Override
public void onCreate(Bundle sis)
{
super.onCreate(sis);
plot = new PlotView(this);
setContentView(plot);
}
public class PlotView extends View
{
Paint paint1 = new Paint();
Paint paint2 = new Paint();
Point[] points = new Point[10];
public PlotView(Context context)
{
super(context);
paint1.setColor(Color.RED);
paint2.setColor(Color.BLUE);
for (int i = 0; i < points.length; i++)
{
points[i] = new Point();
points[i].x = (float) (Math.random() * 320);
points[i].y = (float) (Math.random() * 480);
}
Arrays.sort(points);
}
@Override
protected void onDraw(Canvas canvas)
{
canvas.drawColor(Color.WHITE);
for (int i = 0; i < points.length; i++)
{
if (i < points.length - 1)
{
canvas.drawLine(points[i].x, points[i].y, points[i + 1].x, points[i + 1].y, paint2);
}
canvas.drawCircle(points[i].x, points[i].y, 5, paint1);
}
super.onDraw(canvas);
}
@Override
public boolean onTouchEvent(MotionEvent event)
{
switch(event.getAction())
{
case MotionEvent.ACTION_DOWN:
{
float x = event.getX();
float y = event.getY();
int hitPoint = -1;
int closestLeft = -1;
int closestRight = -1;
for (int i = 0; i < points.length; i++)
{
float dx = x - points[i].x;
float dy = y - points[i].y;
if(i < points.length - 1)
{
if(points[i].x < x && x < points[i + 1].x)
{
closestLeft = i;
closestRight = i + 1;
}
}
if (Math.abs(dx) <= 16.0f && Math.abs(dy) <= 16.0f)
{
hitPoint = i;
break;
}
}
if (hitPoint != -1)
{
Toast.makeText(getContext(), "Hit Point: " + hitPoint, Toast.LENGTH_SHORT).show();
}
else
if(closestLeft != -1 && closestRight != -1)
{
float dx = points[closestLeft].x - points[closestRight].x;
float dy = points[closestLeft].y - points[closestRight].y;
final float u = ((x - points[closestLeft].x) * dx + (y - points[closestLeft].y) * dy)/(dx * dx + dy * dy);
float px = points[closestLeft].x + u * dx;
float py = points[closestLeft].y + u * dy;
if (Math.abs(x - px) <= 16.0f && Math.abs(y - py) <= 16.0f)
{
Toast.makeText(getContext(), "Hit Line Between: " + closestLeft + " & " + closestRight, Toast.LENGTH_SHORT).show();
}
}
}
}
return super.onTouchEvent(event);
}
public class Point implements Comparable<Point>
{
float x;
float y;
@Override
public int compareTo(Point other)
{
if (x < other.x) return -1;
if (x > other.x) return 1;
return 0;
}
}
}
}
我能想象如何与SurfaceView
做到这一点:
Vertex
类,除其他事项外,有一个X,Y坐标代表在哪里画的顶点。如果您的顶点是一个圆形的png图像,则图像的左上角x,y坐标将存储在Vertex
类中。List
中,并遍历并绘制每个顶点。Edge
类,它包含起始x,y和结束x,y坐标。Edge
的List
A S迭代,并绘制线条相应为了检测当它们在用户点击,则应该重写onTouch
方法和检查event.rawX()
和event.rawY()
值以查看它们是否匹配Vertex或Edge类。
一Vertex
类,您可以检查是否x <= event.rawX <= x + image_width
和y <= event.rawY <= y + image_height
为Edge
,您可以检查是否event.rawX, event.rawY
坐标由两个坐标的你存储在形成的线发现类Edge
。
我已经使用类似的方法绘制游戏中的一组节点。我不太确定如何去做边缘 - 我所概述的方法只有在直线时不会交叉。
我相信有更好的方法来使用openGL来做到这一点,但我之前没有使用过openGL。
希望你能从中得到一些想法。
我想你可能是最好关闭用SurfaceView:
http://developer.android.com/reference/android/view/SurfaceView.html
和处理的onTouchEvent()作为一个整体的表面,键盘映射到图像中潜在的实体。如果您正在计算绘图,那么您应该很容易创建一个可触摸区域的地图,并抓取触摸事件的X和Y,以确定它是否与图像中的元素相对应。
如果你真的有一个图像,例如已处理的PNG,你需要一些方法来携带触摸事件区域。取决于图像的来源。
根据机器人的帮助下,“引到View,是您最佳的选择,当你想绘制简单的图形不需要动态改变,不是性能密集型游戏的一部分。”例如,这是制作蛇或国际象棋游戏时的正确方法。所以我没有看到建议使用SurfaceView来实现这一点,它只会使事情过度复杂化。
对于可覆盖的可点击区域public boolean onTouchEvent(MotionEvent event)其中管理点击的x和y坐标以标识点击区域。
我没有实际使用过你的建议,但看看[JFreeChart](http://www.jfree.org/jfreechart/)是否能满足你的需求。 – jacknad 2011-02-15 20:19:49
我的意思是“图形”就像我说的离散数学一样。我需要一个线条和节点的图像,它们都可以点击。 – o15a3d4l11s2 2011-02-15 20:24:38