Ocultar txtBox al seleccionar otra opción: SOLUCIONADO

Abordaremos la gestión de objetos de interfaz de usuario en Visual Basic, específicamente, cómo podemos hacer que un txtBox se oculte al seleccionar diferente opción. Visual Basic, como muchos otros lenguajes de programación, ofrece utilidades para manipular diferentes controles de interfaz de usuario como el txtBox.

En algunas ocasiones, necesitamos que cierto control, como un txtBox, se oculte o se muestre en función de otras opciones seleccionadas por el usuario. Esto agrega interactividad a nuestros formularios y facilita la usabilidad al usuario. Veamos cómo lograrlo.

txtBox y el evento Click

Imaginemos que tenemos un formulario con varios controles, incluido un txtBox que, por default, es visible. Queremos que este txtBox se oculte cuando el usuario realice cierta acción, como hacer clic en un botón o seleccionar un elemento de una lista desplegable.

      ' Declaración de controles
      Dim botonOpcion As New Button
      Dim txtBox As New TextBox

      ' Evento Click en botón
      Private Sub botonOpcion_Click(sender As Object, e As EventArgs) Handles botonOpcion.Click
          ' Ocultar txtBox
          txtBox.Hide()
      End Sub
    

En el código anterior, hemos declarado un botón y un txtBox. Luego, hemos manejado el evento Click del botón para que, cuando se haga clic en él, el método Hide() se llame sobre el txtBox, ocultándolo.

Usando ComboBox para ocultar txtBox

Otra opción común es querer ocultar nuestro txtBox cuando seleccionamos una opción específica de un ComboBox.

      ' Declaración de controles
      Dim comboOpciones As New ComboBox
      Dim txtBox As New TextBox

      ' Evento SelectedIndexChanged en ComboBox
      Private Sub comboOpciones_SelectedIndexChanged(sender As Object, e As EventArgs) Handles comboOpciones.SelectedIndexChanged
          ' Ocultar txtBox si se selecciona la segunda opción
          If comboOpciones.SelectedItem.ToString() = "Opcion 2" Then
              txtBox.Hide()
          Else
              ' Mostrar txtBox en caso contrario
              txtBox.Show()
          End If
      End Sub
    

Este código oculta el txtBox cuando se selecciona “Opción 2” del ComboBox y lo muestra en todos los demás casos.

Control del txtBox en dependencia del estado de un CheckBox

En otros escenarios, puede que queramos mostrar u ocultar el txtBox en función del estado de un CheckBox. Si el CheckBox está marcado, mostramos el txtBox, si no, lo ocultamos.

      ' Declaración de controles
      Dim checkOpcion As New CheckBox
      Dim txtBox As New TextBox

      ' Evento CheckedChanged en CheckBox
      Private Sub checkOpcion_CheckedChanged(sender As Object, e As EventArgs) Handles checkOpcion.CheckedChanged
          ' Mostrar u ocultar txtBox dependiendo del estado del CheckBox
          If checkOpcion.Checked Then
              txtBox.Show()
          Else
              txtBox.Hide()
          End If
      End Sub
    

Este patrón de ocultar y mostrar controles basándonos en la interacción del usuario con otros controles es una práctica común en el desarrollo de interfaces de usuario. Facilitando esto, logramos una experiencia de usuario, o UX, más amigable e intuitiva.

Métodos Show() y Hide()

Debemos destacar que los métodos Show() y Hide() de los controles en Visual Basic, hacen justamente lo que indican: mostrar u ocultar el control respectivo. No obstante, es importante resaltar que estos no eliminan el control, solamente lo hacen invisible al usuario.

Consideraciones finales

Como hemos visto, Visual Basic nos ofrece diversas formas de interacción con los controles de usuario. El ocultamiento de los txtBox en función de la selección de otras opciones, es solo un ejemplo de las muchas posibilidades que nos ofrece este lenguaje para mejorar y variar nuestras interfaces de usuario.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad