Android开发第四天

EditText⽂本输⼊框——PIN解锁

目录

1.输入框：用于用户的输入

  1. EditText基本属性
  2. 监听事件
    1.创建匿名类对象
    2.当前这个Activity来监听
  3. 监听文本内容改变

详解

1.输入框：用于用户的输入

1.TextView 显示文本
2.PlainText
3.EditText

  1. EditText基本属性
    EditText继承TextView，包含它的所有属性

margin:和服容器的间距
padding:控件内间距
textColor:输入颜色
textSize：显示尺寸
maxLines：最大行数
inputType：输入类型
hint：显示文本
textColorHint：显示文本颜色

实现：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
<!--
入框：用于用户的输入
1.TextView 显示文本
2.PlainText
3.EditText
margin:和服容器的间距
padding:控件内间距
-->
    <EditText
        android:id="@+id/et_password"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:background="@drawable/unlock"

        android:layout_marginLeft="50dp"
        android:layout_marginRight="50dp"
        android:paddingLeft="70dp"

        android:textColor="#ffffff"
        android:textSize="30sp"

        android:hint="请输入密码"
        android:textColorHint="#999999"

        android:maxLines="1"
        android:inputType="textPassword"

        android:cursorVisible="false"

        android:imeOptions="actionGo"
        />

</RelativeLayout>

显示结果：


PIN
  1. 监听事件
    1.创建匿名类对象

1.1 匿名对象
1.2 匿名类对象
1.3 Lambda表达式

public class MainActivity extends AppCompatActivity implements TextView.OnEditorActionListener  {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //id获取对应文件
        EditText et=findViewById(R.id.et_password);
   //1.1 匿名对象
       /* xjtlistener pl=new xjtlistener();
        et.setOnEditorActionListener (pl);*/
       //1.2 匿名类对象
        et.setOnEditorActionListener (new TextView.OnEditorActionListener() {
            @Override
            public boolean onEditorAction(TextView textView, int i, KeyEvent keyEvent) {
                System.out.println("点击了");
                return false;
            }
        });
        //1.3 Lambda表达式
        /*et.setOnEditorActionListener((textView,actionId,event)->
        {
            System.out.println("点击了");
            return true;
        });*/

class xjtlistener implements TextView.OnEditorActionListener {
    @Override
    public boolean onEditorAction(TextView textView, int i, KeyEvent keyEvent) {
        System.out.println("点击了");
        return false;
    }
}

2.当前这个Activity来监听

et.OnEditorActionListener (this);
//键盘按下的回调事件
    @Override
    public boolean onEditorAction(TextView textView, int i, KeyEvent keyEvent) {
        System.out.println("点击了");
        return false;
    }
  1. 监听文本内容改变
et.addTextChangedListener(new TextWatcher() {
            /**
             *
             * @param charSequence 显示文本内容
             * @param i start 光标在最后，0
             *                 光标在中间，光标位置数
             * @param i1 before 改变之前最后一个字符的位置
             * @param i2 count 光标在最后，改变之后字符个数
             *                  光标在中间，改变的个数
             * s:文本框中输入的所有文字  start:添加文字的位置 before:一直是0 count:此次添加文字的总个数
             * s:之前的文字内容   start:添加文字的位置   count:一直是0  after:此次添加的文字总数(并不是输入框中的文字的总数)
             * 光标在最后
             * before<count:添加
             * before>count:删除
             *
             * 限制输入的个数
             *
             */
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
//                System.out.println("改变前："+et.getText().toString());
            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
//                System.out.println("正在改变："+et.getText().toString());

                //获取目前输入的个数
                int len=charSequence.toString().length();
                if (len>6){
                    //将最后一个删除
                    //只要前6个
                    et.setText(charSequence.subSequence(0,6));
                    //让光标定位到最后
                    et.setSelection(6);
                }
            }

            @Override
            public void afterTextChanged(Editable editable) {
//                System.out.println("改变后："+et.getText().toString());

            }
        });
    }

Android 文本监听接口TextWatcher详解

练习——PIN解锁

1.设置密码
2.输入正确密码，跳转界面
解锁界面

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <!--添加背景图片-->
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/bg"
        />

    <!--文本提示框-->
    <TextView
        android:id="@+id/tv_alert"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="请设置密码"
        android:textColor="@color/colorGray"
        android:textSize="@dimen/dimen_alert"
        android:textAlignment="center"
        android:layout_marginTop="100dp"
        />

    <!--添加文本输入框-->
    <EditText
        android:id="@+id/et_password"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/unlock"
        android:layout_centerHorizontal="true"
        android:layout_below="@+id/tv_alert"
        android:layout_marginTop="30dp"
        android:paddingLeft="60dp"
        android:textColor="@color/colorGray"
        android:textSize="@dimen/dimen_textView"
        android:inputType="textPassword"
        android:maxLines="1"
        android:maxLength="6"
        android:cursorVisible="false"

        />

</RelativeLayout>

public class MainActivity extends AppCompatActivity {
    private TextView mTextView;
    private EditText mEditText;
    private String password;
    private String firstInput;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //获取xml的控件 成员变量
        mTextView=findViewById(R.id.tv_alert);
        mEditText=findViewById(R.id.et_password);

        //获取保存的密码
        //获取管理资源对象
        Resources res=getResources();
        //通过这个对象获取string。xml里面的对应字符串
        String Filename=res.getString(R.string.password_file_name);
        //获取共享的sp对象：1.文件不存在就创建
        //                  2.文件存在就打开
        final SharedPreferences sp=getSharedPreferences(Filename,MODE_PRIVATE);
        //通过key获取对应的value
        password=sp.getString("pwd",null);

        //显示提示文本
        if (password==null){
            mTextView.setText("请设置密码");
        }else {
            mTextView.setText("请输入密码");
        }

        //监听内容改变的事件
        //观察者
        mEditText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void afterTextChanged(Editable editable) {
                //获取文本内容
                String inputpassword = editable.toString();

                //判断是不是6个
                if (inputpassword.length()==6){
                    //判断是不是设置密码
                    if (password == null){
                        //设置密码
                        if (firstInput==null){
                            //设置密码的第一次输入
                            firstInput=inputpassword;
                            //提示确认密码
                            mTextView.setText("请确认密码");
                            //清空内容
                            mEditText.setText("");
                        }else {
                            //确认密码
                            if (firstInput.equals(inputpassword)){
                                //两次密码一致
                                mTextView.setText("设置密码成功");
                                //保存密码
                                SharedPreferences.Editor editor=sp.edit();
                                editor.putString("pwd",firstInput);
                                editor.commit();
                                //跳转
                                gotoNext();
                            }else {
                                //密码不正确
                                mTextView.setText("两次密码不一致请重新设置");
                                firstInput=null;
                                mEditText.setText("");
                            }
                        }
                    }else {
                        //密码设置过了
                        if (inputpassword.equals(password)){
                            //密码正确
                            mTextView.setText("密码正确");
                            //跳转
                            gotoNext();
                        }else {
                            //不正确
                            mTextView.setText("密码错误请重新输入");
                            //清空
                            mEditText.setText("");
                        }
                    }
                }
            }
        });
    }

    /**
     * 跳转到下一个界面
     * 4大组件
     * 1.Activity 界面
     * 2.Service 服务 后台做的事情
     * 3.ContentProvider 内容提供者 不同程序间数据交互
     * 4.BroadcastReceiver 广播接收者（通知）
     *
     * Intent作为数据传递枢纽
     * 意图：跳到那个界面，要不要带数据
     */
    private void gotoNext(){
        //创建一个Intent确定跳转界面
        //1.显示意图 2.隐示意图（系统界面）
        Intent intent = new Intent(this,Main2Activity.class);

        //跳转
        startActivity(intent);
    }
}

跳转界面


新建active
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Main2Activity"
    android:background="@color/colorAccent">

</androidx.constraintlayout.widget.ConstraintLayout>

public class Main2Activity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //返回上一个界面,删除当前界面，结束Main2Activity
        finish();
        return true;
    }
}
显示

下期内容
1.Button
形状 状态 事件监听
2.动画
补间 属性 关键帧
3.实现捂眼睛demo

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容