conradchen 8a4f42aca7 [TextField] Make clear text icon focusable
The current logic hides clear text icon whenever edit text loses its
focus. Therefore, the clear text icon can never be focused. Changes
the logic so it retains clear text icon if it has focus.

Resolves https://github.com/material-components/material-components-android/issues/2222

PiperOrigin-RevId: 380802379
2021-06-24 13:00:34 -07:00

223 lines
8.0 KiB
Java

/*
* Copyright (C) 2019 The Android Open Source Project
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package com.google.android.material.textfield;
import com.google.android.material.R;
import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.AnimatorSet;
import android.animation.ValueAnimator;
import android.animation.ValueAnimator.AnimatorUpdateListener;
import androidx.appcompat.content.res.AppCompatResources;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnFocusChangeListener;
import android.widget.EditText;
import androidx.annotation.NonNull;
import com.google.android.material.animation.AnimationUtils;
import com.google.android.material.textfield.TextInputLayout.OnEditTextAttachedListener;
import com.google.android.material.textfield.TextInputLayout.OnEndIconChangedListener;
/** Default initialization of the clear text end icon {@link TextInputLayout.EndIconMode}. */
class ClearTextEndIconDelegate extends EndIconDelegate {
private static final int ANIMATION_FADE_DURATION = 100;
private static final int ANIMATION_SCALE_DURATION = 150;
private static final float ANIMATION_SCALE_FROM_VALUE = 0.8f;
private final TextWatcher clearTextEndIconTextWatcher =
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) {}
@Override
public void afterTextChanged(@NonNull Editable s) {
if (textInputLayout.getSuffixText() != null) {
return;
}
animateIcon(shouldBeVisible());
}
};
private final OnFocusChangeListener onFocusChangeListener =
new OnFocusChangeListener() {
@Override
public void onFocusChange(View v, boolean hasFocus) {
animateIcon(shouldBeVisible());
}
};
private final OnEditTextAttachedListener clearTextOnEditTextAttachedListener =
new OnEditTextAttachedListener() {
@Override
public void onEditTextAttached(@NonNull TextInputLayout textInputLayout) {
EditText editText = textInputLayout.getEditText();
textInputLayout.setEndIconVisible(shouldBeVisible());
// Make sure there's always only one clear text text watcher added
textInputLayout.setEndIconCheckable(false);
editText.setOnFocusChangeListener(onFocusChangeListener);
endIconView.setOnFocusChangeListener(onFocusChangeListener);
editText.removeTextChangedListener(clearTextEndIconTextWatcher);
editText.addTextChangedListener(clearTextEndIconTextWatcher);
}
};
private final OnEndIconChangedListener endIconChangedListener =
new OnEndIconChangedListener() {
@Override
public void onEndIconChanged(@NonNull TextInputLayout textInputLayout, int previousIcon) {
final EditText editText = textInputLayout.getEditText();
if (editText != null && previousIcon == TextInputLayout.END_ICON_CLEAR_TEXT) {
// Remove any listeners set on the edit text.
editText.post(
new Runnable() {
@Override
public void run() {
editText.removeTextChangedListener(clearTextEndIconTextWatcher);
}
});
if (editText.getOnFocusChangeListener() == onFocusChangeListener) {
editText.setOnFocusChangeListener(null);
}
if (endIconView.getOnFocusChangeListener() == onFocusChangeListener) {
endIconView.setOnFocusChangeListener(null);
}
}
}
};
private AnimatorSet iconInAnim;
private ValueAnimator iconOutAnim;
ClearTextEndIconDelegate(@NonNull TextInputLayout textInputLayout) {
super(textInputLayout);
}
@Override
void initialize() {
textInputLayout.setEndIconDrawable(
AppCompatResources.getDrawable(context, R.drawable.mtrl_ic_cancel));
textInputLayout.setEndIconContentDescription(
textInputLayout.getResources().getText(R.string.clear_text_end_icon_content_description));
textInputLayout.setEndIconOnClickListener(
new OnClickListener() {
@Override
public void onClick(View v) {
Editable text = textInputLayout.getEditText().getText();
if (text != null) {
text.clear();
}
textInputLayout.refreshEndIconDrawableState();
}
});
textInputLayout.addOnEditTextAttachedListener(clearTextOnEditTextAttachedListener);
textInputLayout.addOnEndIconChangedListener(endIconChangedListener);
initAnimators();
}
@Override
void onSuffixVisibilityChanged(boolean visible) {
if (textInputLayout.getSuffixText() == null) {
return;
}
animateIcon(visible);
}
private void animateIcon(boolean show) {
boolean shouldSkipAnimation = textInputLayout.isEndIconVisible() == show;
if (show && !iconInAnim.isRunning()) {
iconOutAnim.cancel();
iconInAnim.start();
if (shouldSkipAnimation) {
iconInAnim.end();
}
} else if (!show) {
iconInAnim.cancel();
iconOutAnim.start();
if (shouldSkipAnimation) {
iconOutAnim.end();
}
}
}
private void initAnimators() {
ValueAnimator scaleAnimator = getScaleAnimator();
ValueAnimator fadeAnimator = getAlphaAnimator(0, 1);
iconInAnim = new AnimatorSet();
iconInAnim.playTogether(scaleAnimator, fadeAnimator);
iconInAnim.addListener(
new AnimatorListenerAdapter() {
@Override
public void onAnimationStart(Animator animation) {
textInputLayout.setEndIconVisible(true);
}
});
iconOutAnim = getAlphaAnimator(1, 0);
iconOutAnim.addListener(
new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
textInputLayout.setEndIconVisible(false);
}
});
}
private ValueAnimator getAlphaAnimator(float... values) {
ValueAnimator animator = ValueAnimator.ofFloat(values);
animator.setInterpolator(AnimationUtils.LINEAR_INTERPOLATOR);
animator.setDuration(ANIMATION_FADE_DURATION);
animator.addUpdateListener(
new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(@NonNull ValueAnimator animation) {
float alpha = (float) animation.getAnimatedValue();
endIconView.setAlpha(alpha);
}
});
return animator;
}
private ValueAnimator getScaleAnimator() {
ValueAnimator animator = ValueAnimator.ofFloat(ANIMATION_SCALE_FROM_VALUE, 1);
animator.setInterpolator(AnimationUtils.LINEAR_OUT_SLOW_IN_INTERPOLATOR);
animator.setDuration(ANIMATION_SCALE_DURATION);
animator.addUpdateListener(
new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(@NonNull ValueAnimator animation) {
float scale = (float) animation.getAnimatedValue();
endIconView.setScaleX(scale);
endIconView.setScaleY(scale);
}
});
return animator;
}
private boolean shouldBeVisible() {
EditText editText = textInputLayout.getEditText();
return editText != null
&& (editText.hasFocus() || endIconView.hasFocus())
&& editText.getText().length() > 0;
}
}