Tutorial Forca #2 - Tela do jogo
Boa tarde pessoal!
Para dar continuidade neste tutorial, vamos fazer hoje a tela do jogo. Vamos pular a tela de abertura e vamos direto criar a tela principal do jogo.
Vamos criar um arquivo na pasta res/layout chamado activity_game.xml, com o seguinte conteúdo:
Como vocês puderam ver na criação dos botões, ao invés de sempre colocar o tamanho eu transferi essas informações para o arquivo styles.xml, adicionando o seguinte cógido:
Bom... layout do game feito. Falta apenas a imagem que eu utilizei.
Para esta imagem, eu criei uma outra pasta, chamada drawable. Deixei para lidar com as diferenças de tela mais pra frente.
É uma imagem bem simples, mas para começar está valendo. (imagem)
Veja aqui as alterações de hoje no projeto.
E para quem quiser fazer o download do projeto todo até agora, aqui.
Para dar continuidade neste tutorial, vamos fazer hoje a tela do jogo. Vamos pular a tela de abertura e vamos direto criar a tela principal do jogo.
Vamos criar um arquivo na pasta res/layout chamado activity_game.xml, com o seguinte conteúdo:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <ImageView android:id="@+id/ivForca" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="10dp" android:src="@drawable/forca_6" /> <LinearLayout android:id="@+id/lBotoes" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:paddingLeft="10dp" android:paddingRight="10dp" android:layout_alignParentBottom="true" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <Button style="@style/letras" android:id="@+id/bA" android:text="A" /> <Button style="@style/letras" android:id="@+id/bB" android:text="B" /> <Button style="@style/letras" android:id="@+id/bC" android:text="C" /> <Button style="@style/letras" android:id="@+id/bD" android:text="D" /> <Button style="@style/letras" android:id="@+id/bE" android:text="E" /> <Button style="@style/letras" android:id="@+id/bF" android:text="F" /> <Button style="@style/letras" android:id="@+id/bG" android:text="G" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <Button style="@style/letras" android:id="@+id/bH" android:text="H" /> <Button style="@style/letras" android:id="@+id/bI" android:text="I" /> <Button style="@style/letras" android:id="@+id/bJ" android:text="J" /> <Button style="@style/letras" android:id="@+id/bK" android:text="K" /> <Button style="@style/letras" android:id="@+id/bL" android:text="L" /> <Button style="@style/letras" android:id="@+id/bM" android:text="M" /> <Button style="@style/letras" android:id="@+id/bN" android:text="N" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <Button style="@style/letras" android:id="@+id/bO" android:text="O" /> <Button style="@style/letras" android:id="@+id/bP" android:text="P" /> <Button style="@style/letras" android:id="@+id/bQ" android:text="Q" /> <Button style="@style/letras" android:id="@+id/bR" android:text="R" /> <Button style="@style/letras" android:id="@+id/bS" android:text="S" /> <Button style="@style/letras" android:id="@+id/bT" android:text="T" /> <Button style="@style/letras" android:id="@+id/bU" android:text="U" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <Button style="@style/letras" android:id="@+id/bV" android:text="V" /> <Button style="@style/letras" android:id="@+id/bW" android:text="W" /> <Button style="@style/letras" android:id="@+id/bX" android:text="X" /> <Button style="@style/letras" android:id="@+id/bY" android:text="Y" /> <Button style="@style/letras" android:id="@+id/bZ" android:text="Z" /> </LinearLayout> </LinearLayout> <TextView android:id="@+id/tvPalavra" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@id/ivForca" android:layout_above="@id/lBotoes" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:gravity="center" android:text="PALAVRA SECRETA" /> </RelativeLayout>
Como vocês puderam ver na criação dos botões, ao invés de sempre colocar o tamanho eu transferi essas informações para o arquivo styles.xml, adicionando o seguinte cógido:
<style name="letras" > <item name="android:layout_width">0dp</item> <item name="android:layout_height">wrap_content</item> <item name="android:layout_weight">1</item> </style>
Bom... layout do game feito. Falta apenas a imagem que eu utilizei.
Para esta imagem, eu criei uma outra pasta, chamada drawable. Deixei para lidar com as diferenças de tela mais pra frente.
É uma imagem bem simples, mas para começar está valendo. (imagem)
Veja aqui as alterações de hoje no projeto.
E para quem quiser fazer o download do projeto todo até agora, aqui.
Tenho uma dúvida sobre o arquivo styles.xml
ResponderExcluirNo momento em que executo o meu código aqui ele dá muitos erros se referindo ao: "Error:(4, 28) String types not allowed (at 'layout_height' with value 'match_parent android:layout_weight=1')."
E também erros como o:
"Error:(27, 28) No resource found that matches the given name (at 'style' with value '@style/letras')."
Poderia me ajudar?