跟我学android-常用控件之EditText

EditText 是TextView的直接子类，它与TextView的区别在于，EditText可以接受用户输入。

下面通过一个实例来说明EditText的用法

实例：sina 微博的登录界面（注意，由于我们还没有接触按钮和图片的控件，所以按钮盒图片的地方我们使用TextView 做）

首先看sina 微博登录页面的效果图

由于该截图是我从iphone上截取下来的，sina 微博android版本的背景不是这张，所以我更换了背景图

代码如下

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:background="@drawable/login_wallpaper1"
 6     android:orientation="vertical" >
 7 
 8     <!-- 用户头像 -->
 9 
10     <TextView
11         android:layout_width="wrap_content"
12         android:layout_height="wrap_content"
13         android:layout_gravity="center_horizontal"
14         android:layout_marginBottom="10dp"
15         android:layout_marginTop="20dp"
16         android:background="@drawable/login_profile_default" />
17     <!-- 用户名和密码输入框，使用嵌套布局 -->
18 
19     <LinearLayout
20         android:layout_width="match_parent"
21         android:layout_height="wrap_content"
22         android:layout_margin="10dp"
23         android:background="@drawable/fast_select_merchant_input_bg"
24         android:orientation="vertical" >
25 
26         <EditText
27             android:id="@+id/et_user"
28             android:layout_width="match_parent"
29             android:layout_height="wrap_content"
30             android:background="@null"
31             android:drawableLeft="@drawable/login_user"
32             android:drawablePadding="15dp"
33             android:hint="邮箱/手机号"
34             android:padding="10dp" />
35         <!-- 分割线 -->
36 
37         <View
38             android:layout_width="match_parent"
39             android:layout_height="1dp"
40             android:background="@android:color/darker_gray" />
41 
42         <EditText
43             android:id="@+id/et_pwd"
44             android:layout_width="match_parent"
45             android:layout_height="wrap_content"
46             android:background="@null"

47             android:drawableLeft="@drawable/login_key"
48             android:drawablePadding="15dp"
49             android:hint="请输入密码"
50             android:inputType="textPassword"
51             android:padding="10dp" />
52     </LinearLayout>
53     <!-- 模拟登录按钮 -->
54 
55     <TextView
56         android:layout_width="match_parent"
57         android:layout_height="wrap_content"
58         android:layout_margin="10dp"
59         android:background="#006400"
60         android:gravity="center"
61         android:padding="10dp"
62         android:text="登录"
63         android:textColor="#F8F8FF"
64         android:textSize="30sp" />
65 
66 </LinearLayout>

View Code

布局是可以嵌套布局的，在这个登录页面中我的输入框部分采取的是嵌套一个线性布局。

大家可以预览一下效果。

posted on 2014-09-02 16:19 IT萌妹子阅读(1469) 评论(0) 编辑收藏举报