Android学习笔记（四）——EditText简单登录页面设计

最新推荐文章于 2024-05-04 20:49:26 发布

Nuyoahgyc

最新推荐文章于 2024-05-04 20:49:26 发布

阅读量337

点赞数

文章标签： android

本文链接：https://blog.csdn.net/m0_46175303/article/details/105197390

版权

Xml代码
采用RelativeLayout

用户名：

<EditText
        android:id="@+id/et_1"       
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:textSize="17sp"
        android:textColor="#000000"   //文字颜色为黑色
        android:hint="用户名"            //设置提示文字
        android:paddingLeft="15dp"      //内部组件的左边距
        android:background="@drawable/edit_1"     //在drawable中自定义文本框的描边效果、圆角
        android:drawableLeft="@drawable/user_name"//在drawable中添加用户名图标
        android:drawablePadding="10dp"       //设置图标的边距
        />

描边效果、圆角在如下文件中设置（新建的方法同上一篇Button的设置方法）：

在这里插入图片描述

<shape xmlns:android="http://schemas.android.com/apk/res/android">
     <stroke                                   //描边
         android:color="#2BD5D5"
         android:width="2dp"
         />
    <corners                         //圆角
        android:radius="15dp"
        />
</shape>

密码：

 <EditText
         android:id="@+id/et_2"
         android:layout_width="match_parent"
         android:layout_height="50dp"
         android:textSize="17sp"
         android:textColor="#000000"
         android:hint="密码"               //设置提示文字
         android:paddingLeft="15dp"      
         android:layout_below="@+id/et_1"     
         android:layout_marginTop="15dp"  //组件的上边距
         android:background="@drawable/edit_1"    //同用户名文本框的设置
         android:inputType="textPassword"    //密码以隐藏的形式输入
         android:drawableLeft="@drawable/password"  //添加密码图标
         android:drawablePadding="10dp"
         />

登录按钮

<Button
        android:id="@+id/btn_login"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/et_2"
        android:layout_marginTop="50dp"
        android:text="登录"
        android:textColor="#FFFFFF"
        android:background="@drawable/login"/>    //登录按钮圆角、背景颜色、按压效果设置

在drawable中登录按钮圆角、背景颜色、按压效果设置（Root element 设置为selector）：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">        //按压下去的效果
    <shape>
        <solid
            android:color="#44BBBB"
            />
        <corners
            android:radius="20dp"/>
    </shape>
</item>
    <item android:state_pressed="false">  //未按压下去的效果
        <shape>
            <solid
                android:color="#2BD5D5"
                />
            <corners
                android:radius="20dp"/>
        </shape>
    </item>


</selector>

Activity代码——设置一个“登陆成功”的Toast提示

  private Button metbtn;
  metbtn=(Button)findViewById(R.id.btn_login);
  metbtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(EditActivity.this,"登陆成功",Toast.LENGTH_LONG).show();
            }
        });