‫Bienvenido de nuevo y este video, vamos a trabajar con botones de radio y, como puede ver, puede arrastrarlo
‫desde la caja de herramientas.
‫Simplemente puede dirigir un botón de radio a su interfaz de usuario y encontrará su botón de radio en la cuadrícula,
‫que tiene contenido.
‫Bueno, tiene múltiples propiedades que ya hemos visto.
‫Y esta no es la forma en que quiero trabajar con los botones de opción en este video.
‫Solo voy a crear un panel Steck y usaré Zemel para construir la mayor parte de eso.
‫Entonces, en este panel de tecnología, primero que nada, quiero tener una etiqueta y esa etiqueta debería
‫escribir algo como, ¿Te gusto?
‫¿Entonces tu me gustas?
‫Que somos esta es nuestra etiqueta.
‫Y voy a decir que debería ser audaz.
‫Entonces, el peso de la fuente estará en negrita así y bueno, ¿qué más debemos agregar?
‫Quizás un tamaño de fuente.
‫Así que ese es un tamaño diferente y pongámoslo en 20.
‫¿Entonces tu me gustas?
‫Texto bastante largo y ahora tenemos que decir sí, no o tal vez.
‫Pero no hay nada entre esos tres.
‫Así que solo existen esas tres opciones.
‫Y esa es la ventaja de los botones de opción.
‫Siempre tienen solo uno de ellos activo dentro de un grupo de radio.
‫Así que creemos un botón de opción aquí, botón de opción, y lo voy a hacer un poco más extendido porque no quiero tener
‫solo un botón de opción simple, como acabamos de ver.
‫Quiero que este botón de radio esté, bueno, envuelto en un rectángulo y un registro de texto.
‫Así que algo así como Repp Pennel.
‫Así que voy a crear un panel de envoltura aquí y dentro del panel derecho.
‫Quiero tener un rectángulo, que en este caso será verde.
‫Entonces alguien dice que sí.
‫Entonces debería ser verde.
‫El verde es bueno y el ancho debe ser algo así como 16 y la altura también debe ser 16.
‫Así que es una cuadrícula verde de 16 por 16 lo que tenemos allí.
‫Este es nuestro rectángulo que tenemos allí.
‫Así que este es nuestro rectángulo, el verde, como pueden ver.
‫Y ahora quiero un texto junto a él.
‫Entonces, bloquee el texto y será el texto de.
‫Si.
‫Así que me gusta la persona y el primer plano también debe ser verde.
‫Tan verde y verde.
‫Me gusta la persona
‫Así que este es nuestro bloque de texto y dice que sí.
‫Ahora, tal vez deberíamos tener un pequeño margen entre los objetos, así que voy a agregar un margen en
‫el nivel más alto en el nivel del panel estatal como ese.
‫Como puede ver ahora, hay una pequeña distancia allí e incluso podemos agregar un pequeño margen dentro de nuestro bloque de
‫texto o tal vez incluso en el botón de opción.
‫Hagamos que todo el margen del botón de opción sea de 10 píxeles o tal vez solo de cinco píxeles.
‫Eso debería estar bien.
‫Y luego también un margen para el bloque de texto porque está un poco demasiado cerca del resto, pero no hacia la
‫parte superior.
‫Y hacia la parte inferior, pero solo a la izquierda, y el margen es un valor, por lo que puede agregar un valor
‫o puede agregar cuatro valores comenzando desde la izquierda, luego yendo hacia la parte superior derecha e inferior.
‫Así que a la izquierda, arriba, derecha, abajo.
‫Entonces, el que quiero tener es cinco píxeles arriba.
‫No quiero ningún derecho.
‫No necesito ninguno y pasivo.
‫No necesito ninguno también.
‫Y ahora puede ver que hay una pequeña distancia aquí, cinco píxeles de margen entre nuestro.
‫Si.
‫Y el cuadrado que tenemos aquí o el rectángulo que tenemos.
‫Está bien.
‫Así que arriba a la izquierda.
‫Boton derecho.
‫Así es como usamos este margen.
‫Está bien.
‫Así que ese es un botón de opción.
‫Y me gustaría tener tres botones de opción.
‫Entonces, en realidad, déjeme cortar la parte posterior para que solo tengamos la cantidad correcta de líneas aquí.
‫Y voy a copiar este botón de radio y ponerlo justo al lado o debajo de él.
‫Y este debería estar relleno de rojo y el texto debería decir algo como no.
‫Entonces el texto será no y que nosotros sí no.
‫Y, por supuesto, también conviene leer el texto.
‫Así que en realidad no aquí, sino aquí.
‫Entonces, dentro de nuestro botón no, el rojo debería ser o la nota debería ser roja.
‫Eso es eso con la radio.
‫Pero super simple.
‫Pero ahora quiero agregar otro, que será tal vez y ahora en lugar de un rectángulo, me gustaría tener
‫una pequeña imagen aquí.
‫Así que me voy a deshacer del rectángulo y voy a usar una imagen que aún no hemos usado.
‫Y siempre que desee utilizar una imagen, necesita una fuente para esa imagen.
‫Entonces, en mi caso, tengo la fuente.
‫En mi PC, voy a decir salsa y luego necesitas el directorio correcto y, en mi caso, está en mi
‫PC.
‫Así que tengo esta carpeta llamada curso Teashop Masterclass.
‫Tengo la carpeta de proyectos y dentro hay un archivo tal vez y se llama tal vez P y G, y es este
‫archivo aquí.
‫Y, por supuesto, es muy grande y se reducirá.
‫Pero si desea reducirlo, realmente tiene sentido hacerlo antes de usar la imagen.
‫Así que edite esta imagen y reduzca el tamaño.
‫Pero esta será la imagen que quiero usar.
‫Así que esta será mi fuente para la imagen.
‫Entonces puedo especificar qué tan ancho debería ser y así sucesivamente.
‫Entonces, porque de lo contrario, como puede ver, el tamaño original, pero puedo reducirlo a, digamos,
‫un ancho de treinta y dos y una altura de treinta y dos también.
‫Así que ahora tengo esta imagen de tal vez allí y el texto no debería leerse.
‫En realidad, está bien si es el color estándar del negro.
‫Así que este es el texto de tal vez ahí estamos y ahora tenemos nuestro botón de opción.
‫¿Le agrado?
‫Si.
‫No.
‫Y tal vez.
‫Está bien.
‫Ahora comencemos esta aplicación y compruébelo.
‫Alli estamos nosotros.
‫¿Te gusto?
‫Si.
‫No, quizás.
‫Y como puede ver, antes estaba vacío.
‫Y ahora podemos seleccionarlo y siempre estarán conectados entre sí.
‫Entonces esos tres están en el mismo grupo.
‫Están conectados entre sí y solo uno de ellos puede estar activo.
‫Así que esa es la ventaja de los botones de opción en comparación con las casillas de verificación.
‫Entonces, si solo desea tener una opción, los botones de opción son su camino a seguir.
‫Si desea que se especifique uno de ellos, es un comienzo.
‫Entonces, uno de ellos debe ser verificado al principio, simplemente puede usar la propiedad está verificada.
‫Entonces, dentro del botón de radio del botón de rango aquí, digamos que tal vez quiero que se verifique.
‫Así que voy a usar está marcado y lo voy a configurar.
‫Verdadero.
‫Está bien.
‫Así que ahora comencemos de nuevo y verás que quizás esté marcado desde el principio.
‫Si desea tener un evento, cuando alguien presiona en uno de ellos, simplemente puede crear
‫ese evento manualmente agregando aquí marcado y luego agregando un detector de eventos aquí, o simplemente puede hacer doble clic en
‫él.
‫Así que voy a hacer doble clic en no.
‫Y como puede ver, el botón de radio marcó uno y la radio y marcó que se crearon esos dos métodos.
‫Y ves que tienen un remitente de objeto y a través de ese arco de evento.
‫Entonces lo mismo que hemos visto con las casillas de verificación.
‫Y puede agregar algo como un cuadro de mensaje de mostrar, sin cuadro de mensaje que muestre, por favor diga que sí.
‫Entonces esto es lo que va a decir.
‫Y el otro también va a decir que sí, porque es el saber y tal vez uno al que le he agregado
‫un evento.
‫Y si no le gusta el nombre, puede cambiarlo.
‫Entonces voy a decir algo así.
‫Botón de radio marcado, pero no.
‫Y, por supuesto, necesito cambiar el nombre en el código subyacente.
‫Entonces este no será verificado.
‫Y luego tenemos la posibilidad de que se verifique y también voy a cambiar el nombre aquí.
‫Puede comprobarse.
‫Lo copio y lo cambio aquí.
‫Así que por favor diga que sí, por favor diga que sí dos veces.
‫Está bien, y si alguien presiona sí, entonces podríamos decir algo como, gracias.
‫Así que creemos ese manualmente.
‫Así que aquí voy a usar marcado y voy a crear un nuevo método llamado Sí, subrayado marcado.
‫Y ahora es crear el método y combinarlo, así que vamos a usar los mismos principios que hemos
‫visto aquí.
‫Vacío privado.
‫Sí, en realidad me gustaría esto.
‫Si.
‫Remitente de objeto comprobado y ARC de eventos agrupados y también los llamaré E.
‫Y ahora aquí podemos seguir adelante y decir algo como.
‫Gracias.
‫Está bien.
‫Ahora echemos un vistazo.
‫Y por cierto, si hiciste eso, verás que este evento fue convocado porque bueno, entremos de
‫nuevo porque fue verificado.
‫Tenemos esta funcionalidad.
‫Entonces, aquí ves que la policía dice que sí, se abrió automáticamente, aunque mi programa aún no apareció.
‫Y después de hacer clic.
‫Sí, entonces ves tu programa.
‫Y eso es porque quizás está marcado y este evento se llama de cualquier manera.
‫Entonces, cuando es siempre que se verifica y se verifica al principio.
‫Entonces, cuando se inicialice, voy a decir que no y esto dice por favor.
‫Si.
‫Y luego digo que sí.
‫Y dice gracias.
‫Bien, entonces estos son diferentes eventos que hemos creado aquí y aquí.
‫Este, esta información es igual a verdadera.
‫Esta línea aquí o este código realmente activa este evento verificado de inmediato cada vez que se inicializa
‫el programa.
‫Entonces, si tuviera, por ejemplo, un nombre aquí y sería R B, sí.
‫Quizás esto sea R B, quizás.
‫Entonces ahora puedo ir aquí en el método de inicialización o el constructor o B tal vez esté marcado y dije que es cierto.
‫Así es como puedo verificarlo a través del código.
‫De acuerdo, si lo ejecutamos de nuevo, verá que este evento sigue apareciendo.
‫Entonces, este evento de verificación, por favor diga que sí.
‫Todavía.
‫¿Apareciendo el te gusto?
‫Si genial.
‫Entonces, ahora sabe cómo usar los botones de opción y ha visto cómo puede implementar imágenes en su interfaz de
‫usuario.