Android UI 设计 练习1 ——登陆界面

我这次的练习时实现如下登陆界面，只是为了学习，找了一个样例，并不做其他用途…



任务主要有以下几点：

1.自定义按钮

2.设计EditText

3.画线

4.去除标题

1.自定义按钮

首先在drawable下新建xml文件：

我这里的取名是selector1，命名没有取好…



具体的内容是：



这里有两个状态分别是未按下和按下，使用了不同的图片：

unpress：



press：



然后再在布局文件中写：



主要就是定义

android:background="@drawable/selector1"

，这就实现了自定义按钮，并且在按下之后会有变化。

2.设计EditText

EditText最困扰我的是如何将图片放进EditText中，结果其实十分简单，只要在相对布局下有一个EditText和一个ImageView，然后就可以把图片拖进去了。

而其他的一些颜色，背景颜色都比较容易设置。

3.画线

其实画线和自定义按钮的原理差不多，也是在drawable新建一个xml文件，但这次是要用TextView这个控件来使用这个xml文件。



具体的代码：



布局中写：



4.去除标题



只要在setContent之前加入

requestWindowFeature(Window.FEATURE_NO_TITLE);

就可以了。但要注意这时活动所继承的类一定要是Activity，否则会报错。

最后展示一下cosplay的效果：