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

Question

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

Что-то вродечто:

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

Answer 1

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

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

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
      android:drawable="@drawable/btn_back_down" /> <!-- pressed -->
    <!-- item android:state_focused="true"
      android:drawable="@drawable/button_focused" /--> <!-- focused -->
    <item android:drawable="@drawable/btn_back_up" /> <!-- default -->
</selector>