Android-лучший способ наложить кнопку воспроизведения на изображение / миниатюру

у меня есть приложение для Android, которое может воспроизводить аудио/видео и показывать картинки. Для видео я хочу наложить кнопку воспроизведения поверх изображения предварительного просмотра, а также в списках.. Прямо сейчас, как я это делаю с ImageView в xml, а затем drawable-это слой слоя-список, который я определяю программно, потому что одно из изображений является динамическим, кнопка воспроизведения, конечно, статична. Я хочу выровнять кнопку воспроизведения 10px снизу и по центру по горизонтали.

мой ImageView определяется следующим образом (в xml) 

<ImageView 
          android:id="@+id/EvidencePreview"      
          android:layout_width="267dp"
          android:layout_height="201dp"
          android:scaleType="centerCrop"
          android:layout_margin="3dp"
          android:layout_gravity="center_horizontal|center_vertical"/>

ImageView является частью формы, где пользователь может редактировать заголовок и другую информацию. Затем в моей деятельности теперь я создаю список слоев следующим образом:

Resources resources = mContext.getResources();
Drawable playOverlayDrawable = resources.getDrawable(R.drawable.play_overlay_large);                        
Drawable[] layers = new Drawable[2];
layers[0] = Drawable.createFromPath(tb.filePath);
layers[1] = playOverlayDrawable;
LayerDrawable layerDrawable = new LayerDrawable(layers);
ViewGroup.LayoutParams lp = iv.getLayoutParams();

int imageHeight = lp.height;
int imageWidth = lp.width;
int overlayHeight = layers[1].getIntrinsicHeight();
int overlayWidth = layers[1].getIntrinsicWidth();
int lR = (imageWidth - overlayWidth) / 2;
int top = imageHeight - (overlayHeight + 10);
int bottom = 10;
layerDrawable.setLayerInset(1, lR, top, lR, bottom);
iv.setImageDrawable(layerDrawable);

это работает только тогда, когда ориентация изображения горизонтальна. Имейте в виду, что изображение/миниатюра-это MINI_KIND, что означает, что он должен быть 512 x 384, но я вижу, что на самом деле это не размер.. На моем телефоне они либо 480x800, либо 800x480 в зависимости от ориентации камеры.. Поскольку моя ширина/высота макета предварительно определена, я просто хочу, чтобы слой кнопки воспроизведения не масштабировался вообще и выравнивал его одинаково каждый раз..

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

есть идеи, как выровнять слои со списком слоев или альтернативами, которые будут работать так же хорошо или лучше?

10
android drawable imageview overlay

2 ответов

Я закончил использование FrameLayout следующим образом:

<FrameLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="3dp"
    android:layout_gravity="center_horizontal|center_vertical" >

<ImageView 
    android:id="@+id/MediaPreview"      
    android:layout_width="267dp"
    android:layout_height="201dp"
    android:scaleType="centerCrop"
    android:src="@drawable/loading" />

<ImageView
    android:id="@+id/VideoPreviewPlayButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="10dp"
    android:layout_gravity="center_horizontal|bottom"
    android:visibility="gone"
    android:src="@drawable/play_overlay_large" />

</FrameLayout>

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

обратите внимание, что layout_gravity на ImageView с id VideoPreviewPlayButton помещает его в нижний центр по горизонтали, а 10dp paddingBottom перемещает его немного вверх от дна.

19

рассмотрите возможность использования RelativeLayout в качестве контейнера для ваших представлений. Это дает вам свободу размещения взглядов ребенка. Вы можете привязать свою кнопку к правому или верхнему краю вашего imageview.

2