Criando GUI de usuário no Android

Nivel : Intermediário

No android, a construção das interfaces GUI de usuários é feita através da definição de arquivos padrão xml que estão armazenados na pasta res/layout.

Neles, você pode colocar os elementos como TextView, EditText, Button e outros que representam as opções das telas.

Entretanto, podemos usar também as folhas de estilos no arquivo que se encontra em res/styles.xml.

Caso sua aplicação não tenha um, basta criá-lo copiando de um dos samples que vem com o sdk.

Com o padrão de estilos, você pode desenvolver aplicações que possuem vários elementos em uma mesma GUI ou em várias.

É similar a metodologia de folhas de estilo CSS que conhecemos em desenvolvimento WEB.

Vamos mostrar o código usual que tem duas TextView próximas , seria algo assim :

<TextView

android:id="@+id/tx_1"

android:text="Bem Vindo !"

android:layout_height="fill_parent"

android:layout_width="wrap_content"

android:paddingLeft="10dp"

android:maxWidth="300dp"

android:textColor="#ffffffff"

android:typeface="monospace"

android:textStyle="bold"

android:textSize="16dip"

android:gravity="center_horizontal|center_vertical">

</TextView>

<TextView

android:id="@+id/tx_2"

android:text="Aqui"

android:layout_height="fill_parent"

android:layout_width="wrap_content"

android:paddingLeft="10dp"

android:maxWidth="300dp"

android:textColor="#ffffffff"

android:typeface="monospace"

android:textStyle="bold"

android:textSize="16dip"

android:gravity="center_horizontal|center_vertical">

</TextView>

Então, é um bom pedaço de código. Mas usando styles, vamos dentro do arquivo styles.xml e criamos um padrão assim :