Índice

Objetivo

O objetivo deste guia é mostrar ao usuário como utilizar o componente FluigSdkButton e quais os seus atributos.

O FluigSdkButton é o principal componente de botão do fluig SDK Android. Este componente é uma subclasse de AppCompatButton e, portanto, possui todas as funcionalidades já presentes nesta classe.

Uso

No seu projeto, este componente pode ser utilizado no XML de um layout ou dentro de uma classe Java.

O visual e comportamento do FluigSdkButton segue o estilo definido pelo fluig Style Guide.

Confira abaixo alguns exemplos:

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

    <sdk.fluig.com.ui.components.button.FluigSdkButton
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

import ...
import sdk.fluig.com.ui.components.button.FluigSdkButton;

public class MainActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.my_layout);

        FluigSdkButton button = (...);
        button.setOnClickListener(...);
    }
}

Atributos

Esta seção explica o funcionamento de todos os atributos específicos do FluigSdkButton, assim como mudanças de comportamento em alguns atributos padrões do AppCompatButton.

• Corner Radius
• Enabled
• Background Color
• Background Color End
• Text Color
  
  

xmlns:app="http://schemas.android.com/apk/res-auto"

Corner Radius

int cornerRadius

Os cantos do FluigSdkButton são arredondados em 3dp.

Enabled

boolean enabled

Atributo padrão do AppCompatButton.

Quando o FluigSdkButton é desabilitado, a cor do texto é alterada para 50% da opacidade original. Este efeito ocorre para melhor indicar ao usuário que o botão está desabilitado.

Background Color

int backgroundColor

Atributo padrão do AppCompatButton.

Define a cor de fundo do componente. Caso seja usado junto ao backgroundColorEnd, define a cor do lado esquerdo de um gradiente.

<sdk.fluig.com.ui.components.button.FluigSdkButton
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/my_left_color" />

FluigSdkButton button = (FluigSdkButton) findViewById(R.id.my_button_id);
int myMainColor = ...;
button.setBackgroundColor(myMainColor);

Background Color End

int backgroundColorEnd

Define a cor de fundo do lado direito de um gradiente.

<sdk.fluig.com.ui.components.button.FluigSdkButton
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:backgroundColor_end="@color/my_right_color" />

FluigSdkButton button = (FluigSdkButton) findViewById(R.id.my_button_id);
int myRightColor = ...;
button.setBackgroundColorEnd(myRightColor);

Text Color

int textColor

Atributo padrão do AppCompatButton.

A mudança efetuada é que, caso não seja definida, a cor padrão do texto do FluigSdkButton é #ffffff ().