2

Me encuentro con el siguiente dilema supongamos que tengo un control en este caso un EditText y por debajo tengo un Button el cual me permite seguir el curso de la app ,

Ahora mi problema es que quiero que cuando se haga foco o se cliquee el EditText mi app haga un scroll hacia abajo para poder permitir ver el boton al final , para no tener que sacar el teclado para darle al boton , dejo un flujo de imagenes para que se entienda mas claro

Ejemplo 1:

Me pongo sobre el correo electronico ,al hacer esto aparecera el teclado ocultandome el boton que esta por detras ,

introducir la descripción de la imagen aquí

Lo que me gustaria es que al poner para escribir el correo automaticamente se haga un scroll hacia arriba , cosa de poder vizualizar el boton de continuar mientras escribo , esto solo por comidad del usuario , desde ya gracias

introducir la descripción de la imagen aquí

XML DE VISTA

  <EditText
            android:id="@+id/txtCorreo"
            android:inputType="textEmailAddress"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="40dp"
            android:textSize="@dimen/T14"
            android:backgroundTint="@color/colorRayaEditText"
            android:textColor="@color/HintHomeMonto"/>



        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <Button
                android:onClick="GoToRegistryStep2"
                android:layout_centerHorizontal="true"
                android:layout_width="match_parent"
                android:layout_marginTop="5dp"
                android:background="@color/colorFondoHomeAzulado"
                android:text="@string/Continuar"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:id="@+id/iconodeaceptar"
                android:layout_height="40dp"
                android:textSize="@dimen/T14"
                android:textColor="@color/white"/>
        </RelativeLayout>

Metodos que intente hasta ahora

EditText txtCorreo = (EditText)findViewById(R.id.txtCorreo);
    txtCorreo.setOnFocusChangeListener(new View.OnFocusChangeListener() {
        @Override
        public void onFocusChange(View view, boolean hasFocus) {
            if (hasFocus) {
               final ScrollView sv = (ScrollView)findViewById(R.id.ScrollView01);
                sv.post(new Runnable() {
                    public void run() {
                        sv.fullScroll(sv.FOCUS_DOWN);
                    }
                });
            } else {
                Toast.makeText(getApplicationContext(), "Lost the focus", Toast.LENGTH_LONG).show();
            }
        }
    });

Y tambien intente

 txtCorreo.setOnFocusChangeListener(new View.OnFocusChangeListener() {
        @Override
        public void onFocusChange(View view, boolean hasFocus) {
            if (hasFocus) {
                ScrollView sv = (ScrollView)findViewById(R.id.ScrollView01);
                sv.scrollTo(0, sv.getBottom());
            } else {
                Toast.makeText(getApplicationContext(), "Lost the focus", Toast.LENGTH_LONG).show();
            }
        }
    });

preferiblemente algo que me sirva desde 4.1 Version en adelante

Le agrege en el manifest la propiedad

 <activity android:name="banred.twoinnovateit.com.bimo_new.RegistroStep1"
        android:screenOrientation="portrait"
        android:windowSoftInputMode="adjustResize"
        >

    </activity>

pero aun asi el teclado me oculta mi boton

1
  • Agrega el xml de la vista Commented el 24 feb. 2018 a las 18:40

3 respuestas 3

3
+50

Pues creo que tengo una buena respuesta. Primeramente tengo mi Layout 'activity_main.xml'

<?xml version="1.0" encoding="utf-8"?>

<EditText
    android:id="@+id/editText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="24dp"
    android:ems="10"
    android:inputType="textPersonName"
    android:text="Name" />

<TextView
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="205dp"
    android:layout_marginBottom="400dp"
    android:text="Texto"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<Button
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="17dp"
    android:text="Mi Botón"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent" />


Ahora en el MainActivity inicializo mis Widgets.

scrollView - editText - textView - button

Establecemos un listener para el editText

editText = (EditText)findViewById(R.id.editText);
    editText.setOnFocusChangeListener(new View.OnFocusChangeListener() {
        @Override
        public void onFocusChange(View v, boolean hasFocus) {
            if (!hasFocus){
                //almacenamos aquí el dispositivo que estamos utilizando para introducir información.
                InputMethodManager miTeclado = (InputMethodManager)getSystemService(INPUT_METHOD_SERVICE);
                //establecemos un scroll en pantalla
                scrollView.scrollTo(20, 300);
                //Ocultamos el teclado
                miTeclado.hideSoftInputFromWindow(editText.getWindowToken(), InputMethodManager.HIDE_IMPLICIT_ONLY);
            }
        }
    });

Ahí le hemos dado un scroll a la pantalla cuando no tengamos el Foco en el EditText.


Extra. Quitar el Foco cuando se presiona el Enter del Teclado. Creamos una clase interna en el MainActivity que realiza ese trabajo.

class EventoTeclado implements TextView.OnEditorActionListener {

    @Override
    public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
        if (actionId == EditorInfo.IME_ACTION_DONE){ //Si se ha ocultado el teclado porque hemos pulsado el ok
            editText.clearFocus();
        }

        return false;
    }
}

Nos vamos al onCreate de nuestra MainActivity y instanciamos esta clase.

EventoTeclado eventoTeclado = new EventoTeclado();

Ponemos a la escucha nuestro editText para que tenga efecto.

editText.setOnEditorActionListener(eventoTeclado);

Añado nuevo método para obtener la posicion del botón

private Point obtenerPosicionDeLaVista(View view){
        int[] localizaccion = new int[2];
        view.getLocationInWindow(localizaccion);
        return new Point(localizaccion[0], localizaccion[1]);
    }

Y ahora lo mando a llamar...

editText.setOnFocusChangeListener(new View.OnFocusChangeListener() {
        @Override
        public void onFocusChange(View v, boolean hasFocus) {
            if (!hasFocus){
                //almacenamos aquí el dispositivo que estamos utilizando para introducir información.
                InputMethodManager miTeclado = (InputMethodManager)getSystemService(INPUT_METHOD_SERVICE);
                //establecemos un scroll en pantalla
                Point point = obtenerPosicionDeLaVista(button);
                scrollView.scrollTo(point.x, point.y);
                //Ocultamos el teclado
                miTeclado.hideSoftInputFromWindow(editText.getWindowToken(), InputMethodManager.HIDE_IMPLICIT_ONLY);
            }
        }
    });

P.d. Eso es todo amigos :)

4
  • lo intente Diego pero sin exito , el scroll me tapa aun mas envez de hacer aparecer el teclado Commented el 1 mar. 2018 a las 12:27
  • Realmente puse unas posiciones orientativas, cambia los 300 en el paso de argumentos 'es el que nos interesa ya que pertenece al eje y', y cambialo por el que mejor te venga a ti (button.getButton()-50) o algo así. Saludos! Commented el 1 mar. 2018 a las 12:45
  • si no te molestaria , el primer parametro es x y el otro y? en otras palabras el x es el ancho y la y la altura no entiendo bien Commented el 1 mar. 2018 a las 15:02
  • A la hora de hacer scroll se dirige a esa zona de la pantalla. Es la localización de la pantalla en el eje x 'a lo que tu llamas width' y el eje y 'la altura'. Voy a modificar o añadir unas líneas que te llevarán a la posición exacta de tu botón. Commented el 1 mar. 2018 a las 15:19
1

Para poder hacer esto, tienes que darle un id al ScrollView y luego llamar al método scroll del ScrollView.

Estas es la definición del método scroll:

scrollTo(int x, int y)
Set the scrolled position of your view.

This version also clamps the scrolling to the bounds of our child.

Esta información está obtenida de: https://developer.android.com/reference/android/widget/ScrollView.html

Si lo que quieres es desplazarlo hasta "abajo", tendrías que llamar al método de la siguiente manera:

ScrollView sv = (ScrollView)findViewById(R.id.scrollView);
sv.scrollTo(0, sv.getBottom());

Esta respuesta está sacada de: https://stackoverflow.com/questions/6438061/can-i-scroll-a-scrollview-programmatically-in-android

3
  • como se puede ver en la publicación , tengo que cuando hagan foco se realize este código , pero aun asi no se desplaza aunque lo mirare mas a fondo , gracias Pablo por tu ayuda! Commented el 26 feb. 2018 a las 13:04
  • 1
    Asegúrate que utilizas un ScrollView que tiene que contener los botones, edittext..., si te da algún error comenta lo que te pasa Commented el 26 feb. 2018 a las 13:08
  • revise varias veces esto pero sin ningun tipo de exito Commented el 27 feb. 2018 a las 19:54
1

Agrega esto en el xml de tu manifest:

android:windowSoftInputMode="adjustResize"

Lo anterior funciona si hay suficiente espacio que "reducir". De lo contrario prueba con el siguiente código que en ontouch en el último ediText hace un scroll hacia abajo:

tuUltimoEditText.setOnTouchListener(new View.OnTouchListener()
        {
            public boolean onTouch(View arg0, MotionEvent arg1)
            {
                ScrollView sv = (ScrollView)findViewById(R.id.scrollView);
                sv.scrollTo(0, sv.getBottom());
                return false;
            }
        });

En el xml todos los views deben estar dentro del relative ó linearlayout y este a su vez de ScrollView

7

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.