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 18 Próxima »


Índice



Introdução

O FluigSdkProfileThumb é um componente para exibição de uma foto de usuário do fluig SDK Android.

Este componente é uma subclasse de AppCompatImageView 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 FluigSdkProfileThumb segue o estilo definido pelo fluig Style Guide.

Confira abaixo alguns exemplos:


activity_main.xml
<?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.thumb.FluigSdkProfileThumb
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/my_profile_photo" />

</LinearLayout>
MainActivity.java
import ...
import sdk.fluig.com.ui.components.thumb.FluigSdkProfileThumb;
 
public class MainActivity {
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.my_layout);
 
        FluigSdkProfileThumb thumb = (...);
        thumb.setImageResource(R.drawable.my_profile_photo);
    }
}


Atributos

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


Caso o atributo não seja padrão do AppCompatImageView, nos XMLs será necessário importar o namespace abaixo.

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

Scale Type

ScaleType scaleType

Atributo padrão do AppCompatImageView.

Define como a imagem é escalada dentro das dimensões do componente. O valor atribuído é CENTER_CROP, caso contrário a imagem não fica corretamente posicionada.

Importante

Não é possível alterar este atributo.


Border Thickness

int borderThickness

Define a espessura da borda do componente. O valor atribuído é 2dp.

Importante

Não é possível alterar este atributo.



Border Color

int borderGradientLeftColor

Define a cor da borda. Caso seja usado junto ao borderColorEnd, define a cor do lado esquerdo de um gradiente na borda.

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

example.xml
<sdk.fluig.com.ui.components.thumb.FluigSdkProfileThumb
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:borderColor="@color/my_left_color" />
Example.java
FluigSdkProfileThumb thumb = (FluigSdkProfileThumb) findViewById(R.id.my_thumb_id);
button.setBorderColor(R.color.my_left_color);


Border Color End

int borderColorEnd

Define a cor do lado direito de um gradiente na borda.

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

example.xml
<sdk.fluig.com.ui.components.thumb.FluigSdkProfileThumb
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:borderColor_end="@color/my_left_color" />
Example.java
FluigSdkProfileThumb thumb = (FluigSdkProfileThumb) findViewById(R.id.my_thumb_id);
button.setBorderColorEnd(R.color.my_right_color);
  • Sem rótulos