Android - Éléments de l'INTERFACE utilisateur d'aller hors de l'écran

Je vais avoir des problèmes de positionnement des éléments de mise en page. La saisie semi-automatique dans mon TableLayout et le bouton après qu'il prennent de l'expansion de la TableRow plus grande que la largeur de l'écran. Quelqu'un a une idée de pourquoi? Ci-dessous mon code XML ainsi qu'une photo du problème.

Merci d'avance!!

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

<TableRow android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <AutoCompleteTextView android:id="@+id/installation"
        android:textSize="14sp" android:completionThreshold="3" />
</TableRow>
<TableRow android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <Button android:id="@+id/btn_find" android:text="@string/btn_find"></Button>
</TableRow>
<TableRow android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <TextView android:id="@+id/error" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:paddingTop="20px"
        android:textColor="#FF0000" />
</TableRow>

L'image de l'INTERFACE utilisateur

  • Cela peut aussi ressembler à ça sur un périphérique réel?
InformationsquelleAutor Ryan | 2010-06-01
  1. 5

    Par défaut, les widgets dans une TableRow ont android:layout_width="wrap_content". Qui ne vous limite pas à la taille de l'écran -- wrap_content signifie "wrap contenu", ne pas envelopper le contenu, mais s'il vous plaît ne pas aller sur le bord de l'écran, si vous n'avez pas l'esprit".

    Dans ce cas, vous n'avez pas besoin d'utiliser un TableLayout et un ensemble de TableRows, puisque vous n'avez pas une table.

    Donc, une approche consiste à utiliser un RelativeLayout et votre AutoCompleteTextView utilisation android:layout_alignParentLeft="true" et android:layout_alignParentRight="true". Qui va épingler les bords extérieurs de la RelativeLayout, que vous pouvez taille avec android:layout_width=fill_parent pour remplir l'écran.

    • Désolé, le code de la Table a été supprimée. J'ai un TableLayout défini, avec une orientation définie à la verticale et fill_parent pour le layout_width et layout_height. Des idées?
    • Mes idées sont au-dessus. Si vous ne faites pas quelque chose à dire à la AutoCompleteTextView de rester dans les limites de l'écran, il ne restera pas dans les limites de l'écran. Une façon de le faire est avec la RelativeLayout comme je l'ai décrit ci-dessus.
    • Tant pis, cela m'a bien aidé! Semble avoir fonctionné 🙂 Merci!!
    InformationsquelleAutor CommonsWare
  2. 39

    Pour ceux qui ont besoin de la disposition de table, utilisez la layout_weight option. Voir le code ci-dessous.

            <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:padding="6sp" android:id="@+id/detailsLayout">
            <TableRow
                android:layout_width="wrap_content"
                android:id="@+id/TableRow03"
                android:layout_height="wrap_content">
                <TextView
                    android:id="@+id/TextView06"
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content"
                    android:text="Detail 1"></TextView>
                <TextView
                    android:text="@string/empty_value"
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content"
                    android:id="@+id/sessionAudience"
                    android:layout_weight="1"></TextView>
            </TableRow>
         </TableLayout>
    • Génial... Cela fonctionne très bien. Jusqu'-voter pour cette.
    InformationsquelleAutor Michael