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

Posted 2022-11-14 z啵唧啵唧

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"/>

效果展示

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

   //给按钮设置一个点击事件
   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) 

            
        );