PGraphics文本(工具提示)显示在图像

时间:2016-05-10 07:28:46

标签: java applet tooltip marker pgraphics

我一直在努力解决这个问题,并没有找到解决方案。当用户将鼠标悬停在PGraphics对象旁边显示的特定标记上时,我试图显示工具提示(包含一些文本的不同颜色的矩形框)。它在java中编程,并使用PApplet类作为Java applet运行。

问题是,文字看不清楚,因为并非所有文字都停留在其他图像之上。尽管颜色已更改并保留为工具提示的颜色,但其他标记的边缘仍保持在顶部。

这里是代码的一部分,可以更好地解释我想要做的事情:

// Common piece of drawing method for markers; 
    // Note that you should implement this by making calls 
    // drawMarker and showTitle, which are abstract methods 
    // implemented in subclasses
    public void draw(PGraphics pg, float x, float y) {
        // For starter code just drawMaker(...)
        if (!hidden) {

            drawMarker(pg, x, y);

            if (selected) {
                showTitle(pg, x, y);  // You will implement this in the subclasses
            }

        }
    }

@Override
    public void drawMarker(PGraphics pg, float x, float y) {
        // TODO Auto-generated method stub
        pg.pushStyle();

        // IMPLEMENT: drawing triangle for each city
        pg.fill(150, 30, 30);
        pg.triangle(x, y-TRI_SIZE, x-TRI_SIZE, y+TRI_SIZE, x+TRI_SIZE, y+TRI_SIZE);

        // Restore previous drawing style
        pg.popStyle();
    }

public void showTitle(PGraphics pg, float x, float y)
    {
        // TODO: Implement this method
        pg.pushStyle();

        pg.fill(255, 255, 202);
        pg.rect(x+TRI_SIZE+1, y-TRI_SIZE, 150, 15);
        pg.textAlign(PConstants.LEFT, PConstants.CENTER);
        pg.fill(0,0,0);
        pg.text(getCity()+", " + getCountry() + ", " + getPopulation(), x+TRI_SIZE+2, y);

        // Restore previous drawing style
        pg.popStyle();
    }

是否可以删除某些标记的边缘以便不显示或以其他方式确保工具提示始终保持在顶部?提前致谢

1 个答案:

答案 0 :(得分:0)

好吧,我已经找到了解决方案。您需要做的是仅在显示(绘制)每个其他图像/对象之后显示(绘制)文本(工具提示)。这将使文本始终保持停止并且显示没有问题。要做到这一点,你必须在draw方法的主类中,如下例所示:

public void draw() {
        background(0);
        map.draw();
        addKey();

        if (lastSelected != null)
        {
            lastSelected.showToolTip(this,lastSelected.getScreenPosition(map).x,lastSelected.getScreenPosition(map).y);

        }

    } 

希望其他人觉得这很有用。