Android studio的UI界面布局学习（一）——登陆页面的布局制作

Android studio的UI界面布局学习（一）——登陆页面的布局制作

先摆上一张图，内外边距必须得了解的，就不做过多介绍。

根据课本或者网上资料通过线性布局是很容易做出这样一个界面的。

但是不得不说，这个界面相当丑陋，那接下来我们要通过边距进行一下稍微修改，同时两个按钮的颜色最好再改一下，edittext框要是能再美化一下就更好了！
这也就是课本中所提到的——自定义控件。

xml文件中是这样的

<EditText
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"

            android:background="@drawable/custom_edittext_background"
            android:inputType="textPassword"/>

重点在于

android:background="@drawable/custom_edittext_background"

需要新建一个文件

其中代码如下

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <!-- 圆角-->
    <corners android:radius="5dp" />
    <!--描边-->
    <stroke
        android:width="1dp"
        android:color="@android:color/holo_blue_light" />

</shape>

再稍微调一下字体大小边距加个单选按钮以及hint属性什么的就成了这个样子

这个模样应付作业显然已经足够，至于button和背景什么的之后看时间再做修改与调试~

接下来是列表页的制作，下一节再说呐~