Кнопка «Изображение и текст» с прозрачным фоном - PullRequest
Новая
       33

Кнопка «Изображение и текст» с прозрачным фоном

0 голосов
/ 27 ноября 2011

Я пытаюсь получить кнопку, похожую на кнопку по ссылке, которую я разместил ниже.

Это прозрачная кнопка с изображением вверху и текстом внизу. При щелчке выделяется вся ограничивающая рамка.

Вот как выглядит кнопка при нажатии: http://i44.tinypic.com/24nle9e.png

Не уверен, что этот эффект достигается с помощью кнопки или кнопки ImageButton. Есть идеи? Спасибо.

Ответы [ 3 ]

2 голосов
/ 27 ноября 2011

Ответ dor506 в основном правильный, но я бы использовал ImageButton вместо Button и установил прозрачный фон (android:background="#00000000" - здесь ключевой бит 0), прежде чем применять Drawable с помощью android:src="@drawable/your_drawable_id".

В случае, если это поможет, вот пример подходящего Drawable: 

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/button_hi" /> <!-- pressed -->
    <item android:drawable="@drawable/button_lo" /> <!-- default -->
</selector>

, где «button_hi» / «button_lo» - это два изображения, которые вы переключаете в результате щелчка.

0 голосов
/ 27 ноября 2011

Похоже, что изображение, которое вы показываете, является ImageButton с изображением PNG с прозрачными участками по всему. Если вы хотите оставить кнопку нажатой, вы можете использовать параметры button: 

android:state_selected = "true"

Попробуй это.

0 голосов
/ 27 ноября 2011

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

вот простое решение: вы можете создать два изображения, одно для кнопки, когда она не нажата, и одно длякнопка, когда она нажата (с оранжевым цветом позади ..)

, тогда вы должны создать селектор.это xml, который обрабатывает поведение клика / не клика / фокуса изображения.

наконец дает кнопке фон селектора 

        <Button android:layout_width="wrap_content" android:background="@drawable/selector" 
        android:layout_height="wrap_content" />
...