Article image

RV

Ricardo Vidal04/03/2023 13:51
Compartilhe

Criando estilos gradiente com Drawable

  • #Android

Para criar um estilo com cores gradiente no Android Studio, você pode usar um drawable gradiente. Um drawable gradiente é um recurso que pode ser definido como um arquivo XML e que descreve um gradiente de cores que pode ser usado como plano de fundo de uma visualização ou como uma borda. Aqui está como criar um estilo com cores gradiente usando um drawable no Android Studio:


1. Crie um novo arquivo drawable XML na pasta drawable do seu projeto. Para fazer isso, clique com o botão direito do mouse na pasta drawable no Gerenciador de Projetos e selecione New > Drawable resource file.

2. Dê um nome ao seu arquivo drawable, como "gradient.xml".


3. Dentro do arquivo gradient.xml, defina o gradiente de cores usando o elemento <gradient>. Este elemento tem vários atributos que você pode definir, como android:startColor, android:endColor, android:centerColor, android:angle e android:type. Por exemplo, para criar um gradiente vertical que vai do vermelho ao amarelo, você pode usar o seguinte código: 



<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">

 <gradient android:startColor="#FF0000"
 
    android:endColor="#FFFF00"
 
    android:type="linear"
 
    android:angle="90"/>
</shape>



4. Salve o arquivo gradient.xml.

5. Agora, você pode usar o seu novo drawable gradient.xml em um estilo. Crie um novo arquivo de estilos XML na pasta res/values do seu projeto. Para fazer isso, clique com o botão direito do mouse na pasta values no Gerenciador de Projetos e selecione New > Values resource file.

6. Dê um nome ao seu arquivo de estilos, como "styles.xml".

7. Dentro do arquivo styles.xml, defina um novo estilo com o elemento <style>. Você pode usar o atributo android:background para definir o plano de fundo com o seu novo drawable gradient.xml. Por exemplo:


 <style name="MyGradientStyle">
  <item name="android:background">@drawable/gradient</item>
</style>

8.Salve o arquivo styles.xml.


9. Agora, você pode usar o seu novo estilo em uma visualização. Por exemplo, para aplicar o estilo MyGradientStyle a um botão, adicione o atributo style ao botão no arquivo de layout XML:


<Button
  android:id="@+id/my_button"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  style="@style/MyGradientStyle"
  android:text="My 
Button"/>


Com esses passos, você criou um estilo com cores gradiente no Android Studio usando um drawable XML. Você pode personalizar o gradiente alterando as cores, a orientação e outros atributos no arquivo gradient.xml. Além disso, você pode usar o estilo em outras visualizações adicionando o atributo style ao elemento XML correspondente.

Para ver mais detalhe e profundidade consultar a documentação do Android Studio em: https://developer.android.com/docs?hl=en

Compartilhe
Comentários (0)