首页 > 代码库 > 跟我学android-常用控件之EditText

跟我学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     <TextView11         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     <LinearLayout20         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         <EditText27             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         <View38             android:layout_width="match_parent"39             android:layout_height="1dp"40             android:background="@android:color/darker_gray" />41 42         <EditText43             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     <TextView56         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

 


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

 

大家可以预览一下效果。

 

跟我学android-常用控件之EditText