0

Hice este editText personalizado

introducir la descripción de la imagen aquí

pero quisiera lograr este efecto de transición cuando se hace click en el editText el textHint se va a la parte superior del editText cortando el borde y quedando asi:

introducir la descripción de la imagen aquí

quisiera hacerlo mediante codigo, no utilizando el android.support.design.widget.TextInputLayout ya que hay varias cosas que quiero personalizar y no lo puedo hacer usando dicho widget.

Les dejo el codigo:

MainActivity.java

public class MainActivity extends AppCompatActivity {
private LinearLayout linearLayoutFechaNacimiento;
private TextInputEditText textInputEditTextFechaNacimiento;
private TextView textViewFechaNacimientoContador;

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

    //Hacemos la referencia
    linearLayoutFechaNacimiento = findViewById(R.id.lLFechaNacimiento);
    textInputEditTextFechaNacimiento = findViewById(R.id.etFechaNacimiento);
    textViewFechaNacimientoContador = findViewById(R.id.tvFechaNacimientoContador);

    //Controlamos el foco en el EditText
    textInputEditTextFechaNacimiento.setOnFocusChangeListener(new View.OnFocusChangeListener() {
        @SuppressLint("ResourceAsColor")
        @Override
        public void onFocusChange(View view, boolean b) {
            if(b){
                linearLayoutFechaNacimiento.setBackgroundResource(R.drawable.border_focus);
                textViewFechaNacimientoContador.setTextColor(getResources().getColor(R.color.colorPrimaryDark));
            } else{
                linearLayoutFechaNacimiento.setBackgroundResource(R.drawable.border_default);
                textViewFechaNacimientoContador.setTextColor(Color.DKGRAY);
            }
        }
    });
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
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">

<LinearLayout
    android:layout_width="350dp"
    android:layout_height="70dp"
    android:layout_gravity="center_vertical|center_horizontal"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/lLFechaNacimiento"
        android:layout_width="350dp"
        android:layout_height="50dp"
        android:paddingStart="10dp"
        android:paddingEnd="10dp"
        android:weightSum="1"
        android:orientation="horizontal"
        android:background="@drawable/border_default">

        <android.support.design.widget.TextInputEditText
            android:id="@+id/etFechaNacimiento"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight=".9"
            android:backgroundTint="@android:color/transparent"
            android:inputType="date"
            android:textStyle="italic"
            android:hint="Fecha de Nacimiento"/>

        <ImageButton
            android:id="@+id/imgbtnFechaNacimiento"
            android:layout_width="1dp"
            android:layout_height="30dp"
            android:layout_weight=".1"
            android:layout_gravity="center_vertical"
            android:background="@drawable/ic_calendar_black_20dp"/>

    </LinearLayout>

    <TextView
        android:id="@+id/tvFechaNacimientoContador"
        android:layout_width="60dp"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        android:textAlignment="center"
        android:text="100/100"/>

</LinearLayout>

</android.support.design.widget.CoordinatorLayout>
2
  • Leonidas me encuentro bajo el mismo dilema, pudistes resolverlo? como lo puedo hacer D: ~ Los 7 Pecados Capitales
    – AngelxD20
    Commented el 13 may. 2019 a las 8:49
  • la verdad no, tuve que hacer de otra forma ya que nadie sabia.
    – Brynner
    Commented el 21 may. 2019 a las 13:52

1 respuesta 1

0

Hola Loenidas ya se como conseguir este efecto, esto se hace por medio de la dependencia

implementation 'com.android.support:design:28.0.0' y el efecto que busca se logra con style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"

<android.support.design.widget.TextInputLayout
                            android:id="@+id/lyt_dtx_email_login"   
          style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="24dp">

                            <EditText
                                android:id="@+id/dtx_email_login"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:hint="Correo eletronico"
                                android:inputType="textEmailAddress" />

                        </android.support.design.widget.TextInputLayout>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.