重用布局

时间:2018-03-10 17:09:31

标签: android layout

enter image description here美好的一天,我是Android开发的新手,我试图将图像放在edittext旁边,然后将其中三个列在彼此之下。它需要在一个布局中,因为我需要重用布局。这段代码适用于android studio中的desighn,但是当我在genymotion中运行时,它不像desighn那样:

 <LinearLayout
    android:id="@+id/Linear"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/tel_Iv"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginLeft="30dp"
        android:tint="@color/colorPrimaryDark"
        android:src="@drawable/ic_telephone" />

    <ImageView
        android:id="@+id/loc_Iv"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginLeft="-50dp"
        android:layout_marginTop="60dp"
        android:tint="@color/colorPrimaryDark"
        android:src="@drawable/ic_location" />

    <ImageView
        android:id="@+id/web_Iv"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginLeft="-50dp"
        android:layout_marginTop="120dp"
        android:tint="@color/colorPrimaryDark"
        android:src="@drawable/ic_web" />

    <EditText
        android:id="@+id/tel_Et"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="30dp"
        android:layout_marginRight="20dp" />

    <EditText
        android:id="@+id/loc_Et"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="-270dp"
        android:layout_marginRight="0dp"
        android:layout_marginTop="60dp" />

    <EditText
        android:id="@+id/web_Et"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="-250dp"
        android:layout_marginRight="0dp"
        android:layout_marginTop="120dp" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="-350dp"
        android:layout_marginRight="15dp"
        android:layout_marginTop="180dp"
        android:background="@color/colorPrimaryDark"
        android:text="@string/save_info_button"
        android:textColor="@color/buttonText" />


</LinearLayout>

1 个答案:

答案 0 :(得分:1)

让layout_input.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="match_parent"
android:orientation="horizontal">

<ImageView
    android:id="@+id/tel_Iv"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_marginLeft="30dp"
    android:src="@drawable/ic_telephone"
    android:tint="@color/colorPrimaryDark" />

<EditText
    android:id="@+id/tel_Et"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="30dp"
    android:layout_marginRight="20dp" />
</LinearLayout>

和layout_form.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="match_parent"
android:orientation="vertical">

<include layout="@layout/layout_input" />

<include layout="@layout/layout_input" />

<include layout="@layout/layout_input" />

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="-350dp"
    android:layout_marginRight="15dp"
    android:layout_marginTop="180dp"
    android:background="@color/colorPrimaryDark"
    android:text="@string/save_info_button"
    android:textColor="@color/buttonText" />
 </LinearLayout>