目标效果:点击登录按钮,按钮颜色发生变化
页面目录:要注意的是,本例使用xml页面定义控件的形状颜色,全部保存在res文件夹下新建的drawable文件夹中。
1.登录上方的白底和两个输入框是编写在login_top.xml页面中。
login_top.xml页面(该页面为了方便解释使用了不合法的解释符,请见谅):
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:background="@drawable/logintop_bg" //背景调用logintop_bg.xml页面
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingBottom="@dimen/activity_horizontal_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_top_margin"
tools:context=".MainActivity" >
<EditText
android:id="@+id/etName"
android:hint="@string/etName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:background="@android:drawable/edit_text" //使用系统自带的EditText样式,即橙色全框
android:drawableLeft="@drawable/icons_inform_user"
android:drawablePadding="@dimen/drawable_padding"
android:ems="10" >
<requestFocus />
</Edi