Question

我是Android开发的新手。我想在我的布局中有三个输入字段[编辑文本]，如附图中所示。我正在使用Android Material设计开发我的UI，但无法弄清楚如何将这些输入放在那里。

我将非常感谢提示帮助

Answer 1

Linear Layout android：orientation = 水平。

Answer 2

在布局中使用水平LinearLayout以及每个TextInputLayout个EditText个视图。类似的东西：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <android.support.design.widget.TextInputLayout
        android:id="@+id/layout1"
         android:layout_height="wrap_content"
         android:layout_width="0dp"
         android:layout_weight="1"
         android:hint="MM">

         <EditText
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:inputType="number"/>

    </android.support.design.widget.TextInputLayout>
    <android.support.design.widget.TextInputLayout
        android:id="@+id/layout2"
         android:layout_height="wrap_content"
         android:layout_width="0dp"
         android:layout_weight="1"
         android:hint="YY">

         <EditText
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:inputType="number"/>

    </android.support.design.widget.TextInputLayout>
    <android.support.design.widget.TextInputLayout
        android:id="@+id/layout3"
         android:layout_height="wrap_content"
         android:layout_width="0dp"
         android:layout_weight="1"
         android:hint="CVV">

         <EditText
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:inputType="number"/>

    </android.support.design.widget.TextInputLayout>
</LinearLayout>

Answer 3

如果您可以提供更多详细信息，例如你使用哪种布局，你会得到更好的答案

对于LinearLayout，我猜想像

<EditText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/editText3"
    android:layout_weight="1"
    android:layout_marginTop="50dp"
    android:text="xxx"
    android:gravity="center" />

<EditText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/editText4"
    android:layout_weight="1"
    android:layout_marginTop="50dp"
    android:gravity="center"
    android:text="yyy" />

<EditText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/editText5"
    android:layout_weight="1"
    android:layout_marginTop="50dp"
    android:text="zzz"
    android:gravity="center" />

会匹配您的问题

Answer 4

第1步：创建名为demo.xml的Drawable

<?xml version="1.0" encoding="utf-8"?>
<shape
    android:shape="rectangle"
    xmlns:android="http://schemas.android.com/apk/res/android" >
    <stroke android:color="#000000" android:width="5dp"/>
</shape>

第2步：创建layout.xml

<?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:background="@drawable/demo"
    android:layout_margin="10dp"
    android:orientation="horizontal"
    android:gravity="center"
    android:weightSum="3">

    <EditText
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:hint="MM"
        android:layout_weight="1"
        android:gravity="center"/>


    <EditText
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:hint="YY"
        android:layout_weight="1"
        android:gravity="center"/>


    <EditText
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:hint="CVV"
        android:layout_weight="1"
        android:gravity="center"/>

</LinearLayout>

三个编辑文本框材料设计并排

4 个答案: