Diseñando nuestra primera pantalla- 2ª Parte

Como ya vimos en la primera parte de este post, tenemos que modificar el archivo main.xml. Al hacer clic sobre este archivo y en Source (Fuente). 


Lo primero que encontraremos será el LinearLayout:

<?xml version=”1.0” encoding=”utf-8”?>

<LinearLayout

                xmlns:android=http://schemas.android.com/apk/res/android

android:orientation=”vertical”

android:layout_width=”fill_parent”

android:layout_height=”fill_parent” >

A continuación en el mismo cuerpo del programa, dentro de la etiqueta <LinearLayout> podemos colocar un widget secundario <Textview> y dentro de este a su vez, una serie de botones:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/main_title"
    />
<Button 
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/continue_label"
/> 
<Button 
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/inicio"
/>
<Button 
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/about"
/> 


   
</LinearLayout>

Si nos fijamos en el código, podemos observar que en lugar de introducir texto directamente en el archivo de composición, usamos el enlace @string/resid para referirnos a las cadenas de caracteres incluidas en el archivo "res/values/strings.xml" Esto es bastante útil así nos aseguramos que cada vez que necesitamos hacer referencia tendremos las cadenas almacenadas y serán las mismas. Para ver un resultado de nuestra primera pantalla aún debemos abrir esta archivo strings.xml e introducir o siguiente: 

<?xml version="1.0" encoding="utf-8"?>

<resources>

   <string name="app_name">

       

PrimeraPantalla </string>

   <string name="main_title">

   Titulo</string>

   <string name="continue_label">

   Continuar</string>
   <string name="inicio">
   Inicio</string>
   <string name="about">Acerca De
   </string></resources>

Lo guardamos y reconstruimos el proyecto y nos debe salir algo del estilo:

La pantalla actual es perfectamente legible y visible.