o do TextView âncora referente ao Novo Gasto. Para isto, utiliza-se o atributo layout_alignTop informando o id do elemento que será a referência, no caso é
o @id/novo_gasto, veja:
<RelativeLayout
...>
<TextView
android:id="@+id/novo_gasto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="50dp"
android:layout_marginTop="80dp"
android:clickable="true"
android:drawableTop="@drawable/novo_gasto"
android:onClick="selecionarOpcao"
android:text="@string/novo_gasto"
android:textColor="#FFFFFF"
android:textStyle="bold" />
<TextView
android:id="@+id/nova_viagem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
65
3.2. RelativeLayout
Casa do Código
android:layout_alignParentRight="true"
android:layout_alignTop="@id/novo_gasto"
android:layout_marginRight="50dp"
android:clickable="true"
android:drawableTop="@drawable/nova_viagem"
android:onClick="selecionarOpcao"
android:text="@string/nova_viagem"
android:textColor="#FFFFFF"
android:textStyle="bold" />
</RelativeLayout>
Também em relação ao TextView do novo gasto, alinhamos o item Minhas
Viagens à esquerda e, para mantê-lo na parte de baixo da tela, especificamos que ele deve se alinhar como a região inferior do componente-pai, através da propriedade android:layout_alignParentBottom="true".
O último TextView, para a opção de configurações da aplicação, utiliza o
TextView anterior para se alinhar na região inferior da tela e também se alinha à direita com base no TextView da Nova Viagem. É importante ressaltar que podemos obter o mesmo resultado (mesmo design de tela) utilizando outros tipos de layouts ou utilizando os mesmos layouts mas de forma diferente das apresentadas aqui:
<RelativeLayout ...>
<!-- Novo gasto e nova viagem -->
<TextView
android:id="@+id/minhas_viagens"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/novo_gasto"
android:layout_alignParentBottom="true"
android:layout_marginBottom="120dp"
android:clickable="true"
android:drawableTop="@drawable/minhas_viagens"
android:onClick="selecionarOpcao"
android:text="@string/minhas_viagens"
android:textColor="#FFFFFF"
android:textStyle="bold" />
66
Casa do Código
Capítulo 3. Domine os principais elementos de Interface Gráfica
<TextView
android:id="@+id/configuracoes"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/minhas_viagens"
android:layout_alignRight="@id/nova_viagem"
android:clickable="true"
android:drawableTop="@drawable/configuracoes"
android:onClick="selecionarOpcao"
android:text="@string/configuracoes"
android:textColor="#FFFFFF"
android:textStyle="bold" />
</RelativeLayout>
Dessa forma, o código completo utilizando os dois layouts fica assim:
<?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"
android:background="#333333"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="@string/app_name"
android:textAppearance="?android:attr/textAppearanceLarge" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#015488" >
<TextView
android:id="@+id/novo_gasto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
67
3.2. RelativeLayout
Casa do Código
android:layout_marginLeft="50dp"
android:layout_marginTop="80dp"
android:clickable="true"
android:drawableTop="@drawable/novo_gasto"
android:onClick="selecionarOpcao"
android:text="@string/novo_gasto"
android:textColor="#FFFFFF"
android:textStyle="bold" />
<TextView
android:id="@+id/nova_viagem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignTop="@id/novo_gasto"
android:layout_marginRight="50dp"
android:clickable="true"
android:drawableTop="@drawable/nova_viagem"
android:onClick="selecionarOpcao"
android:text="@string/nova_viagem"
android:textColor="#FFFFFF"
android:textStyle="bold" />
<TextView
android:id="@+id/minhas_viagens"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/novo_gasto"
android:layout_alignParentBottom="true"
android:layout_marginBottom="120dp"
android:clickable="true"
android:drawableTop="@drawable/minhas_viagens"
android:onClick="selecionarOpcao"
android:text="@string/minhas_viagens"
android:textColor="#FFFFFF"
android:textStyle="bold" />
<TextView
android:id="@+id/configuracoes"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
68
Casa do Código
Capítulo 3. Domine os principais elementos de Interface Gráfica
android:layout_alignBottom="@id/minhas_viagens"
android:layout_alignRight="@id/nova_viagem"