Desarrollo de Android de un resumen de aprendizaje de la interfaz de inicio de sesión

Demostración de código:

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

<LinearLayout xmlns: android = “http://schemas.android.com/apk/res/android”
xmlns: app = “http://schemas.android.com/apk/res-auto”
xmlns: tools = “http : //schemas.android.com/tools "
android: layout_width =" match_parent "
android: layout_height =" match_parent "
android: orientación =" vertical "

tools:context=".MainActivity">


<RelativeLayout
    android:background="#FFFF00"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.8">

    <LinearLayout
        android:layout_marginLeft="100dp"
        android:layout_marginRight="100dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="150dp">


        <ImageView


            android:layout_width="0dp"
            android:layout_height="100dp"
            android:layout_weight="0.5"
            android:src="@drawable/icon_bic">


        </ImageView>

        <TextView
            android:id="@+id/textView"
            android:layout_width="0dp"
            android:layout_height="110dp"

            android:layout_weight="1"
            android:text="工巢"
            android:textColor="#000000"
            android:textSize="70dp"

            ></TextView>
    </LinearLayout>
</RelativeLayout>


<RelativeLayout
    android:paddingLeft="80dp"
    android:paddingRight="80dp"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1">
    <EditText
        android:layout_marginHorizontal="40dp"
        android:layout_marginTop="40dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入账号"

        android:textColor="@android:color/black"
        />
    <ImageView
        android:layout_marginTop="36dp"
        android:layout_width="30dp"
        android:layout_height="60dp"
        android:src="@drawable/icon_phone">

    </ImageView>
    <ImageView
        android:layout_marginTop="90dp"
        android:layout_width="30dp"
        android:layout_height="60dp"
        android:src="@drawable/icon_email">

    </ImageView>

    <EditText
        android:layout_marginHorizontal="40dp"
        android:layout_marginTop="100dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入验证码"


        android:textColor="@android:color/black" />

    <Button
        android:layout_marginTop="180dp"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="80dp"

        android:text="登录"

        ></Button>




</RelativeLayout>

1: Utilice principalmente el diseño LinearLayout, aprenda que puede usar el diseño relativo RelativeLayout, primero use el diseño relativo para dividir en dos partes
2: Agregue las imágenes que deben usarse en la carpeta de recursos Inserte la descripción de la imagen aquí
3: La primera parte es configurar el color de fondo, agregue imágenes y textoInserte la descripción de la imagen aquí

4: agregue la segunda parte de la imagen y el texto, así como el botón de inicio de sesión, este color no es amarillo ordinario, lo toma Color Cop)Inserte la descripción de la imagen aquí

resultado de la operación
Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/weixin_44941105/article/details/114881799
Recomendado
Clasificación