2013-04-16 5 views
2

Я хочу создать четыре пользовательских кнопки (как Roundedrects in iOS) в верхней части экрана.Пользовательская кнопка с цветом фона

Использование пользовательского xml с тегом формы, я могу его получить.

custom.xml:

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle"> 
<solid android:color="#F9FAFC" /> 
<corners android:radius = "20dp"/> 
</shape> 

Я использую его как:

android:background = "@drawable/custom" 

Но я получаю только цвет (серый) устанавливается как в пользовательских XML для всех кнопок, которые не должно.

Я хочу установить разные цвета Hexa (# FF0000 ...) для этих пользовательских кнопок. После многих исследований на этом сайте, я думаю, будет лучше подняться на вопрос.

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

ПОЖАЛУЙСТА, ОБРАТИТЕ ВНИМАНИЕ: Мне не нужны три состояния кнопки, как нажата, сфокусирована, отключена. У меня уже есть четыре кнопки с Square Shape. Теперь я хочу создать их как Rounded Rect shape, чтобы заставить его выглядеть привлекательно. Что касается случая, я не могу создать 4 CUSTOM-файла в папке с возможностью рисования для 4 BUTTONS. Потому что в будущем мое требование может распространяться на некоторые 8-10 кнопок или даже больше. *

Спасибо.

+0

если и хотят создать четыре различных кнопки с различными цветами создают 4 различных XML со своим собственным цветовым кодом –

+0

Вы уверены? Я имею в виду, если у меня есть 10 кнопок или больше, предложите ли вы это? Нет другого пути? –

+0

, если вы хотите иметь 10 кнопок, каждый со своим цветом и формой, тогда вам нужно. Но я не уверен, что вы можете подождать, пока не получите ответы от других –

ответ

1

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

<item android:state_enabled="false" > 
    <shape> 
     <solid 
      android:color="#474141" /> 
     <stroke 
      android:width="1dp" 
      android:color="#474141" /> 
     <corners 
      android:radius="3dp" /> 
     <padding 
      android:left="10dp" 
      android:top="10dp" 
      android:right="10dp" 
      android:bottom="10dp" /> 
    </shape> 
</item> 
<item android:state_pressed="true" > 
    <shape> 
     <solid 
      android:color="#f3ae1b" /> 
     <stroke 
      android:width="1dp" 
      android:color="#f3ae1b" /> 
     <corners 
      android:radius="3dp" /> 
     <padding 
      android:left="10dp" 
      android:top="10dp" 
      android:right="10dp" 
      android:bottom="10dp" /> 
    </shape> 
</item> 
<item> 
    <shape> 
     <gradient 
      android:startColor="#990000" 
      android:endColor="#990000" 
      android:angle="270" /> 
     <stroke 
      android:width="1dp" 
      android:color="#990000" /> 
     <corners 
      android:radius="4dp" /> 
     <padding 
      android:left="10dp" 
      android:top="10dp" 
      android:right="10dp" 
      android:bottom="10dp" /> 
    </shape> 
</item> 

Смежные вопросы