Wie kann ich TextView und EditText in einem horizontalen LinearLayout richtig ausrichten?

Question

Ich versuche, meine EditText Ansichten auszugleichen. Aber ich kann nicht scheinen, um sie richtig auszurichten, und ich kann die Größe des EditText nicht vergrößern. Zuerst versuchte ich es mit einer RelativeLayout, die mir erlaubt, Dinge genau zu positionieren, aber die Größe war immer noch aus. Ich dachte, wenn ich auf eine horizontale LinearLayout wechselte, dann könnte ich beide Felder mit layout_weight anpassen und die EditText würde automatisch den Raum füllen, aber das scheint nicht der Fall zu sein. Hast du irgendwelche Vorschläge? Diese benutzerdefinierte Ansicht wird zu einer vertikalen LinearLayout hinzugefügt, wenn auf dem Bildschirm angezeigt wird.

Meine Layout-Datei:

<?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="wrap_content" 
    android:padding="1dp" 
    android:weightSum="1" 
    android:orientation="horizontal"> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="0.6" 
     android:gravity="center_vertical" 
     android:textColor="@color/ws_blue" 
     android:background="#00ffff" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:text="Settings Item: " 
     android:id="@+id/itemLabel" /> 

    <EditText 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="0.4" 
     android:textColor="@color/ws_blue" 
     android:textColorHint="@color/ws_hint" 
     android:background="#ffff00" 
     android:id="@+id/et_item_value" /> 

</LinearLayout> 

Android Studio-Vorschau:

Actual Screenshot von meinem Handy:

Answer 1

hier ist der Code: unter Code als Layout-Datei für gleiche ist, die Sie Anzeige hatte Bildschirmfoto.

<TableLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="8dp"> 
    <TableRow> 
     <TextView 
      android:layout_weight="1" 
      android:gravity="center" 
      android:text="Device ID:" 
      android:textColor="@android:color/holo_green_dark" 
      android:textStyle="bold" /> 
     <TextView 
      android:layout_weight="1" 
      android:text="00:00:00:00:00:00" 
      android:textColor="@android:color/holo_green_dark" 
      android:textStyle="bold" /> 
    </TableRow> 
    <TableRow android:layout_marginTop="8dp"> 
     <TextView 
      android:layout_weight="1" 
      android:text="Wifi Presets:" 
      android:textColor="@android:color/holo_blue_dark" 
      android:textSize="18sp" 
      android:textStyle="bold" /> 
     <Spinner 
      android:layout_marginRight="20dp" 
      android:layout_weight="1" 
      android:textColor="@android:color/holo_green_dark" 
      android:textStyle="bold" /> 
    </TableRow> 
    <TableRow android:layout_marginTop="8dp"> 
     <TextView 
      android:layout_weight="1" 
      android:background="@android:color/holo_blue_bright" 
      android:text="SSID:" 
      android:textColor="@android:color/holo_blue_dark" 
      android:textSize="18sp" 
      android:textStyle="bold" /> 
     <EditText 
      android:layout_marginLeft="16dp" 
      android:layout_weight="1" 
      android:background="#FFFF00" 
      android:hint="SSID" 
      android:textColor="@android:color/holo_blue_dark" 
      android:textColorHint="@android:color/darker_gray" 
      android:textSize="18sp" 
      android:textStyle="bold" /> 
    </TableRow> 
    <TableRow android:layout_marginTop="8dp"> 
     <TextView 
      android:layout_weight="1" 
      android:background="@android:color/holo_blue_bright" 
      android:text="Password:" 
      android:textColor="@android:color/holo_blue_dark" 
      android:textSize="18sp" 
      android:textStyle="bold" /> 
     <EditText 
      android:layout_marginLeft="16dp" 
      android:layout_weight="1" 
      android:background="#FFFF00" 
      android:hint="Password" 
      android:inputType="textPassword" 
      android:textColor="@android:color/holo_blue_dark" 
      android:textColorHint="@android:color/darker_gray" 
      android:textSize="18sp" 
      android:textStyle="bold" /> 
    </TableRow> 
    <TableRow android:layout_marginTop="8dp"> 
     <TextView 
      android:layout_weight="1" 
      android:text="Security Type:" 
      android:textColor="@android:color/holo_blue_dark" 
      android:textSize="18sp" 
      android:textStyle="bold" /> 

     <Spinner 
      android:layout_marginRight="20dp" 
      android:layout_weight="1" 
      android:textColor="@android:color/holo_green_dark" 
      android:textStyle="bold" /> 
    </TableRow> 
</TableLayout> 

Answer 2

Versuchen von Margen und Polsterung geben zu vergrößern Ansicht

<?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="wrap_content" 
    android:orientation="horizontal" 
    android:padding="1dp" 
    android:weightSum="1"> 

    <TextView 
     android:id="@+id/itemLabel" 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="0.6" 
     android:background="#00ffff" 
     android:layout_margin="20dp" 
     android:padding="10dp" 
     android:gravity="center_vertical" 
     android:text="Settings Item: " 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:textColor="@android:color/holo_blue_dark"/> 

    <EditText 
     android:id="@+id/et_item_value" 
     android:layout_margin="20dp" 
     android:layout_width="0dp" 
     android:padding="10dp" 
     android:layout_height="match_parent" 
     android:layout_weight="0.4" 
     android:background="#ffff00" 
     android:textColor="@android:color/holo_blue_dark" 
     android:textColorHint="@android:color/darker_gray"/> 

</LinearLayout> 

Answer 3

Ich denke, dass Sie am besten mit einem GridLayout arbeiten werden. Sie können

<GridLayout 
.... 
android:columnCount="2"> 

verwenden und wenn Sie größere benötigen EditText Sie mehr columnsCount und Spanne mit einstellen

<EditText 
..... 
android:layout_columnSpan="2"/> 

Answer 4

Zusätzlich zu den vorgeschlagenen Antworten können Sie die prozentuale Support-Bibliothek verwenden. Diese von Google erstellte Bibliothek ermöglicht es Ihnen, RelativeLayout und FrameLayout mit einem zusätzlichen Vorteil zu erstellen: Definieren von Prozentangaben für Breite, Höhe und Rand. Um es zu nutzen, fügen Sie einfach die folgende Zeile in Gradle App-Datei:

compile 'com.android.support:percent:23.3.0' // note that the version number 
              // might change due to updates 

Nachdem Sie diese Abhängigkeit fügen Sie es wie folgt verwendet werden:

<android.support.percent.PercentRelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <TextView 
     android:id="@+id/itemLabel" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:alignParentLeft="true" 
     android:background="#00ffff" 
     android:layout_marginLeftPercent="10%" 
     android:gravity="center_vertical" 
     android:text="Settings Item: " 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:textColor="@android:color/holo_blue_dark"/> 

    <EditText 
     android:id="@+id/et_item_value" 
     app:layout_marginRightPercent="10%" 
     android:alignParentRight="true" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_widthPercent="40%" 
     android:background="#ffff00" 
     android:textColor="@android:color/holo_blue_dark" 
     android:textColorHint="@android:color/darker_gray"/> 

</android.support.percent.PercentRelativeLayout> 

Beachten Sie, dass dies nur eine Probe und Sie können es

weitere Informationen über die Percent Support Bibliothek nach Ihren Wünschen ändern, benutzen Sie bitte diese link

Hoffnung thi folgen s hilft :)