首先新建一个包，即名称为LoginActivity，新建完之后5，继承extends AppCompatActivity，继承完成之后，我们要重写onCreate的方法。见截图：
然后在res资源下面的layout创建，右键New一个Layout Resource File，见截图：
回到LoginActivity的页面，在onCreate方法里面先设置布局，调用setContentView()，见截图
ConstraintLayout表示约束布局，LinearLayout表示直线布局，可以分配内部控件的权重，使用LinearLayout需要指定参数orientation，orientation表示方向，orientation有两个值，分别是horizontal(表示水平的)和vertical(表示垂直的)；LinearLayout一般有两个参数，分别是layout_width表示宽度，layout_height表示高度。match_parent表示适应，wrap_content表示适应内容。TextView表示文本，text显示文本内容。EditText表示文本框，dp表示显示的单位，gravity=”center”表示居中,hint表示提示，layout_margin表示外边距。见截图：
想要验证码的文本框进行填充，首先，设置验证码的文本框的宽度为0dp，设置layout_weight的重量为一，权重表示的是去除前后的TextView的宽度，剩下宽度的一分之一，见截图：
Button表示按钮，想要按钮的宽度占满全部，使用match_parent,设置高度为wrap_content，让按钮使用内容；background表示背景色，textColor表示字体的颜色，textSize表示字体的，见截图：
设置密码登录、注册会员、重置密码，以及分隔符，分隔符使用View，分隔符的宽度为一dp，高度设置为match_parent，然后分别设置左边距和右边距分别为五dp，见截图：
设置内容上下居中，通过TextView，设置layout_width为wrap_content适应内容，设置高度为零dp，设置layout_weight的权重为一，见截图：
页面布局内容，见截图：
