Пользовательская кнопка с верхним и нижним краем

Question

Мне нужно создать макет, как показано ниже.

И я работал, как создать этот макет:

Как я могу добавить поля сверху и снизу? И цвет фона кнопки? Я сделал кнопку прозрачной, используя:

android:background="@android:color/transparent" 

Теперь, как сделать цвет фона кнопки, чтобы он стал голубым.

Если я использую индивидуальную компоновку кнопок, как я могу это сделать? Я проверил множество вопросов Stackoverflow, но все они касаются градиента, изменения цвета при нажатии и т. Д.

Спасибо!

Answer 1

Вы не хотите использовать цвет фона прозрачный ... вместо этого установите его в синий цвет, который вы хотите. Затем используйте SetAlpha, чтобы сделать его частично прозрачным:

MyButton.getBackground().setAlpha(50); 

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

android:background="@drawable/mybuttonbackground" 

Затем рисуем ресурс должен быть, как этот (/res/drawable/mybuttonbackground.xml):

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
    <item> 
     <shape android:shape="rectangle"> 
      <stroke android:width="1dp" android:color="#FF000000" /> 
      <solid android:color="#FFFFFF" /> 
     </shape> 
    </item> 

    <item android:top="1dp" android:bottom="1dp"> 
     <shape ="rectangle"> 
      <stroke android:width="1dp" android:color="#FFDDDDDD" /> 
      <solid android:color="#FFFFFF" /> 
     </shape> 
    </item> 
</layer-list>