android线性布局登录,Android Studio用线性布局和相对布局做一个简单的登陆界面

先上效果图

xml文件

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="请输入用户名和密码"

android:layout_centerHorizontal="true"

android:id="@+id/ip_port"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/ip_port"

android:orientation="horizontal"

android:layout_centerHorizontal="true"

android:id="@+id/ip_address">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text=" 用户名:"

/>

android:id="@+id/text_ip"

android:layout_width="200dp"

android:layout_height="wrap_content" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/ip_address"

android:layout_centerHorizontal="true"

android:id="@+id/port_number">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text=" 密码:"

/>

android:id="@+id/text_port"

android:layout_width="200dp"

android:layout_height="wrap_content" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@id/port_number"

android:layout_centerHorizontal="true">

android:id="@+id/ConnectPi"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="登陆"/>

android:id="@+id/reset_text"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="清空"/>