Как поместить границу на кнопку и эффект клика?

У меня есть эта кнопка XML, которая имеет прозрачный фон, и при нажатии цвет меняется, так что он показывает «эффект щелчка».

Рисуемый XML:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- press-->
    <item android:drawable="@android:color/transparent" android:state_pressed="false" />

    <!-- focused-->
    <item style="@style/AppTheme" android:drawable="@color/color_primary" android:state_pressed="true" />

    <!-- normal-->
    <item android:drawable="@android:color/transparent" />

</selector>

Мой вопрос в том, как поставить границу на эту кнопку? Или пример XML, чтобы у вас был тот же результат. Благодарю вас!


android android-layout android-drawable
person Community    schedule 14.12.2017    source источник

Ответы (2)


arrow_upward
1
arrow_downward

создать выбираемый, похожий на этот, selected.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
             android:shape="rectangle">
    <solid android:color="#ff0000"/>
    <stroke
        android:width="1dp"
        android:color="#00ff00" />
</shape>

затем измените эту строку

<item 
     style="@style/AppTheme" 
     android:drawable="@color/color_primary" 
     android:state_pressed="true" />

to 

<item 
     style="@style/AppTheme" 
     android:drawable="@drawable/selected" 
     android:state_pressed="true" />

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

person xanexpt    schedule 14.12.2017

arrow_upward
0
arrow_downward

Вы можете сделать что-то вроде этого: 1. Сначала создайте файл для рисования следующим образом:

<shape android:shape="rectangle">
     <!--apply button background transparent, full opacity-->
     <solid android:color="#00ffffff"/>
     <!--make button border solid color, nontransparent-->
     <stroke android:color="#stroke color" android:width="2dp"/>
     <corners android:radius="2dp"/>
</shape>

затем в предоставленном вами коде замените эти строки:

<!-- press-->
<item android:drawable="path to above drawable" android:state_pressed="false" />

<!-- focused-->
<item style="@style/AppTheme" android:drawable="@color/color_primary" android:state_pressed="true" />

<!-- normal-->
<item android:drawable="path to above drawable" />

as

<!-- press-->
<item android:drawable="path to above drawable" android:state_pressed="false" />

<!-- focused-->
<item style="@style/AppTheme" android:drawable="@color/color_primary" android:state_pressed="true" />

<!-- normal-->
<item android:drawable="path to above drawable" />
person Abhilash Maurya    schedule 14.12.2017
comment
Это не работает, потому что у меня есть несколько состояний кнопки. - person ; 14.12.2017