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.
Importante
Antes de utilizar o componente, não esqueça de importar o módulo de componentes do SDK. Para saber como, clique aqui.
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); } }
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"
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
( ).
<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);
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);