Как выбрать определенную плитку при нажатии и надуть растровое изображение на ней в tileview android

Я показываю большое изображение, используя Tileview С помощью TileView библиотека

Теперь я хочу показать круг в прямой границе при клик на определенных плитках.

как попасть на какую плитку нажал? и как показать BitMmap над этой плиткой?

public class LargeImageTileViewActivity extends TileViewActivity {
    TileView tileView;
    @Override
    public void onCreate( Bundle savedInstanceState ) {

        super.onCreate( savedInstanceState );

        // multiple references
        tileView = getTileView();

        // by disabling transitions, we won't see a flicker of background color when moving between tile sets
        tileView.setTransitionsEnabled( false );

        // size of original image at 100% scale
        tileView.setSize( 2835, 4289 );

        // detail levels
        tileView.addDetailLevel( 1.000f, "tiles/painting/1000/%col%_%row%.jpg");
        tileView.addDetailLevel( 0.500f, "tiles/painting/500/%col%_%row%.jpg");
        tileView.addDetailLevel( 0.250f, "tiles/painting/250/%col%_%row%.jpg");
        tileView.addDetailLevel( 0.125f, "tiles/painting/125/%col%_%row%.jpg");

        // set scale to 0, but keep scaleToFit true, so it'll be as small as possible but still match the container
        tileView.setScale( 0 );

        // let's use 0-1 positioning...
        tileView.defineRelativeBounds( 0, 0, 1,  1 );

        // frame to center
        frameTo( 0.5, 0.5 );
        tileView.addTileViewEventListener( listener );
    }
    private TileViewEventListenerImplementation listener = new TileViewEventListenerImplementation(){
        public void onTap( int x, int y ) {
            SampleCallout callout = new SampleCallout(LargeImageTileViewActivity.this);


            tileView.slideToAndCenter(x, y);
            //Toast.makeText(mContext, "Center " + tempStore.getCenterX() + " " + tempStore.getCenterY(), Toast.LENGTH_SHORT).show();
            tileView.addCallout(callout, x, y, -0.5f, -1.0f);

            callout.transitionIn();
        }
    };
}

1 ответов


от рытья в библиотеке немного мне кажется, что вы не сможете получить плитку без изменения кода (возможно, Вам не нужно будет получать плитку, хотя см. Больше в Варианте 2), это выполнимо, хотя, поскольку это открытый исходный код, поэтому вы можете вносить свои изменения локально и идти оттуда.

первый вариант:

первая модификация вам нужно:

In https://github.com/moagrius/TileView/blob/master/src/com/qozix/tileview/detail/DetailManager.java

добавить следующий код:

public DetailLevel getCurrentDetailLevel() {
    return currentDetailLevel;
}

In https://github.com/moagrius/TileView/blob/master/src/com/qozix/tileview/TileView.java

public DetailManager getDetailManager() {
    return detailManager;
}

Это предоставляет метод, который вам нужен на DetailLevel, например

public LinkedList<Tile> getIntersections()

который вернет плитки в ваш текущий порт просмотра, каждая плитка знает его границы слева / справа и сверху / снизу, так что вы можете перебирать плитки и найти тот, на который вы нажали.

второй вариант (рекомендуется, если это возможно):

поскольку вы знаете rects для всех ваших вещей, вы можете просто добавить горячие точки, в библиотеке кажется, что горячие точки-это rects, которые поддерживают прослушиватели кликов.

вы можете добавить горячую точку, как это:

HotSpot hotSpot = new HotSpot(left, top, right, bottom);
hotSpot.setHotSpotEventListener(this);
tileView.addHotSpot(hotSpot);

 ....

 public void onHotSpotTap(HotSpot hotSpot, int x, int y){
      Do your gui update using the supplied hotSpot above
 }

больше информация: https://github.com/moagrius/TileView/blob/master/src/com/qozix/tileview/hotspots/HotSpot.java

добавление кружок

библиотека поддерживает маркеры, вы можете просто добавить вид изображения с кругом в качестве маркера, как это

ImageView view = new ImageView (this);
view.setImageResource(circleId);
tileView.addMarker (view, tile.x, tile.y);