您的位置:首页 > 移动开发 > Android开发

Android开发——EditText编辑框设计一个登录页面

2016-12-06 10:31 148 查看
废话不多说,首先我们列举一下EditText的常用属性和各属性的用法,要会用一个新的东西首先你就需要了解他,当我们对它的熟悉程度到了,那么我们便能像庖丁解牛一样,把它应用的得心应手。

android:layout_gravity    设置控件显示的位置:默认top
android:hint    设置显示在空间上的提示信息
android:numeric    设置数字输入格式,integer只能输入整数,decimal只能输入小数
android:singleLine设置单行输入,一旦设置为true,则文字不会自动换行
android:password设置输入为密码
android:capitalize以大写字母写
android:textColorHighlight被选中文字的底色,默认为蓝色
android:textScaleX控制字与字之间的间距
android:typeface字型,normal, sans, serif, monospace
  好,接下来我们新建个项目,用EditText来做一个登录的界面。具体实现就不多说了先上来效果图。



简单的功能就完成了,但是各位有没有注意到Button里面的英文字母变成大写的了?在新建项目时的默认主题是android:theme="@style/AppTheme"的问题,删掉主题,或者设置Button时加上android:textAllCaps="false"就行,好吧,贴上我们的代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#3B3B3B"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.edittext.MainActivity" >

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:src="@drawable/logo" />

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/imageView1"
android:layout_centerHorizontal="true"
android:text="Sign in"
android:textColor="#F5F5F5"/>
<EditText
android:id="@+id/editText1"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_below="@+id/textView1"
android:layout_marginTop="50dp"
android:hint="Username or Email"
android:background="#FFFFFF"/>
<EditText
android:id="@+id/editText2"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_below="@+id/editText1"
android:layout_marginTop="20dp"
android:password="true"
android:hint="Password"
android:background="#FFFFFF"/>

<Button
android:id="@+id/button1"
android:layout_width="135dp"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/editText2"
android:layout_marginTop="20dp"
android:text="Sign in"
android:textAllCaps="false"
android:background="#EE3A8C"/>

<Button
android:id="@+id/butto2"
android:layout_width="135dp"
android:layout_height="wrap_content"
android:layout_below="@+id/editText2"
android:layout_marginTop="20dp"
android:layout_alignParentRight="true"
android:text="Twitter"
android:textAllCaps="false"
android:background="#5CACEE"/>
<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/butto2"
android:layout_centerHorizontal="true"
android:layout_marginTop="75dp"
android:src="@drawable/box" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/imageView2"
android:layout_centerHorizontal="true"
android:text="Forgot Password?"
android:textColor="#F5F5F5"/>
</RelativeLayout>

今天的android学习时间结束,该学习Java了!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: