基础复习——文本输入——编辑框EditText——焦点变更监听器——文本变化监听器...

￡神魔★判官ぃ 2023-09-28 19:00 117阅读 0赞

![ccc27a17ee1fa159a0913c9146d42c40.png][]

![21bfa4578294a4b2d4346ca5786c24ed.png][]

![4bcefacda82b4c9eb236cc249758101d.png][]

布局：

![fb7554213cf5964c259b4142eeaaf628.png][]

代码：

package com.example.myapplication;
    
    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    
    public class EditSimpleActivity extends AppCompatActivity 
    {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) 
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_edit_simple);
            
            
            
        }
    }

![2ab3e1653c5989cf59abd566c7b18c3b.png][]

![47a5522dd1d8e85fbd44ddd2407ecd45.png][]

===============================================================================================

![c6943e804faf9a1b09334cb0e48ed9e8.png][]

![40e7461204657a07f8e6bcd1832d47ea.png][]

![c3f11d5080ad11db605248207b7a5376.png][]

布局：

![75b274d3d41fb9d632e9b3610a8e50dd.png][]

editext_selector.xml

<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_focused="true" android:drawable="@drawable/shape_edit_focus"/>
        <item android:drawable="@drawable/shape_edit_normal"/>
    </selector>

![aa7d34a1df61fdf0e517bce4b8c4ddbb.png][]

shape_edit_focus.xml

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
    
        
        <solid android:color="#ffffff" />
    
        
        <stroke
            android:width="10dp"
            android:color="#DF162E" />
    
        
        <corners android:radius="55dp" />
    
        
        <padding
            android:bottom="20dp"
            android:left="2dp"
            android:right="2dp"
            android:top="70dp" />
    
    </shape>

![9f9828b172b06d6aba41e7a4bfe7f4a6.png][]

shape_edit_normal.xml

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
    
        
        <solid android:color="#ffffff" />
    
        
        <stroke
            android:width="8dp"
            android:color="#aaaaaa" />
    
        
        <corners android:radius="5dp" />
    
        
        <padding
            android:bottom="2dp"
            android:left="2dp"
            android:right="2dp"
            android:top="2dp" />
    
    </shape>

![b7da90cd96a9c850e7805212c01501b5.png][]

代码：

package com.example.myapplication;
    
    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    
    public class EditBorderActivity extends AppCompatActivity 
    {
    
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_edit_border);
            
            
            
        }
    }

![b6ad2434ab753cb3999cfe71b6663e72.png][]

![f2f3934f57c38b525647fecbcc9c281a.png][]

![ab581a1e914dbedd1221161a71ccbb3a.png][]

![da6a40e05244c609531b0c0d3a661d47.png][]

![baa07344a21bf8aa165cb48b24149414.png][]

![8ddc43938c1babbfc65a037f8bba7efa.png][]

![c50563a2e6bc4734e2ed534245dc459b.png][]

![e6b9b668cef87b154aa9774f72d8700c.png][]

![b3fba1c4532a16ecfe7f8e240079f2fd.png][]

===========================================================================================

![738719e6149e4c89a9bea7903116db64.png][]

编辑框点击两次后才会触发点击事件，因为第一次点击只触发焦点变更事件，第二次点击才触发点击事件。

若要判断是否切换编辑框输入，应当监听焦点变更事件，而非监听点击事件。

调用编辑框对象的setOnFocusChangeListener方法，即可在光标切换之时(获得光标和失去光标)触发焦点变更事件。

![414f6af5794a06f77daec03ad41aeb19.png][]

// 焦点变更事件的处理方法，hasFocus表示当前控件是否获得焦点。
    
        // 为什么光标进入事件不选onClick？因为要点两下才会触发onClick动作(第一下是切换焦点动作)
    
    
        public void onFocusChange(View v, boolean hasFocus)
       {
            // 判断密码编辑框是否获得焦点。hasFocus为true表示获得焦点，为false表示失去焦点
            if (v.getId()==R.id.et_password && hasFocus) 
          {
                String phone = et_phone.getText().toString(); 
                if (TextUtils.isEmpty(phone) || phone.length()<11)     // 手机号码不足11位
              {
                    // 手机号码编辑框请求焦点，也就是把光标移回手机号码编辑框
                    et_phone.requestFocus();
    
                    Toast.makeText(this, "请输入11位手机号码", Toast.LENGTH_SHORT).show();
                }
            }
        }

![f8fb40d6525762093911c0aa19b4cb96.png][]

布局：

![49969247a0aeca63ffe9bb1c7cc2156e.png][]

editext_selector.xml

![c951a44ed92e8af26ac6dabe6a3a8691.png][]

shape_edit_focus.xml

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
    
        
        <solid android:color="#ffffff" />
    
        
        <stroke
            android:width="2dp"
            android:color="#DF162E" />
    
        
        <corners android:radius="5dp" />
    
        
        <padding
            android:bottom="2dp"
            android:left="2dp"
            android:right="2dp"
            android:top="2dp" />
    
    </shape>

![05a6a1f5d6a537273c57515f4a164ed4.png][]

shape_edit_normal.xml

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
    
        
        <solid android:color="#ffffff" />
    
        
        <stroke
            android:width="2dp"
            android:color="#aaaaaa" />
    
        
        <corners android:radius="5dp" />
    
        
        <padding
            android:bottom="2dp"
            android:left="2dp"
            android:right="2dp"
            android:top="2dp" />
    
    </shape>

![29a2320ec04db60ba27a11f5c34e9694.png][]

代码：

package com.example.myapplication;
    
    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    import android.text.TextUtils;
    import android.view.View;
    import android.widget.EditText;
    import android.widget.Toast;
    
    public class EditFocusActivity extends AppCompatActivity implements View.OnClickListener, View.OnFocusChangeListener
    {
        private EditText et_phone; // 声明一个编辑框对象
        private EditText et_password; // 声明一个编辑框对象
    
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_edit_focus);
    
    
            // 从布局文件中获取名叫et_phone的手机号码编辑框
            et_phone = findViewById(R.id.et_phone);
    
            // 从布局文件中获取名叫et_password的密码编辑框
            et_password = findViewById(R.id.et_password);
    
    
            // 给密码编辑框注册点击事件监听器
            et_password.setOnClickListener(this);
    
            // 给密码编辑框注册一个焦点变化监听器，一旦焦点发生变化，就触发监听器的onFocusChange方法
            et_password.setOnFocusChangeListener(this);
    
    
            findViewById(R.id.btn_login).setOnClickListener(this);
        }
    
        // 焦点变更事件的处理方法，hasFocus表示当前控件是否获得焦点。
        // 为什么光标进入事件不选onClick？因为要点两下才会触发onClick动作(第一下是切换焦点动作)
        @Override
        public void onFocusChange(View v, boolean hasFocus)
        {
            // 判断密码编辑框是否获得焦点。hasFocus为true表示获得焦点，为false表示失去焦点
            if (v.getId()==R.id.et_password && hasFocus)
            {
                String phone = et_phone.getText().toString();
    
                if (TextUtils.isEmpty(phone) || phone.length()<11)    // 手机号码不足11位
                {
                    // 手机号码编辑框请求焦点，也就是把光标移回手机号码编辑框
                    et_phone.requestFocus();
                    Toast.makeText(this, "请输入11位手机号码", Toast.LENGTH_SHORT).show();
                }
    
            }
        }
    
        @Override
        public void onClick(View v)
        {
            // 编辑框比较特殊，要点击两次后才会触发点击事件，因为第一次点击只触发焦点变更事件，第二次点击才触发点击事件
            if (v.getId() == R.id.et_password)
            {
                String phone = et_phone.getText().toString();
    
                if (TextUtils.isEmpty(phone) || phone.length()<11)     // 手机号码不足11位
                {
                    // 手机号码编辑框请求焦点，也就是把光标移回手机号码编辑框
                    et_phone.requestFocus();
                    Toast.makeText(this, "请输入11位手机号码", Toast.LENGTH_SHORT).show();
                }
            }
            else if (v.getId() == R.id.btn_login)
            {
                String password = et_password.getText().toString();
    
                if (TextUtils.isEmpty(password) || password.length()<11)   // 密码不足6位
                {
                    // 密码编辑框请求焦点，也就是把光标移回密码编辑框
                    et_password.requestFocus();
                    Toast.makeText(this, "请输入6位密码", Toast.LENGTH_SHORT).show();
                }
            }
        }
    }

![596ace92ef2a7d1cb90d4993dc3741b3.png][]

![c9cfca41f327689a21b3c73ed622ebcf.png][]

![bfa871a4edc8e9e01bb7d46416b16f6a.png][]

![9b883551a5720a6e1231002cbdc277c1.png][]

![9a704788585420eeb297ffa685424d36.png][]

![926bb4ac3d3a208114f2ee5e0a678ebf.png][]

![5b98341471016a8b689ad37811195cd2.png][]

![80d672c8b6851dfac4b3ebfcbc93454f.png][]

===================================================================================================================

![6aa954e435c198c77ec274c935a1f904.png][]

判断手机号输入满11位后自动关闭软键盘，或者密码输入满6位后自动关闭软键盘，此时要注册文本变化监听器。

达到指定位数便自动关闭键盘的功能，可以再分解为两个独立的功能点

(1)如何关闭软键盘；(2)如何判断已输入的文字达到指定位数；

![c5cb5b11ccf5732b9aa61c1c96c1d1e7.png][]

![be9646afdabb734033faa325e4c2e1db.png][]

![ef3bc2ed3843cb910e22e2d42ac9d443.png][]

布局：

![d532548195e5adc25ef5446f2926aac8.png][]

editext_selector.xml

![1bc780eb1b778c8a4ad35e9f9be5046e.png][]

shape_edit_focus.xml

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
    
        
        <solid android:color="#ffffff" />
    
        
        <stroke
            android:width="2dp"
            android:color="#DF162E" />
    
        
        <corners android:radius="5dp" />
    
        
        <padding
            android:bottom="2dp"
            android:left="2dp"
            android:right="2dp"
            android:top="2dp" />
    
    </shape>

![8690396c45fef11e5d2571e0ffb67a75.png][]

shape_edit_normal.xml

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
    
        
        <solid android:color="#ffffff" />
    
        
        <stroke
            android:width="2dp"
            android:color="#aaaaaa" />
    
        
        <corners android:radius="5dp" />
    
        
        <padding
            android:bottom="2dp"
            android:left="2dp"
            android:right="2dp"
            android:top="2dp" />
    
    </shape>

![e77ade9af31dc718d0b6670624d8b065.png][]

ViewUtil

package com.example.myapplication;
    
    import android.app.Activity;
    import android.content.Context;
    import android.view.View;
    import android.view.inputmethod.InputMethodManager;
    
    public class ViewUtil
    {
    
        public static void hideAllInputMethod(Activity act)
        {
            // 从系统服务中获取输入法管理器
            InputMethodManager imm = (InputMethodManager) act.getSystemService(Context.INPUT_METHOD_SERVICE);
    
            if (imm.isActive())    // 软键盘如果已经打开则关闭之
            {
                imm.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS);
            }
        }
    
        public static void hideOneInputMethod(Activity act, View v)
        {
            // 从系统服务中获取输入法管理器
            InputMethodManager imm = (InputMethodManager) act.getSystemService(Context.INPUT_METHOD_SERVICE);
    
            // 关闭屏幕上的输入法软键盘
            imm.hideSoftInputFromWindow(v.getWindowToken(), 0);
        }
    
    }

![c09d5f3a3baab37c2c6f256c0f44d5ba.png][]

代码：

package com.example.myapplication;
    
    import android.os.Bundle;
    import android.text.Editable;
    import android.text.TextWatcher;
    import android.widget.EditText;
    import androidx.appcompat.app.AppCompatActivity;
    
    public class EditHideActivity extends AppCompatActivity
    {
    
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_edit_hide);
    
            // 从布局文件中获取名叫et_phone的手机号码编辑框
            EditText et_phone = findViewById(R.id.et_phone);
    
            // 从布局文件中获取名叫et_password的密码编辑框
            EditText et_password = findViewById(R.id.et_password);
    
            // 给手机号码编辑框添加文本变化监听器
            et_phone.addTextChangedListener(new HideTextWatcher(et_phone, 11));
    
            // 给密码编辑框添加文本变化监听器
            et_password.addTextChangedListener(new HideTextWatcher(et_password, 6));
        }
    
        // 定义一个编辑框监听器，在输入文本达到指定长度时自动隐藏输入法
        private class HideTextWatcher implements TextWatcher
        {
            private EditText mView; // 声明一个编辑框对象
    
            private int mMaxLength; // 声明一个最大长度变量
    
            public HideTextWatcher(EditText v, int maxLength)
            {
                super();
                mView = v;
                mMaxLength = maxLength;
            }
    
            // 在编辑框的输入文本变化前触发
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {}
    
            // 在编辑框的输入文本变化时触发
            public void onTextChanged(CharSequence s, int start, int before, int count) {}
    
            // 在编辑框的输入文本变化后触发
            public void afterTextChanged(Editable s)
            {
                String str = s.toString(); // 获得已输入的文本字符串
    
                // 输入文本达到11位(如手机号码)，或者达到6位(如登录密码)时关闭输入法
                if ((str.length() == 11 && mMaxLength == 11) || (str.length() == 6 && mMaxLength == 6))
                {
                    ViewUtil.hideOneInputMethod(EditHideActivity.this, mView); // 隐藏输入法软键盘
                }
            }
        }
    }

![0e38cf48e6e5c0d79aa32d90d3ced31d.png][]

![84493d8fdfa8f667ac0316f7436ef485.png][]

![5eab50830145859a61f86dc42dcec061.png][]

![59c03ab2952988cc2515c627529e8656.png][]

![010ad8a9f4b89c3a4f70541a2ae13d29.png][]

![a07df2bfb7fe4cf16de4acd17c014dfc.png][]

![d7d5a944a05d1c3d5a563c1adbcb51b1.png][]

[ccc27a17ee1fa159a0913c9146d42c40.png]: https://img-blog.csdnimg.cn/img_convert/ccc27a17ee1fa159a0913c9146d42c40.png
[21bfa4578294a4b2d4346ca5786c24ed.png]: https://img-blog.csdnimg.cn/img_convert/21bfa4578294a4b2d4346ca5786c24ed.png
[4bcefacda82b4c9eb236cc249758101d.png]: https://img-blog.csdnimg.cn/img_convert/4bcefacda82b4c9eb236cc249758101d.png
[fb7554213cf5964c259b4142eeaaf628.png]: https://img-blog.csdnimg.cn/img_convert/fb7554213cf5964c259b4142eeaaf628.png
[2ab3e1653c5989cf59abd566c7b18c3b.png]: https://img-blog.csdnimg.cn/img_convert/2ab3e1653c5989cf59abd566c7b18c3b.png
[47a5522dd1d8e85fbd44ddd2407ecd45.png]: https://img-blog.csdnimg.cn/img_convert/47a5522dd1d8e85fbd44ddd2407ecd45.png
[c6943e804faf9a1b09334cb0e48ed9e8.png]: https://img-blog.csdnimg.cn/img_convert/c6943e804faf9a1b09334cb0e48ed9e8.png
[40e7461204657a07f8e6bcd1832d47ea.png]: https://img-blog.csdnimg.cn/img_convert/40e7461204657a07f8e6bcd1832d47ea.png
[c3f11d5080ad11db605248207b7a5376.png]: https://img-blog.csdnimg.cn/img_convert/c3f11d5080ad11db605248207b7a5376.png
[75b274d3d41fb9d632e9b3610a8e50dd.png]: https://img-blog.csdnimg.cn/img_convert/75b274d3d41fb9d632e9b3610a8e50dd.png
[aa7d34a1df61fdf0e517bce4b8c4ddbb.png]: https://img-blog.csdnimg.cn/img_convert/aa7d34a1df61fdf0e517bce4b8c4ddbb.png
[9f9828b172b06d6aba41e7a4bfe7f4a6.png]: https://img-blog.csdnimg.cn/img_convert/9f9828b172b06d6aba41e7a4bfe7f4a6.png
[b7da90cd96a9c850e7805212c01501b5.png]: https://img-blog.csdnimg.cn/img_convert/b7da90cd96a9c850e7805212c01501b5.png
[b6ad2434ab753cb3999cfe71b6663e72.png]: https://img-blog.csdnimg.cn/img_convert/b6ad2434ab753cb3999cfe71b6663e72.png
[f2f3934f57c38b525647fecbcc9c281a.png]: https://img-blog.csdnimg.cn/img_convert/f2f3934f57c38b525647fecbcc9c281a.png
[ab581a1e914dbedd1221161a71ccbb3a.png]: https://img-blog.csdnimg.cn/img_convert/ab581a1e914dbedd1221161a71ccbb3a.png
[da6a40e05244c609531b0c0d3a661d47.png]: https://img-blog.csdnimg.cn/img_convert/da6a40e05244c609531b0c0d3a661d47.png
[baa07344a21bf8aa165cb48b24149414.png]: https://img-blog.csdnimg.cn/img_convert/baa07344a21bf8aa165cb48b24149414.png
[8ddc43938c1babbfc65a037f8bba7efa.png]: https://img-blog.csdnimg.cn/img_convert/8ddc43938c1babbfc65a037f8bba7efa.png
[c50563a2e6bc4734e2ed534245dc459b.png]: https://img-blog.csdnimg.cn/img_convert/c50563a2e6bc4734e2ed534245dc459b.png
[e6b9b668cef87b154aa9774f72d8700c.png]: https://img-blog.csdnimg.cn/img_convert/e6b9b668cef87b154aa9774f72d8700c.png
[b3fba1c4532a16ecfe7f8e240079f2fd.png]: https://img-blog.csdnimg.cn/img_convert/b3fba1c4532a16ecfe7f8e240079f2fd.png
[738719e6149e4c89a9bea7903116db64.png]: https://img-blog.csdnimg.cn/img_convert/738719e6149e4c89a9bea7903116db64.png
[414f6af5794a06f77daec03ad41aeb19.png]: https://img-blog.csdnimg.cn/img_convert/414f6af5794a06f77daec03ad41aeb19.png
[f8fb40d6525762093911c0aa19b4cb96.png]: https://img-blog.csdnimg.cn/img_convert/f8fb40d6525762093911c0aa19b4cb96.png
[49969247a0aeca63ffe9bb1c7cc2156e.png]: https://img-blog.csdnimg.cn/img_convert/49969247a0aeca63ffe9bb1c7cc2156e.png
[c951a44ed92e8af26ac6dabe6a3a8691.png]: https://img-blog.csdnimg.cn/img_convert/c951a44ed92e8af26ac6dabe6a3a8691.png
[05a6a1f5d6a537273c57515f4a164ed4.png]: https://img-blog.csdnimg.cn/img_convert/05a6a1f5d6a537273c57515f4a164ed4.png
[29a2320ec04db60ba27a11f5c34e9694.png]: https://img-blog.csdnimg.cn/img_convert/29a2320ec04db60ba27a11f5c34e9694.png
[596ace92ef2a7d1cb90d4993dc3741b3.png]: https://img-blog.csdnimg.cn/img_convert/596ace92ef2a7d1cb90d4993dc3741b3.png
[c9cfca41f327689a21b3c73ed622ebcf.png]: https://img-blog.csdnimg.cn/img_convert/c9cfca41f327689a21b3c73ed622ebcf.png
[bfa871a4edc8e9e01bb7d46416b16f6a.png]: https://img-blog.csdnimg.cn/img_convert/bfa871a4edc8e9e01bb7d46416b16f6a.png
[9b883551a5720a6e1231002cbdc277c1.png]: https://img-blog.csdnimg.cn/img_convert/9b883551a5720a6e1231002cbdc277c1.png
[9a704788585420eeb297ffa685424d36.png]: https://img-blog.csdnimg.cn/img_convert/9a704788585420eeb297ffa685424d36.png
[926bb4ac3d3a208114f2ee5e0a678ebf.png]: https://img-blog.csdnimg.cn/img_convert/926bb4ac3d3a208114f2ee5e0a678ebf.png
[5b98341471016a8b689ad37811195cd2.png]: https://img-blog.csdnimg.cn/img_convert/5b98341471016a8b689ad37811195cd2.png
[80d672c8b6851dfac4b3ebfcbc93454f.png]: https://img-blog.csdnimg.cn/img_convert/80d672c8b6851dfac4b3ebfcbc93454f.png
[6aa954e435c198c77ec274c935a1f904.png]: https://img-blog.csdnimg.cn/img_convert/6aa954e435c198c77ec274c935a1f904.png
[c5cb5b11ccf5732b9aa61c1c96c1d1e7.png]: https://img-blog.csdnimg.cn/img_convert/c5cb5b11ccf5732b9aa61c1c96c1d1e7.png
[be9646afdabb734033faa325e4c2e1db.png]: https://img-blog.csdnimg.cn/img_convert/be9646afdabb734033faa325e4c2e1db.png
[ef3bc2ed3843cb910e22e2d42ac9d443.png]: https://img-blog.csdnimg.cn/img_convert/ef3bc2ed3843cb910e22e2d42ac9d443.png
[d532548195e5adc25ef5446f2926aac8.png]: https://img-blog.csdnimg.cn/img_convert/d532548195e5adc25ef5446f2926aac8.png
[1bc780eb1b778c8a4ad35e9f9be5046e.png]: https://img-blog.csdnimg.cn/img_convert/1bc780eb1b778c8a4ad35e9f9be5046e.png
[8690396c45fef11e5d2571e0ffb67a75.png]: https://img-blog.csdnimg.cn/img_convert/8690396c45fef11e5d2571e0ffb67a75.png
[e77ade9af31dc718d0b6670624d8b065.png]: https://img-blog.csdnimg.cn/img_convert/e77ade9af31dc718d0b6670624d8b065.png
[c09d5f3a3baab37c2c6f256c0f44d5ba.png]: https://img-blog.csdnimg.cn/img_convert/c09d5f3a3baab37c2c6f256c0f44d5ba.png
[0e38cf48e6e5c0d79aa32d90d3ced31d.png]: https://img-blog.csdnimg.cn/img_convert/0e38cf48e6e5c0d79aa32d90d3ced31d.png
[84493d8fdfa8f667ac0316f7436ef485.png]: https://img-blog.csdnimg.cn/img_convert/84493d8fdfa8f667ac0316f7436ef485.png
[5eab50830145859a61f86dc42dcec061.png]: https://img-blog.csdnimg.cn/img_convert/5eab50830145859a61f86dc42dcec061.png
[59c03ab2952988cc2515c627529e8656.png]: https://img-blog.csdnimg.cn/img_convert/59c03ab2952988cc2515c627529e8656.png
[010ad8a9f4b89c3a4f70541a2ae13d29.png]: https://img-blog.csdnimg.cn/img_convert/010ad8a9f4b89c3a4f70541a2ae13d29.png
[a07df2bfb7fe4cf16de4acd17c014dfc.png]: https://img-blog.csdnimg.cn/img_convert/a07df2bfb7fe4cf16de4acd17c014dfc.png
[d7d5a944a05d1c3d5a563c1adbcb51b1.png]: https://img-blog.csdnimg.cn/img_convert/d7d5a944a05d1c3d5a563c1adbcb51b1.png