En realidad existen varias formas de lograr lo que quieres, pude ser con RelativeLayout
, LinearLayout
o cualquier otro tipo de layout, ya que lo pides es un diseño muy básico y con cualquier layout lo puedes lograr. Claro, dependiendo el diseño que quieras hacer, es mejor usar uno que otro.
En este caso para el diseño utilizare un RelativeLayout
.
Tu problema principalmente es que la posición de los componentes (TextView
, ListView
) esta enlazada al layout, que en este caso son los bordes de la pantalla, ya que el layout ocupa toda la pantalla. Y al estar enlazadas al layout, la posición de estos cambia de acuerdo al tamaño de la pantalla. Para que la distancia de los componentes se mantenga siempre igual, puedes enlazarlos entre si y así no importa en que posición de la pantalla estén, siempre tendrán la misma distancia.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<TextView
android:id="@+id/Texto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hola Mundo"
android:textSize="24sp"
android:layout_marginTop="20dp"
android:layout_centerHorizontal="true"/>
<ListView
android:id="@+id/Lista"
android:layout_width="278dp"
android:layout_height="332dp"
android:layout_below="@+id/Texto"
android:layout_marginTop="25dp"
android:layout_centerHorizontal="true"/>
</RelativeLayout>
En este caso el ListView
esta enlazado al TextView
mediante la propiedad android:layout_below
, esta propiedad coloca un componente debajo de otro. Para colocar un componente debajo de otro, debes especificar el id de ese componente.
La propiedad android:layout_centerHorizontal
alinea el componente al centro horizontal del layout.
Las demás propiedades utilizadas son muy conocidas, por lo que no creo que haya necesidad de explicarlas. Ten en cuenta que algunas propiedades que puedas utilizar en los componentes son exclusivas del layout que estes utilizando. Por ejemplo, en un linearLayout
no puedes utilizar android:layout_below
ni android:layout_centerHorizontal
, ya que son propiedades del RelativeLayout
.
Para comprender mejor como funciona el diseño de las interfaces de usuario Android, te recomiendo que leas esta guiá oficial (en español), en la que se habla sobre el diseños de los layout.
Actualización
Viendo tu MainActivity veo que tienes varios errores por lo cual la vista de tu aplicación no se muestra correctamente.
Tu actividad extiende de ListActivity
que es una actividad especial para listas. Bien, si vas a extender de esa actividad tienes que saber unas cuantas cosas.
Esta actividad implementa su propio layout con un listView que ocupa toda la pantalla, si no sobrescribes el layout de la actividad esta mostrara el layout de ListActivity
, que es lo que esta haciendo ahora y el porque la lista se muestra ocupando toda la pantalla. Para sobrescribir el layout de la actividad utiliza el método setContentView()
.
ListActivity
ya posee un ListView
, por lo que no es necesario crear uno nuevo, puedes utilizar el que ya posee.
Al ListView
del activity_main tienes que asignarle el id @android:id/list
, que es el id que utiliza ListActivity
para enlazar la lista con el ListView
que ya posee.
El método OnItemSelected()
que utilizas para escuchar los eventos del ListView
no funciona, por la razón de que es un método que tu mismo creaste y que no tiene relación alguna con los eventos del ListView
. Incluso Android Studio (AS) debe de mostrarte el nombre del método de color gris, lo que indica que no lo estas utilizando. El método que debes utilizar para escuchar los evento es onListItemClick()
, que es un método heredado de ListActivity
.
El TextView
lo tienes que enlazar en el onCreate()
, las vistas por lo general se crean hay. El TextView
lo tienes que declarar como variable global para que lo puedas utilizar en el onCreate
, el onListItemClick()
y cualquier otro lugar de la clase.
AS te debe de marcar error de sintaxis "incompatible types" tanto en el ListView
como en el TextView
, ya que no estas haciendo casting de los objetos para convertirlos de tipo view
a tipo TextView
o a tipo ListView
. Incluso, AS te debe lanzar un error al tratar de ejecutar el proyecto.
Conociendo todos los errores y corrigiéndolos tu código debe quedar así:
MainActivity
public class MainActivity extends ListActivity {
TextView superior;
String nombres[]={"Paco","Rita","Carlos","Mario"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
superior = (TextView) findViewById(R.id.Texto);
ArrayAdapter <String> adaptador = new ArrayAdapter<>(this,
android.R.layout.simple_list_item_1, nombres);
setListAdapter(adaptador);
}
@Override
protected void onListItemClick(ListView l, View v, int position, long id) {
super.onListItemClick(l, v, position, id);
CharSequence nombre = ((TextView) v).getText();
superior.setText(nombre);
}
}
activity_main
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<TextView
android:id="@+id/Texto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hola Mundo"
android:textSize="24sp"
android:layout_marginTop="20dp"
android:layout_centerHorizontal="true"/>
<ListView
android:id="@android:id/list"
android:layout_width="278dp"
android:layout_height="332dp"
android:layout_below="@+id/Texto"
android:layout_marginTop="25dp"
android:layout_centerHorizontal="true"/>
</RelativeLayout>
Para que puedas entender mejor como funciona la actividad ListActivity
te recomiendo leer la documentación oficial de Android.