Índice

Objetivo

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

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.

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:

<?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>

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.

• Scale Type
• Border Thickness
• Border Color
• Border Color End

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.

Border Thickness

int borderThickness

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

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 ().

<sdk.fluig.com.ui.components.thumb.FluigSdkProfileThumb
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:borderColor="@color/my_left_color" />

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 ().

<sdk.fluig.com.ui.components.thumb.FluigSdkProfileThumb
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:borderColor_end="@color/my_left_color" />

FluigSdkProfileThumb thumb = (FluigSdkProfileThumb) findViewById(R.id.my_thumb_id);
button.setBorderColorEnd(R.color.my_right_color);