EditText的简单使用以及简易登录按钮制作

最新推荐文章于 2023-01-07 17:03:14 发布

z啵唧啵唧

最新推荐文章于 2023-01-07 17:03:14 发布

阅读量608

点赞数

分类专栏：安卓文章标签： android

本文链接：https://blog.csdn.net/weixin_45809829/article/details/127043302

版权

安卓专栏收录该内容

36 篇文章 0 订阅

订阅专栏

EditText

使用EditText来做一个简易的登录界面

TextView作为登录界面的标题

    <TextView
        android:id="@id/tv_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="用户登录"
        android:textColor="#FF0000"
        android:textSize="30sp" />

使用EditText做登录界面的用户名和密码的输入框

    <EditText
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:id="@+id/et_1"
        android:textSize="16sp"
        android:textColor="#FFAD33"
        android:hint="用户名"
        android:background="@drawable/bg_username"
        android:paddingLeft="10dp"
        android:layout_below="@id/tv_1"
        android:layout_marginTop="15dp"
        android:drawableLeft="@drawable/icon_user"/>
    <EditText
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:id="@+id/et_2"
        android:hint="密码"
        android:inputType="textPassword"
        android:textSize="16sp"
        android:textColor="#FFAD33"
        android:layout_below="@id/et_1"
        android:layout_marginTop="15dp"
        android:background="@drawable/bg_username"
        android:paddingLeft="10dp"
        android:drawableLeft="@drawable/icon_password"/>

使用Button作为登录的按钮

    <Button
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:id="@+id/btn_login"
        android:layout_below="@id/et_2"
        android:layout_marginTop="40dp"
        android:text="登录"
        android:textSize="20sp"
        android:background="@drawable/bg_btn4"/>

效果展示

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hk3rv0Vz-1664111500185)(C:/Users/zhengbo/%E6%88%91%E7%9A%84%E5%AD%A6%E4%B9%A0/Typora%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/%E5%AE%89%E5%8D%93/image-20220925210544020.png)].

给登陆按钮设置一个点击事件

   //给按钮设置一个点击事件
   mBtnLogin.setOnClickListener(new View.OnClickListener() {
       @Override
       public void onClick(View v) {
           //作用是点击以下登录按钮之后,在当前界面显示登录成功字样
           Toast.makeText(EditTextActivity.this,"登录成功!", Toast.LENGTH_SHORT).show();
       }
   });

给EditText设置监听事件

        //给这个EditText设置一个监听事件
        mEtUserName.addTextChangedListener(new TextWatcher() {
            //在文字改变之前监听
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }
            //在文字改变当中进行监听
            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                Log.d("edittext", s.toString());
            }
            //在文字改变之后进行监听
            @Override
            public void afterTextChanged(Editable s) {

            }
        });