SDK Fluig

Árvore de páginas

Você está vendo a versão antiga da página. Ver a versão atual.

Comparar com o atual Ver Histórico da Página

« Anterior Versão 7 Próxima »

Índice

  • Introdução
  • Uso
  • Atributos

Introdução

O FluigSdkMediaView é o principal componente de background personalizado do fluig SDK Android.

Este componente é uma subclasse de SurfaceView e, portanto, possui todas as funcionalidades já presentes nesta classe.

Importante

Antes de utilizar o componente, não esqueça de importar o módulo de componentes do SDK. Para saber como, clique aqui.

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 FluigSdkMediaView segue o estilo definido pelo fluig Style Guide.

activity_main.xml 
<?xml version="1.0" encoding="utf-8"?>
<merge
    xmlns:android="http://schemas.android.com/apk/res/android">
 
    <sdk.fluig.com.ui.components.background.FluigSdkMediaView
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
 
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="@string/my_text" />
 
    </LinearLayout>

</merge>
MainActivity.java 
import ...
import sdk.fluig.com.ui.components.background.FluigSdkMediaView;

public class MainActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.my_layout);
 
        FluigSdkMediaView mediaView = (...);
        mediaView.setOnLongClickListener(new OnLongClickListener {...});
    }
}

Atributos

Esta seção explica o funcionamento de todos os atributos específicos do FluigSdkMediaView.

  • Gradient Enabled
  • Gradient Left Color
  • Gradient Right Color
  • Image
  • Solid Color
  • Video

 

Nos XMLs, lembre-se de importar o namespace abaixo.

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

Gradient Enabled

boolean gradientEnabled

Define se o botão usará um gradiente horizontal de duas cores como fundo.

Este atributo pode ser alterado diretamente somente pelo XML. Nas classes Java, basta chamar um dos métodos que alteram a cor do gradiente.

example.xml 
<sdk.fluig.com.ui.components.background.FluigSdkMediaView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:gradient_enabled="true" />
Example.java 
FluigSdkMediaView mediaView = (FluigSdkMediaView) findViewById(R.id.my_media_view_id);
 
//para habilitar o gradiente, basta chamar setGradientLeftColor(), setGradientRightColor(), setGradient(), setDefaultGradient()
mediaView.setDefaultGradient();
 
//para desabilitá-lo, basta chamar setSolidColor() ou setDefaultSolidColor()
mediaView.setDefaultSolidColor();

Gradient Left Color

int leftColor

Define a cor de fundo do lado esquerdo do gradiente.

Caso não seja definida, a cor padrão utilizada é #ed165a ().

Importante

Este atributo é ignorado, caso gradientEnabled não esteja habilitado.

example.xml 
<sdk.fluig.com.ui.components.background.FluigSdkMediaView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:gradient_leftColor="@color/my_left_color" />
Example.java 
FluigSdkMediaView mediaView = (FluigSdkMediaView) findViewById(R.id.my_media_view_id);
int myLeftColor = ...;
mediaView.setGradientLeftColor(myLeftColor);
 
//é possível alterá-lo com o método setGradient() também
int rightColor = ...;
mediaView.setGradient(myLeftColor, rightColor);

Gradient Right Color

int rightColor

Define a cor de fundo do lado esquerdo do gradiente.

Caso não seja definida, a cor padrão utilizada é #f15823 ().

Importante

Este atributo é ignorado, caso gradientEnabled não esteja habilitado.

example.xml 
<sdk.fluig.com.ui.components.background.FluigSdkMediaView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:gradient_rightColor="@color/my_right_color" />
Example.java 
FluigSdkMediaView mediaView = (FluigSdkMediaView) findViewById(R.id.my_media_view_id);
int myRightColor = ...;
mediaView.setGradientRightColor(myRightColor);
 
//é possível alterá-lo com o método setGradient() também
int leftColor = ...;
mediaView.setGradient(leftColor, myRightColor);

Image

 

Solid Color

int solidColor

Define a cor de fundo do botão para uma única cor.

Caso não seja definida, a cor padrão utilizada é #a0a0a0 ().

Importante

Este atributo é ignorado, caso gradientEnabled esteja habilitado.

example.xml 
<sdk.fluig.com.ui.components.background.FluigSdkMediaView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:solidColor="@color/my_color" />
Example.java 
FluigSdkMediaView mediaView = (FluigSdkMediaView) findViewById(R.id.my_media_view_id);
int myColor = ...;
mediaView.setSolidColor(myColor);
 
//caso queira usar a cor padrão
mediaView.setDefaultSolidColor();

Video

 

 

 

  • Sem rótulos